Table of Contents

Landbot in Wix

Ana Updated by Ana

Share section

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

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

Was this article helpful?

Embed Landbot in an iframe

Landbot in your web with Google Tag Manager

Contact