Customize your Bot widget

This page contains all the necessary information regarding the design section of the website chatbot settings.

Interactive Guide


What is the Design Section

The Design section in Website Chatbot Settings allows you to fully customize the visual appearance and layout of your chatbot and its landing page. You can adjust chat window styles, colors, fonts, icons, and landing page content to match your brand identity and create a cohesive experience for your website visitors.

Whether it’s choosing a chat window layout, updating your bot’s theme, or customizing the landing page header and description, the Design section ensures your chatbot looks professional, engaging, and aligned with your brand.


Benefits of the Design Section

  • Brand Consistency: Ensure your chatbot and landing page reflect your brand’s colors, fonts, and style.

  • Enhanced User Experience: A visually appealing chat window encourages users to interact with the bot.

  • Flexible Customization: Update chat window layout, theme, icons, and landing page content easily without coding.

  • Improved Engagement: Custom call-to-action text, chat bubble styling, and landing page content drive visitor interaction.

  • Quick Updates: Make changes to the bot’s look and landing page in real-time and save instantly.


Guidance Video


To Customize the Website and Landing Page Bot, Please visit these pages:

Customize Website ChatbotCustomize Landing Page Bot

Design FAQs

Can I customize the chat window layout without coding?

Yes, the Design section provides a visual editor that allows you to select chat window styles, positions, and layouts without any coding knowledge.

How can I change the chatbot theme colors?

You can update the chatbot window, chat background, and landing page theme colors directly in the Design section.

How do I customize the landing page content?

In the Design section, you can update the landing page name, header, description, toggle visibility for logos or headers, and add social media links.

Can I change the chatbot font style?

Yes, the Design section allows you to select a font style for the chat window and landing page text to match your branding.

Do I need to save changes manually?

Yes, after making any customization, click on Save Changes to apply updates to the chat window and landing page.

Last updated

Was this helpful?