Table of Contents

Landbot in Wix

Pau Sanchez Updated by Pau Sanchez

All that you need to know to add a Landbot to your Wix site

Landbot's embed styles for you Wix site

Share section

To embed a Landbot in your Wix site, first you need to go the Share section of your bot and then select which type of bot style would you like to embed. Below is all the types of bots you can embed:

Live-chat style

This style, is the most common and is meant to cover a small area (unless is mobile) on the right side of the screen once the user triggers it

Here is how to embed Landbot as live-chat or pop-up

Pop-up style

The pop style is recommended when you want to display the bot based on a trigger (click on the widget/bubble) by the user, like the live-chat embed, but covering most of the screen.

Here is how to embed Landbot as live-chat or pop-up

Embed (container) style

This style is recommended when you want the bot displayed in a specific part of the bot and being displayed only when the user scrolls to a specific area. Like for example a Hero section. It allows you to set up custom width and sizes.

Here is how to embed Landbot as a container in Wix

In case you want to embed Landbot as an iframe, here is how you can do it

Full page style

This style of embed is meant to use to cover the whole site

Here is how to embed Full Page Landbot in Wix

Embed Live-chat or Pop-Up

There are two possible approaches to embed a live-chat or pop up type, one that will be in a single page/post or another way to embed it for the whole site:

Embed Live-chat or Pop-Up in a single page
Before you begin, make sure your Wix site is published and connected to a domain (paid account required)
  1. Copy the snippet from the Share section
  2. Open the desired site and click on + > "Embed Code" > "Custom Code"

  1. Click "+ Add Custom Code"
  2. Paste the Landbot snippet
  3. Under "Add Code to Pages", select "Choose specific pages" > select the pages you want this bot to show
  4. Under "Place code in", select "Body - start" or "Body - end"
  5. Click "Apply"

Now you can see it on the specified pages on your website:

Embed Live-chat or Pop-Up for the whole site
Before you begin, make sure your Wix site is published and connected to a domain (paid account required).
  1. Copy the snippet from the Share section
  2. Open the desired site and click on + > "Embed Code" > "Custom Code"
  3. Click "+ Add Custom Code"
  4. Paste the Landbot snippet
  5. Under "Add Code to Pages", select "Choose specific pages" > select the pages you want this bot to show
  6. Under "Place code in", select "Body - start" or "Body - end"
  7. Click "Apply"

Now you can see it on every page of your website:

Embed Container

Embed container in a single page using Wix ADI

Wix offers two website editors, make sure you're using Wix ADI for the following instructions.
  1. Copy the snippet from the Share section
  2. Go to the desired page editor where you want to display the bot
  3. Select "Add new section"
  4. Scroll down and pick "HTML Embed"
  5. Select from one of the HTML section format Wix offers.
  6. Once the section is added, click on the HTML container
  7. In the edit panel, select "HTML Code" > Paste Landbot snippet
  8. You can customize both the container size in the edit panel, or the Landbot embed size by changing its width & height value in the snippet
    1. For Landbot to fit the container perfectly, set both width & height to 100%

Now you can see the embedded Landbot on your site:

Embed container in a single page using Wix Editor
Wix offers two website editors, make sure you're using Wix Editor for the following instructions.
  1. Copy the snippet from the Share section
  2. Go to the desired page editor where you want to display the bot
  3. Click on "+" icon on the left side bar > "Embed" > "Custom Embed" > "Embed a Widget"
  4. Once the element is added, click on "Enter Code" > Select "Code > Paste Landbot snippet > "Apply"
  5. You can now customize the container size by dragging the element, or its containing Landbot size by changing its width & height value in the snippet
    1. For Landbot to fit the container perfectly, set both width & height to 100%

Now you will see the embedded Landbot on your website:

Embed Full Page

A Wix site by default has a header and footer. If you don't want to hide them, skip to step

Wix offers two website editors, make sure you're using Wix Editor for the following instructions.
  1. Click on "Menus & Pages" on the left side bar
  2. Click on "..." next to the desired page > "Layouts" > Choose "No Header & Footer"
  3. Exit Editor, then go to "Settings" > "Custom Code"
  4. Click "+ Add Custom Code"
  5. Now, let's go the Share section in Landbot , and select Full page:
  6. Out of all the code, we will only copy the script part:
  7. Paste the Landbot snippet
  8. Under "Add Code to Pages", select "Choose specific pages" > select the pages you want this bot to show
  9. Under "Place code in", select "Body - start" or "Body - end"

Now you will have a full page Landbot in this specific page:

Other customizations

Open live-chat as soon as page loads

In case you want to trigger a live-chat or pop-up as soon as the page is loaded, without user interaction, please check here

Customize widget/bubble look and feel

Finally, many design customization can be done, please check them in this article

How did we do?

Embed Landbot in an iframe

Landbot in your web with Google Tag Manager

Contact