How to install Clym on a Webflow website

Step-by-step guide for installing Clym on your Webflow 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 Webflow 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 Webflow 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 Webflow. 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.
    Webflow
  • FROM YOUR EMAIL:

    Copy the embed code from within the box labeled Clym privacy widget
    Copy-Embed-Code-from-Email

 

 

2. Add Clym code to your Webflow site

Please login to your Webflow account. From your workspace, click the three dots and select Settings. From the settings, toggle to Custom Code.
Ucraft-GIF-6
 
Paste the embed code from your Clym admin account or email into the Head Code field. Webflow-GIF-2

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 drive non-compliance. For easy viewing, you may leave space in between the Clym script and any following scripts or code.

 
 

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

Please return to your Clym account or email. From your dashboard, click the back arrow in the pop-up window, and select Links from the options within the Setup instructions window. You will need to copy the Privacy Center and Do not sell or share my personal information embed codes one at a time.
Copy-Link-Codes
 
In Webflow, open your site designer and scroll to your footer at the bottom of the page.
Webflow-GIF-3
 
From the left-hand side menu, click the plus icon to Add Element. Scroll to the Components category to find Embed. Drag the element into your footer.
Webflow-GIF-4
 
Paste the Privacy Center and Do not sell or share my personal information link embed codes from Clym one at a time into the HTML Embed Code Editor window that opens. Click Save.
Webflow-GIF-5

 

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.