> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://knowledge.clym.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to install Clym on a Shopify website


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

If you feel this is a task better suited for your webmaster or developer, please send them this knowledge base article. Installing Clym on a Shopify website is a 3-step process:

* [Select the Shopify integration](#3-1-select-the-shopify-integration)
* [Generate links for "Privacy Center" and "Do not sell or share my personal information"](#3-2-copypaste-the-links-for-privacy-center-and-do-not-sell-or-share-my-personal-information)
* [Enable Header and Footer](#3-3-enable-header-and-footer)

### 1. Select the Shopify integration

Please [__sign in to your Clym Control Center account__](https://www.auth.clym.io/). From the left-hand side menu, toggle to **Integrate**. Click **Platform tools** to expand the menu options and choose **Widget**. From the screen, select **Shopify**.


![Widget section](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/cc-shopify-2_kujwss.png)

Copy the embed code from the **Copy the code below** field.

![Shopify embed code preview](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/cc-shopify-1_fj2q85.png)

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.** 

![Add apps in Shopify](https://storage.crisp.chat/users/helpdesk/website/4d4e0939d1131000/5c5cdc43-ea17-41c3-8d9f-a27a68_y3h5zw.gif)

Click into this app option or another of your choice and choose **Install App**.

![Install app](https://storage.crisp.chat/users/helpdesk/website/d626f8c098729800/f5c8794d-13a6-4797-b250-ebaec4_16ukh1b.gif)

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

![Add new code](https://storage.crisp.chat/users/helpdesk/website/a35c4f2a2d8c3800/b7b36a96-cf30-466d-a1ba-800091_dchok6.gif)

**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. Generate links for "Privacy Center" and "Do not sell or share my personal information"

Return to your Clym Control Center to [generate your custom footer link embed codes](https://clymio.crisp.help/en/article/how-to-generate-a-custom-footer-link-x0laqs/), such as **Privacy Center** and **Do not sell or share my personal information**. 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**.
![Links section](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/image_63ymd6.png)

### 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**.

![Enable header and footer](https://storage.crisp.chat/users/helpdesk/website/-/a/e/3/8/ae38f50f15c00000/shopify-gif-6_2vaib1.gif)

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 if there are no regulations that apply to your jurisdiction. If you would like to provide users a way to open the widget if this scenario applies to them, you can [add a footer link to your website](https://clymio.crisp.help/en/article/how-to-generate-a-custom-footer-link-x0laqs/).

If you encounter any challenges, please reach out to us at [support@clym.io](mailto:support@clym.io).