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

Step 1: Access your Magento Admin Panel

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">
   window.tiledeskSettings= 
   {
       projectid: "63a075485f117f0013541f43"
   };
   (function(d, s, id) { 
       var w=window; var d=document; var i=function(){i.c(arguments);};
       i.q=[]; i.c=function(args){i.q.push(args);}; w.Tiledesk=i;                    
       var js, fjs=d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) return;
       js=d.createElement(s); 
       js.id=id; js.async=true; js.src="https://widget.tiledesk.com/v6/launch.js";
       fjs.parentNode.insertBefore(js, fjs);
   }(document,'script','tiledesk-jssdk'));
</script>

Please remember to use your ProjectID. You'll find the code anytime in Settings > Widget > Installation section. 

Step 6: Save the Changes and Check the Result
 

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.