> For the complete documentation index, see [llms.txt](https://docs.getgymini.com/gymini/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getgymini.com/gymini/features/features-overview/forms-surveys-chat/chat/webchat-for-shopify.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.getgymini.com/gymini/features/features-overview/forms-surveys-chat/chat/webchat-for-shopify.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.