> For the complete documentation index, see [llms.txt](https://doc.customfit.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.customfit.ai/master/installing-customfit-code-snippet/installing-the-code-snippet-on-shopify.md).

# Installing the code snippet on Shopify

If you're using Shopify, integrating the CustomFit code snippet into your Shopify stores is a swift and user-friendly process. No coding expertise is needed, making it an effortless installation. You can add [CustomFit.ai](http://customfit.ai/) code snippet to shopify store in two ways

1. Installing through App
2. Manual Installation

### Installing through CustomFit App

* Login to your Shopify account and click on '**Apps**' from the sidebar.

<figure><img src="/files/K29SiLAB3bwhkCYBj4hg" alt=""><figcaption></figcaption></figure>

* Search for the CustomFit app by typing Customfit in the search field, or you can find the CustomFit shopify app [here](https://apps.shopify.com/customfit?st_source=autocomplete).&#x20;

<figure><img src="/files/70c6YzA4tkZUdcKtJWBV" alt=""><figcaption></figcaption></figure>

* Click on the '**Install**' button.

<figure><img src="/files/06vBeQhKNPUcPBuvgvMu" alt=""><figcaption></figcaption></figure>

* If you choose to install the CustomFit app, you will be taken to an access screen where you can check exactly what information the app will have access to. Click on the '**Install App**' button.

<figure><img src="/files/26qlRccvciDrJk9C6pTt" alt=""><figcaption></figcaption></figure>

* After the successful installation of the app, you will be redirected to CustomFit app screen. Login to your CustomFit account and the [CustomFit.ai](http://customfit.ai/) code snippet will be automatically added onto your shopify store.&#x20;

<figure><img src="/files/grDS6IMGGRnz0zTlXV7R" alt=""><figcaption></figcaption></figure>

### Manual installation

* [Login](https://accounts.shopify.com/store-login) to your Shopify account and click on '**Online Store**' from the sidebar. Then click on '**Themes**'.

<figure><img src="/files/LIhtj7Q2Y4Lb8woL4bLW" alt=""><figcaption></figcaption></figure>

* Then click on '**Edit Code**' option from your Theme menu.

<figure><img src="/files/3mGxKFOU0xKSxtpI3Exx" alt=""><figcaption></figcaption></figure>

* Select '**theme.liquid**' file under '**Layout**' section and search for **\<head>** tag on the page.
* Login to your [CustomFit.ai](http://customfit.ai/) account and copy the code snippet. Paste the code snippet just after the \<head> tag and click on the '**Save**' button.&#x20;

<figure><img src="/files/79ifPJCk19YYmmSvVOiO" alt=""><figcaption></figcaption></figure>

When you install CustomFit code snippet on to your Shopify store, it is added on all the pages of your store except for 'Check Out' pages.

### Install code snippet on checkout pages

* Click on '**Settings**' which is present at the bottom left of your screen.

<figure><img src="/files/tDeNilhrcx1v1B0OP9wM" alt=""><figcaption></figcaption></figure>

* Click on the '**Checkout**' option.

<figure><img src="/files/wFZKPLAOsDFX73iOBdaP" alt=""><figcaption></figcaption></figure>

* Under the '**Order status page**' section you will find the '**Additional Scripts**' field. Paste the CustomFit code snippet here and click on '**Save**' button.

<figure><img src="/files/DpMkvqWwKZCdafFaJL3V" alt=""><figcaption></figcaption></figure>
