Customize Website Chatbot

This page contains step by step tutorial on how to customize website Chatbot.

The Website Chatbot Customization feature allows you to design, style, and configure your chatbot to match your brand and website aesthetics. You can control how it appears, behaves, and interacts with your visitors, ensuring a consistent and engaging user experience.

How to Redirect to the screen:

1. Click on any pre existing Website Bot

2. Click on Design your Chatbot .

1. User will be redirected to website chatbot screen by default.

1. Automatically user will be on the Content tab.

2. To change the Theme and layout , user will need to switch the tabs.

Content

1. Select the Content tab.

2. Enter your bot's name in "Bot Name" box.

3. Enter an inviting catch phrase that will make the user talk to bot in "Call to Action" box.

4. Toggle ON/OFF auto hide call to action. If ON select time in seconds after which it will hide.

5. Toggle ON/OFF to hide CTA Chat Bubble.

6. Select chat bubble background colour from the options.

7. Select chat bubble text colour from the given options.

Theme

1. Select your chat window style from the given two options.

2. Select a bot icon from the options or upload from your device.

3. Select a chatbot window theme colour.

4. Select a chat background colour.

5. Select a font style for your chatbot.

6. Select Bot icon position.

7. Add the Custom CSS for Advance Designs and add the custom CSS for lancher icon.

Adding Custom CSS to Chat WindowCustomizing the Launcher Icon

1. Click on save changes to upload the changes done.

Layout

1. You can select chat window positioning on web.

2. You can select chat window positioning on mobile.

3. You can select chat window size.

4. Click on "Save Changes" to save your customizations.

Here you can select the layout and positioning for your landing page

---

Need Assistance?

If everything is correct and you are still unable to move forward, write to us at [email protected]. We will respond back within 48 business hours.