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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.customfit.ai/master/installing-customfit-code-snippet/installing-the-code-snippet-on-shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
