Connecting the live chat widget to your website

Connecting the live chat widget to your website

Once you've linked your website to Breadstack as a new channel, your next step is to set up the live chat widget on your site.

If your website is hosted by Wix, WordPress, Squarespace, Webflow, or Shopify, see this article for links to specific instructions on setting up the widget.

Otherwise, simply copy and paste the below script into your website's Scripts under </body>. Depending on your site's server, there may  be a delay before the widget appears on your storefront.

<script type="text/javascript">function loadAssets(){const t=Date.now();fetch(`https://storage.googleapis.com/chatso-v2-prod-widget/assets.json${`?bust=${t}`}`).then(t=>t.json()).then(t=>{t.forEach(({tag:t,attributes:e})=>{const s=document.createElement(t);Object.keys(e).forEach(t=>{s.setAttribute(t,e[t])}),document.body.appendChild(s)})})}loadAssets();window.widgetStoretId="4878370eea361acf";</script>
If you aren't comfortable editing scripts, email your developer with the following message:

Dear [NAME]

I'd like to install a live chat widget on my website in order to engage more easily with vistiors.

Please add the following script under the </body> tag of every page on my website:

<script type="text/javascript">function loadAssets(){const t=Date.now();fetch(`https://storage.googleapis.com/chatso-v2-prod-widget/assets.json${`?bust=${t}`}`).then(t=>t.json()).then(t=>{t.forEach(({tag:t,attributes:e})=>{const s=document.createElement(t);Object.keys(e).forEach(t=>{s.setAttribute(t,e[t])}),document.body.appendChild(s)})})}loadAssets();window.widgetStoretId="4878370eea361acf";</script>

Thanks in advance,

[NAME]




    • Related Articles

    • Connecting Breadstack Live Chat with Facebook

      Easily integrate Facebook Messenger with your Breadstack live chat workspace. Any time a customer sends you a Facebook message, the conversation will show up as a new chat in Breadstack. With all your communication channels in one place, you'll have ...
    • Connecting Breadstack Live Chat with Instagram

      Easily integrate Instagram Messenger with your Breadstack workspace. Any time a customer sends you an Instagram message, the conversation will show up as a new chat in Breadstack. With all your communication channels in one place, you'll have an ...
    • Adding a new website channel

      In Breadstack, "channels" represent linked websites. In other words, in order to chat with customers via your store website, you need to set it up as a channel. This article covers linking your store website to Breadstack as a live chat channel. You ...
    • Changing the details the Live Chat widget requests from visitors

      When a customer starts a new chat via your widget, they are required to provide their name and email address. This ensures that if they are a repeat customer, Breadstack can link the new chat to their existing profile. Or, if this is their first ...
    • Adjusting Live Chat operating hours

      You can set the days and hours your channel is "open" for live chats. Customers can still initiate chats outside these hours, but they will see your offline chat response. This ensures that their expectations about response times are managed. This ...