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