# How to Install the Tiledesk Live Chat Widget on a BigCommerce Website

**Step 1: Log in to your BigCommerce admin panel**

Log in to your BigCommerce admin panel using your credentials.

**Step 2: Go to Storefront**

In the BigCommerce admin panel, navigate to the "Storefront" section. This is where you can manage various aspects of your website's appearance and functionality.

**Step 3: Access Script Manager**

Within the "Storefront" section, find and select "Script Manager." Script Manager allows you to add custom scripts to your website.

**Step 4: Create a Script**

In the Script Manager, click on the "Create a Script" button to begin adding the Tiledesk live chat widget.

**Step 5: Configure Script Parameters**

Fill in the script parameters as follows:

* **Location on page**: Choose "Footer" to place the script at the bottom of your web pages.
* **Select pages where script will be added**: Select "Store pages" to add the widget to all store-related pages.
* **Script category**: Choose "Functional" to categorize it as a functional script.
* **Script type**: Select "Script" to indicate that you're adding a custom script.

**Step 6: Copy Tiledesk Widget Code**

Go to your Tiledesk dashboard and locate the "Installation Widget" section. Here, you will find the widget code that you need to embed on your website.

This is an example:\
&#x20; \<script type="application/javascript">\
&#x20;    window\.tiledeskSettings= \
&#x20;    {\
&#x20;        projectid: "63a075485f117f0013541f43"\
&#x20;    };\
&#x20;    (function(d, s, id) { \
&#x20;        var w=window; var d=document; var i=function(){i.c(arguments);};\
&#x20;        i.q=\[]; i.c=function(args){i.q.push(args);}; w\.Tiledesk=i;                    \
&#x20;        var js, fjs=d.getElementsByTagName(s)\[0];\
&#x20;        if (d.getElementById(id)) return;\
&#x20;        js=d.createElement(s); \
&#x20;        js.id=id; js.async=true; js.src="<https://widget.tiledesk.com/v6/launch.js";\\>
&#x20;        fjs.parentNode.insertBefore(js, fjs);\
&#x20;    }(document,'script','tiledesk-jssdk'));\
&#x20;\</script>\
&#x20;

Please remember to use your ProjectID.

**Step 7: Paste the Widget Code**

1. Copy the widget code provided by Tiledesk. This code contains the chat widget's configuration and appearance settings.
2. Return to your BigCommerce admin panel and paste the widget code into the "Script contents" field. This is where you will insert the Tiledesk live chat widget code.

**Step 8: Save the Script**

After pasting the widget code, click on the "Save" button to save your changes.

**Step 9: Done!**

Congratulations! You have successfully installed the Tiledesk live chat widget on your BigCommerce website. Visitors to your site will now be able to use the chat widget to contact you for support or inquiries.

Remember to regularly monitor and respond to incoming chat messages to provide excellent customer support through the Tiledesk live chat widget on your BigCommerce website.

That's it! Your Tiledesk live chat widget should now be up and running on your BigCommerce website, allowing you to engage with your customers in real-time.


---

# 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://guide.tiledesk.com/web-integrations/how-to-install-the-tiledesk-live-chat-widget-on-a-bigcommerce-website.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.