Landbot

Landbot is a platform for creating conversational chatbots that can be embedded into your website to engage visitors and automate interactions.

Key features include:

Live chat and chatbot experiences
Multiple display formats (livechat, popup, embed, full page)
Customisable design and behaviour
No-code bot builder

Landbot integrates with ShopWired by adding an embed to your theme or specific pages.

ShopWired can only provide support for the instructions in this help guide. For assistance with your Landbot account, contact Landbot support directly.

Theme installation

When configuring your Landbot, choose how you want your widget to display (e.g. livechat, popup, embed, or full page).

Selecting a display option and installing it in your theme will make the widget appear across all pages of your website.

Landbot will then provide a script similar to the example shown below:

<script>
window.addEventListener('mouseover', initLandbot, { once: true });
window.addEventListener('touchstart', initLandbot, { once: true });
var myLandbot;
function initLandbot() {
  if (!myLandbot) {
    var s = document.createElement('script');
    s.type = 'module';
    s.async = true;
    s.addEventListener('load', function() {
      var myLandbot = new Landbot.Livechat({
        configUrl: 'YOUR_CONFIG_URL'
      });
    });
    s.src = 'https://cdn.landbot.io/landbot-3/landbot-3.0.0.mjs';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
  }
}
</script>

The script shown above is provided as an example only. You must copy the exact script provided in your own Landbot account, as it will be unique to your chatbot.

To install the widget across your website:

Navigate to Website > Themes
Select the code editor option for your active theme
Open the master.twig file
Paste the Landbot script just before the closing </body> tag
Select Save changes

Adding Landbot to specific pages

If you want to display your Landbot on specific pages only, you can use a Custom HTML element.

Configure your Landbot and choose how you want it to display
Copy the embed code provided (for example, embed or popup format)
Navigate to the page you want to edit in ShopWired
Add a Custom HTML block/element
Paste the Landbot code into the block
Save and publish the page

The widget will display only on the pages where the Custom HTML element is added.

Use ShopWired's landing pages feature to add to a custom page on your website.

If you want to add to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.

Recommendations

Choose the display type (livechat, popup, embed, full page) based on your use case
Use theme installation for site-wide chat functionality
Use Custom HTML for page-specific campaigns or experiences
Test the chatbot on desktop and mobile
Avoid adding multiple Landbot scripts to the same page

Landbot

Theme installation

Adding Landbot to specific pages

Recommendations

Menu