> For the complete documentation index, see [llms.txt](https://guide.tiledesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.tiledesk.com/web-integrations/how-to-install-the-tiledesk-live-chat-widget-on-a-bigcommerce-website.md).

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