Skip to main content

How to add your Script to the <head> tag:

Here are clear instructions for adding a script to the <head> tag in Webflow, WordPress, Squarespace, and Shopify.

Knocky avatar
Written by Knocky
Updated over a month ago

Here are clear instructions for adding a script to the <head> tag in Webflow, WordPress, Squarespace, and Shopify. For each platform, make sure to save and publish the changes to apply them live on your website.

To locate your Script, in the dashboard settings, click on Integrations.

Here you will find your "Prod URL". Copy this script and follow the instructions below for your website provider.

1. Webflow

Steps to add a script to the <head> tag:

  1. Log in to your Webflow workspace account

  2. For the project your want to add the script to, click on the 3 dot ellipsis, below right, then click Settings.

  3. Select the specific page you want to add the script to, or click Project Settings (for global site changes).

  4. Click Custom Code on the bottom of the left hand side navigation

  5. Paste your script in the Head Code box.

  6. Save the changes by clicking Save at the top right.

  7. Then Publish your site by clicking the Publish button.

https://www.loom.com/share/d24dcdd2a2434a63a9148b0430632f5d?sid=3e731d8b-abf5-46c9-a486-71f99689f14d
​

2. WordPress

Steps to add a script to the <head> tag:

Option 1: Using Theme Editor

  1. Log in to your WordPress Admin Dashboard.

  2. Navigate to Appearance > Theme File Editor (or Editor).

  3. On the right, select the header.php file.

  4. Locate the <head> tag and paste your script right before the closing </head> tag.

  5. Click Update File to save your changes.

  6. Publish the site by clearing the cache or viewing the live site.

Option 2: Using a Plugin (for non-technical users)

  1. Install a plugin like Insert Headers and Footers by navigating to Plugins > Add New.

  2. After activation, go to Settings > Insert Headers and Footers.

  3. Paste your script in the Scripts in Header box.

  4. Click Save to apply changes.

  5. Publish by checking the live site.

3. Squarespace

Steps to add a script to the <head> tag:

  1. Log in to your Squarespace account.

  2. Open the Code Injection panel.

  3. In the Header section, paste your script.

  4. Click Save at the top to save your changes.

4. Shopify

Steps to add a script to the <head> tag:

  1. Log in to your Shopify Admin Dashboard.

  2. Go to Online Store > Themes.

  3. In the Themes section, click Actions, then select Edit Code.

  4. On the left side, locate and click on theme.liquid under the "Layout" folder.

  5. Scroll down to find the <head> tag and paste your script right before the closing </head> tag.

  6. Click Save at the top right to save the changes.

  7. Publish by viewing the live site or clearing the cache.

By following these steps for your respective platform, you'll ensure the script is properly added to the <head> tag. Remember to save and publish your changes for them to take effect on the live site!

Did this answer your question?