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

#### Step 1: Access your Magento Admin Panel <a href="#step-1-access-your-magento-admin-panel" id="step-1-access-your-magento-admin-panel"></a>

Log in to your Magento Admin Panel using your credentials.

#### Step 2: Navigate to the "Design" Section

Once logged in, navigate to the "Design" section and click on Configuration.

#### Step 3: Select the appropriate store view

Find the appropriate store view that you want to configure and click Edit in the action column.

#### Step 4: Edit the store view and insert the Tiledesk live chat widget JavaScript code

Expand section HTML Head paste the widget code into the Scripts and Style Sheets field and press the Save configuration button.

This is an example of the widget code:

**\<script type="application/javascript">**\
&#x20;  **window\.tiledeskSettings=** \
&#x20;  **{**\
&#x20;      **projectid: "\<project-ID>"**\
&#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'));**\
**\</script>**

Please remember to use your project ID. You'll find the code anytime in Settings > Widget > Installation section.&#x20;

#### Step 6: Save the Changes and Check the Result &#x20;

Once you've inserted the code, go to System > Cache management, select ALL checkboxes, and press the Refresh/Submit button.

Finally save the settings and check the result by visiting your Magento site. The Tiledesk live chat widget should now be visible on the page where you inserted the code.

Make sure to test the functionality of the widget to ensure it works correctly and is positioned exactly where you want it on your Magento site.


---

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