Table of Contents

Design section: overview & templates

Enrico Updated by Enrico

Landbot 2

From the Design section we can customise our Landbot to the infinity and beyond with more than many variables to make it look unique.

To get access to this section all you need to do is clicking on the Design button on the top menu of the builder as below:

Overview

The section is divided into several sub-sections:

Let's point out some important aspects of the main interface:

  1. Real-time changes.ย Every change you make using the left menu will be shown in real time on the right side of the screen. So, if you're making some changes using, let's say, the Custom Style editor, and you notice no changes, something might be going wrong!
  2. Saving.ย The app will auto-save your changes every time you move from one section to another to make sure you don't lose any edits, so keep that in mind.
  3. Preview.ย The right side of the screen contains a fully interactive landbot so you don't need to click preview to test the flow along with the design edits.
  4. Hexadecimal colors.ย All color-related options allow you to add your own hexadecimal color code to make sure you can fully replicate your brand image in your landbot.ย 

Design Templates

In this section you can select the template you like the most and use it in your bot:

Take your time, see what template fits better your needs and once done go ahead to the next area of the Design Section!

Landbot 3

Landbot 3 is the next version of our chatbots UI.

It comes with a brand new interface and more options for customization! ๐Ÿ’ช

Overview

We have four sub-sections:

Click on the links to go to the specific articles!

These are the main characteristics for preview in the design section:

  1. Real-time changes.ย Every change you make using the left menu will be shown in real time on the right side of the screen. So, if you're making some changes using, let's say, the Custom Style editor, and you notice no changes, something might be going wrong!
  2. Saving.ย The app will auto-save your changes every time you move from one section to another to make sure you don't lose any edits, so keep that in mind.
  3. Preview.ย The right side of the screen contains a fully interactive landbot so you don't need to click preview to test the flow along with the design edits.
Design Templates

Here you can find some brand-new design templates. Choose the one you like the most and use it for your bot!

How did we do?

Logo & Avatar

Contact