Skip to main content

Customizing Chatbot Appearance

Thinkstack provides an option to customize your chatbot’s appearance to match your brand, creating a familiar and consistent experience for your users. This helps enhance your brand presence whenever they interact with the bot.

Let’s see how to configure the chatbot appearance.

Prerequisite: Ensure you are logged into Thinkstack and have already created a chatbot.

• Click on the chatbot you want to customize, go to 'Settings' in the top navigation bar, and select 'Chatbot Appearance' from the sidebar. Go to chatbot appearance

Upload the chatbot logo: Upload a miniaturized version of your company logo (similar to a favicon). The logo should be a JPG or PNG file, 32 x 32 pixels in size, and no larger than 300KB. This logo will appear in the chatbot header, as shown below. Upload chatbot logo

Set Header Background Color: Choose a background color for the top section of the chatbot interface. Select a color that aligns with your brand's visual identity. Set Header Background Color

Set Message Color: Choose a color for the background of messages sent by the chatbot as well as the users. Ensure it provides good readability and aligns with your company's visual identity. Set Message Color

Set Chat Bubble Icon: This clickable graphic usually appears in the bottom right corner of a webpage. Upload an icon in JPG or PNG format, sized 32 x 32 pixels, and no larger than 300KB, or choose from the available sample bubble icons. Set Chat Bubble Icon

Link Preview: When link preview is enabled, the chatbot shows a preview of the link’s content along with the link itself. If it’s disabled, only the link will be shown. You can go to preview tab and test it out. Link Preview

Post Chat Feedback: When post-chat feedback is enabled, users are prompted to provide feedback after the chat ends. If it’s disabled, no feedback request will be shown. To enable this option, you must be on the Basic subscription plan or higher. Feedback Note: The above 2 screenshots are for illustration purposes only. You can try out the link preview and post-chat feedback features in the Preview section.

Thinkstack Branding: You can choose to hide or show the Thinkstack branding. You must be on the Enterprise subscription plan to access this setting. Thinkstack Branidng

Once you’ve made your desired changes, click Confirm and Save to apply and save all the updates.

That's a wrap!🎉. You are now ready to play around/ tweak the chatbot appearance and it's related stuff.

Frequently Asked Questions#

Can I use custom CSS for my chatbot?

+

How do I change the chatbot’s appearance and name?

+

Can I change the font and font size of my chatbot?

+