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

 

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.