How to install Clym on a Shopify website

Step-by-step guide for installing Clym on your Shopify website

Here’s a quick 2-minute video showing you how to install Clym’s compliance widget onto your website. Below the video, you will also find step-by-step instructions in written form. If you feel this is a task better suited for your webmaster or developer, please send them this link, along with the email instructions you received from Clym. 

 

Installing Clym on a Shopify website is a 3-step process:

Before you get started, make sure you have at hand the Clym widget code and the links for "Privacy Center" and "Do not sell or share my personal information". You should have received them via email or you can copy them from your Clym admin account.

 

1. Select the Shopify integration

Please sign in to your Clym account or open the email you received containing the privacy widget embed code. Please follow the instructions for step 1 based on which option you are using:
 
  • FROM YOUR CLYM ADMIN ACCOUNT:
    From the left-hand side menu, toggle to Website settings. Select Setup instructions, and from the pop-up window, select Shopify. A pop-up window will open containing specific steps for installing Clym onto that platform. You will also have the option to access a Video tutorial, which can be viewed above in this article, or to send your instructions to a developer that you are working with.
    Website-Settings-to-Setup-Instructions

    Copy the embed code from the Copy the code below field.
    Shopify
  • FROM YOUR EMAIL:

    Copy the embed code from within the box labeled Clym privacy widget
    Copy-Embed-Code-from-Email
 
Return to your Shopify dashboard.  From the left side menu under Apps, select +Add apps. Search for an app that will allow you to add header and footer codes. One free option is XO Insert Code
Shopify-GIF-1
 
Click into this app option or another of your choice and choose Install App.

Shopify-Gif-2

 

Click Add New Code and add the Clym embed code into the Code into the header section.

Shopify-GIF-5

Note that, to facilitate compliance, this script has to be inserted as the first script under the "head" section of your website. Failure to do so might allow third-party scripts to be loaded on your website and, depending on regulation, that might result in non-compliance. For easy viewing, you may leave space in between the Clym script and any following scripts or code.

 

 

2. Copy/paste the links for "Privacy Center" and "Do not sell or share my personal information"

Return to your Clym admin account or email and click back to the Setup instructions pop-up window to access Links. You will need to copy the Privacy Center button/link and the Do not sell or share button/link embed codes one at a time.

Copy-Link-Codes

 

Return to Shopify and paste the Privacy Center and Do not sell or share my personal information embed codes from Clym one at a time into the Code in footer section. Click Save.

Shopify-Footer

 

3. Enable Header and Footer

To see the changes on your website, you will need to enable the head code.  Click Enable head code. From your site editor, toggle the header and the footer on in the right-hand side menu.

Shopify-GIF-6


 

You're all set! Clym's widget will now display on your website based on how you set up your widget layout.

Please note that based on your geolocation, you may not see the privacy widget. To view Clym on your site, scroll to the footer of your website and click Privacy Center or Do not sell or share my personal information to open the widget. View more ways to verify the installation here

If you encounter any challenges, please reach out to us at support@clym.io.