# Integrating with Shopify

## STEP 1

&#x20;Paste this snippet in Theme.liquid file.

{% code title="Layout > Theme.liquid" overflow="wrap" fullWidth="false" %}

```xml
<!-- REELKART SNIPPET -->
<!-- Replace this <COMPANY_DOMAIN> with your company domain 
 Ex- ihabags.com
  -->
<script src="https://reelkart.blob.core.windows.net/reelkart/sdk/v3/reelkart-sdk.js?domain=<COMPANY_DOMAIN>"></script>
<!-- REELKART SNIPPET -->
```

{% endcode %}

{% hint style="danger" %}
Replace <mark style="color:blue;">{{COMPANY\_DOMAIN}}</mark> in Snippet with your Domain\
Find out here <https://dashboard.reelkart.io/settings> ![](/files/BZ5bpEgWc9QwxHXfkCtV)
{% endhint %}

<figure><img src="/files/a1KEH0DbiMheJAXIs1hU" alt=""><figcaption><p><strong>Please Save the changes.</strong></p></figcaption></figure>

🚀 After Setting up this Snippet Popup will get Live in your Store 🥳.\
👋 Well Done Now Lets Setup GRID in your Store.

## STEP 2

#### Setting Up Reelkart Grid

1\) Creating a New Section\
&#x20;    a) Click > <mark style="color:blue;">**Add a new Section**</mark>\
&#x20;     b) Save the Liquid File named <mark style="color:blue;">**Reelkart-Grid**</mark>

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

2\) Paste this code inside the newly created <mark style="color:blue;">**Reelkart-Grid.liquid**</mark> file.

{% code title="Sections > Reelkart-Grid.liquid" %}

```liquid
<div class="rk-carousel-container"/></div>
{% schema %}
{
    "name": "Reelkart Grid",
    "settings": [],
    "presets": [
                    {
                    "name": "Reelkart Grid",
                    "category": "ADVANCED LAYOUT"
                    }
                ]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}

```

{% endcode %}

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

🥳 Yeahh Reelkart Grid Section is Added Now Lets Place this Grid Section in Your Store.

## STEP 3

### Placing Reelkart Grid in Customize Theme Tab

a) Scroll to Bottom\
b) Click > <mark style="color:blue;">**Add Section**</mark>\
c) Search & Select <mark style="color:blue;">**Reelkart Grid**</mark>&#x20;

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

### JUST DRAG THIS NEWLY ADDED GRID TO PLACE WHERE YOU WANT IN YOUR PAGE

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

**THAT'S IT ALL DONE**


---

# 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://docs.reelkart.io/installation-setup/integrating-with-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.
