Design Customizations

Customizing the bubble/widget (Livechat & Popup)

The little chat bubble (aka widget or launcher) that is displayed in the bottom corner sometimes needs some changes so it can fit better into the design of our site. Here are some changes we can do t…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

How to use Google Fonts in Landbot

Landbot offers by default a range of fonts that you might want to use in your bot. But in some cases you might want to use something more personal or special. Google Fonts offers a wide range of free…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

Hide time stamp (under avatar)

If you don't want to display time that is located under the avatar/bot profile image, here is the code you will need to add in the Design / Advanced / Add CSS section Landbot v3.MessageDate{ display:…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

Detect if a visitor is on Mobile/Tablet or Desktop

To suit a better experience or a different solution depending on the device the user is browsing with, we can set up a "detector" and a condition to redirect the user one way or another. Also we can…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

Landbot v3 - Web CSS - RTL

In case you want to adapt the design of the interface for RTL users, please add the code below to the Design / Code / Add CSS section v.01 Last update 11th July 2020 body{ direction:rtl }.Footer,.soc…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

How to remove Landbot branding

There are some areas where Landbot branding is visible and you might want to hide Landbot logo, avatar or texts. In this article we will show you how to remove or disable them. Parts where branding i…

Rafaela Basso
Updated 1 week ago by Rafaela Basso

How to hide elements in the Bot design

Hide back button. Add the following code in the Design / Advanced / Add CSS section: #hu-footer-input-mobile.hu-input-box.hu-input-back{ visibility: hidden; overflow: hidden; }.back-button{ display:…

Pau Sanchez
Updated 1 week ago by Pau Sanchez

Contact