# Webchat for Shopify

Are you looking for an easy way to connect with your website visitors and convert them into customers? Gymini Webchat for Shopify is the perfect solution for you!

In this article, we'll walk you through the steps to start with Gymini Webchat for Shopify.

## **How to obtain the embed code for web chat for the website:** <a href="#how-to-obtain-the-embed-code-for-web-chat-for-the-website" id="how-to-obtain-the-embed-code-for-web-chat-for-the-website"></a>

Copy the embed code from **Sites** > **Chat Widget** > **Get Cod**e

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297297829/original/oKtzhm7Qaeia1e1Pzl-q2_GbFteEF8ZoBw.gif?1683912268" alt=""><figcaption></figcaption></figure>

### **Here are detailed steps on how to add a custom chat widget to a Shopify website using different methods:** <a href="#here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-shopify-website-using-different-meth" id="here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-shopify-website-using-different-meth"></a>

* Log in to your Shopify account: Go to your Shopify account and log in.
* Navigate to the "Online Store" section: From your Shopify dashboard, navigate to the "Online Store" section.

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324784/original/4ixY62gc7EwglJ9F0a4bwMoxpQXHH_Xtyw.jpeg?1683924952" alt=""><figcaption></figcaption></figure>

* Edit your website's theme: Select the theme that you want to edit and click on the "**Actions**" button. Choose "**Edit code**" from the drop-down menu.

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324783/original/7OOpzX5r1cGs_hKuMlyK7PFupzLej25itg.jpeg?1683924952" alt=""><figcaption></figcaption></figure>

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324778/original/xDoNGM25Xom69HxzbfsPJM2bIG4oT58Mpw.png?1683924952" alt=""><figcaption></figcaption></figure>

* Open your theme's theme.liquid file: In the list of files that appears, select the "**Layout**" folder and then select the "**theme.liquid**" file.

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324780/original/WpuHKCkk_K3rGrEMk0fx8m0xINkUuO1K4Q.jpeg?1683924952" alt=""><figcaption></figcaption></figure>

* Paste the embed code: Locate `</body>` the tag within the **theme.liquid,** then add embed code above it.

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324781/original/bYge5b1X9AAUYrVTDgNZfgmSkr3XM-tnqw.jpeg?1683924952" alt=""><figcaption></figcaption></figure>

* Save the changes: After adding the embed code, hit the save button.

<figure><img src="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297324782/original/TLDL_HdeWPkxcNvDgXCxByiyh7ZTzjIqLg.jpeg?1683924952" alt=""><figcaption></figcaption></figure>

* Preview the chat widget: Go to your website and refresh the page. The chat widget should now be visible on your website.&#x20;
* Please test it out to make sure it's working correctly.


---

# 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.getgymini.com/gymini/features/features-overview/forms-surveys-chat/chat/webchat-for-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.