--- title: "SDK Installation" description: "Add the SureBright script to a custom storefront so the protection widget can show up." --- If your store runs on Shopify, Magento, or Salesforce Commerce Cloud, our app adds the SureBright script for you and there is nothing to do here. If you built your own storefront — Hydrogen, Next.js, or any custom front end — someone on your team needs to add the script once: ```text title="Script URL" https://cdn.surebright.com/sbsimxsdk.js ``` Add it to the `` of your storefront, in the place that applies to every page, so it loads on product, cart, and checkout pages. Keep the id as `sbsimxsdk`, and add it only once per page. There are two ways to do it. Either one is fine. ## Option 1: Add the Script Tag Paste this into the `` of your storefront: ```html title="Static injection" ``` ## Option 2: Add the Script with JavaScript Or add it to the `` from your own code: ```html title="Dynamic injection" ``` ## After You Add It To confirm it is live, open a product page and check that `sbsimxsdk.js` loads in your browser's Network tab. That is all the code you need. There is nothing to configure and no keys to add — we turn the integration on for your store from our side. Once the script is on your storefront, let the SureBright team know. We finish and test the integration, then enable it for your store. If you also want your own code to react when a shopper adds or removes a protection plan, see [JavaScript Injection](/frontend-widget-integration/frontend-widget-kit/javascript-injection).