# Install guides > The exact steps to add the Orb script on 12 platforms. The script tag is identical everywhere; only where you paste it changes. ## Claude Code, Cursor or any coding AI Where: Ask it to install 1. Open your website’s project in your coding assistant. 2. Paste this in and let it add the script the right way for your framework. ## Shopify Where: theme.liquid 1. In your Shopify admin, go to Online Store, then Themes. 2. Next to your current theme, open the … menu and choose Edit code. 3. Open layout/theme.liquid and paste the script just before . 4. Click Save. Note: Shopify doesn’t run theme scripts on checkout pages, so Orb sees your store up to checkout. If you change theme, add the script to the new one too. ## WordPress and WooCommerce Where: WPCode plugin 1. In your WordPress admin, go to Plugins, then Add New, and install WPCode (Insert Headers and Footers). 2. Go to Code Snippets, then Header & Footer. 3. Paste the script into the Header box and click Save Changes. Note: Using a caching plugin? Clear its cache afterwards. On WordPress.com you need a plan that allows plugins. Reference: https://wordpress.org/plugins/insert-headers-and-footers/ ## Webflow Where: Site settings, custom code 1. Open your site settings in Webflow and go to Custom code. 2. Paste the script into Head code and save. 3. Publish your site. Custom code only runs on the published site. Note: Custom code needs a paid Webflow site plan. ## Squarespace Where: Code injection 1. In Squarespace, open Settings, then Developer tools (Advanced on older sites), then Code injection. 2. Paste the script into the Header box. 3. Click Save. Note: Code injection isn’t available on every Squarespace plan. Reference: https://support.squarespace.com/hc/en-us/articles/205815908-Using-code-injection ## Wix Where: Settings, custom code 1. In your Wix dashboard, go to Settings, then Custom code. 2. Click Add Custom Code and paste the script. 3. Choose All pages, Load code once, and place it in Head. Click Apply. Note: Wix only runs custom code on sites with a premium plan and a connected domain. Reference: https://support.wix.com/en/article/embedding-custom-code-on-your-site ## Framer Where: Site settings, custom code 1. Open Site settings in Framer and go to General, then Custom code. 2. Paste the script into the End of tag box. 3. Publish your site. Note: Custom code may need a paid Framer plan. Reference: https://www.framer.com/help/articles/how-to-add-custom-code/ ## Ghost Where: Code injection 1. In Ghost admin, go to Settings, then Code injection. 2. Paste the script into Site header. 3. Click Save. ## Next.js Where: app/layout.tsx 1. Open app/layout.tsx, or pages/_app.tsx if you use the Pages Router. 2. Import Script from next/script and add it inside . 3. Deploy. Page changes inside the app are tracked automatically. Reference: https://nextjs.org/docs/app/api-reference/components/script ## React, Vue, Svelte, Astro, Nuxt, Remix Where: Shared layout 1. Find the file that renders on every page: index.html for Vite, or the root layout for Astro, SvelteKit, Remix and Nuxt. 2. Paste the script into . 3. Deploy. Client-side navigation is tracked automatically, so there’s nothing else to add. ## Plain HTML Where: Every page 1. Open the HTML for each page, or the shared header template if your site has one. 2. Paste the script just before . 3. Upload or deploy the change. ## Google Tag Manager Where: Custom HTML tag 1. In your container, create a new tag and choose Custom HTML. 2. Paste the script. 3. Set the trigger to All Pages, save, then Submit and Publish. Note: Adding the script straight to your site is more reliable, because some ad blockers block Tag Manager. Reference: https://support.google.com/tagmanager/answer/6107167 --- Get a site ID and the exact snippet: https://orbmcp.com/docs