Last updated:February 13, 2025

How to Configure the Visuals and UX of the Messenger?

You can configure and adjust the visuals and user experience (UX) of the messenger to match your style and brand. In this section, you will learn how to customize both the visual and textual components of the AskHandle messenger. Let’s explore the various elements you can configure and how to make these changes.

Option 1: Greeting Message

This is the message that users will see as soon as the chatbot starts.

The default message is: “Hi [username]! How can we help you today?”

To change the message, simply write your new greeting in the “Greeting Message” field. Once you're done editing, click the “Save” button at the bottom of the page to apply the changes.

Option 2: Contact Message

This message guides users to contact you via your phone number or email address. The default message is: For more details, please call us directly at 123-456-7890.

To change this message, start typing your desired message in the field. When you’re finished, click the “Save” button at the bottom of the page to save the changes.

Option 3: Company Name

Set a name for your chatbot here.

To change the default name, simply start typing in the name field. After you've entered your chatbot name, click the “Save” button at the bottom of the page to save the changes.

Option 4: Upload Logo

This option allows you to upload your company logo, or any other image, to be displayed when a user engages with AskHandle.

The default logo is the AskHandle logo. To change it, click on the current logo area and upload your preferred logo or image.

The recommended size is 170 x 170 pixels.

Once you’ve uploaded your logo, click the “Save” button at the bottom of the page to save the changes.

Option 5: Messenger Theme Color

Customize the theme color of the messenger to match your website or brand colors.

To change the color, you can either paste a Hex color code (for example, #0096ff) or select a color from the color picker. Once you’ve configured the color, click the “Save” button at the bottom of the page to apply the change.

Option 6: Messenger Position

You can choose where to place the AskHandle messenger on your website. The default position is the bottom-right corner.

There are two parts in configuring the messenger’s position: the horizontal and vertical placements:

Horizontal: Choose from right, center, or left placement.
Vertical: Choose from bottom, center, or top placement.

After configuring the messenger's position, don’t forget to click the “Save” button at the bottom of the page to save the changes.

Option 7: Pre-chat Form

Here, you can enable or disable the user inputs you’d like to collect before users engage with the chatbot. The default inputs are the user’s name and email address. These inputs will be automatically added to user leads.

To enable or disable specific inputs, simply toggle the switch on or off next to each input (blue means the input is enabled; white means it’s disabled).

Once you’ve configured the inputs, click the “Save” button at the bottom of the page to save the changes.

Option 8: Header Title and Subtitle

The Header Title and Subtitle appear as messages welcoming users to chat. The default Title is We are currently and the Subtitle is Online.

To change these, simply start typing in the corresponding fields. Once you're done, click the “Save” button at the bottom of the page to save the changes.

Option 9: Chat Title and Subtitle

The Chat Title and Subtitle are the taglines displayed above the chat. The default Chat Title is Need help? and the Subtitle is You can ask us anything!.

To modify these, start typing in the fields provided. Once you finish customizing, click the “Save” button at the bottom of the page to save the changes.

Option 10: Start Button Caption

The Start Button is the button users click to begin a conversation with the chatbot. The default caption is Start New Chat.

To change the caption, start typing in the field. After making your changes, click the “Save” button at the bottom of the page to save them.

Option 11: Start Button Color

To change the color of the Start Button, input the HEX color code or select your desired color from the color palette. After you’ve made your choice, click the “Save” button at the bottom of the page to apply the changes.

Option 12: Input Placeholders

Placeholders are the fields where users input information such as their name, email address, phone number, or messages.

The default placeholders are visible in the input fields.

To change any of these, simply start typing in the respective placeholder field.

Once you've finished editing the placeholders, remember to click the “Save” button at the bottom of the page to save your changes.

Option 13: Message Position

This setting allows you to decide whether to show the chatbot avatar on the left or right side of the chat. The default position is on the left side.

If you'd like to change this, click on the field that shows “left” and select the ‘right’ option.

After you've adjusted the position, click the “Save” button at the bottom of the page to save the change.

Option 14: Upload Avatar Image

The avatar represents the chatbot visually. It’s the icon or image displayed next to the chatbot's messages.

To change the default avatar, simply click on the current avatar and upload your preferred image.

Once you’ve uploaded your new avatar, click the “Save” button at the bottom of the page to save the change.

Option 15: Customize the Message Input

You can customize the message typing bar with your own message. For example, you can set it to say AI is typing while the bot is preparing a response.

Option 16: Autopilot

This feature allows you to completely turn off the chatbot and use AskHandle as a live-chat platform instead.

The default setting is “On.”

To turn off the chatbot and enable live chat, simply click on the “Use chatbot” button (if the button is white, the chatbot is off).

Once you’ve made the change, click the “Save” button at the bottom of the page to apply the change.

The auto-popup feature allows the messenger to pop up and engage users on your website.

The default setting is 7 seconds (7 seconds after users visit the website, the chatbot will pop up).

To change the auto-popup time, click the “Auto pop-up” field and set the desired number of seconds (set it to zero if you don’t want the chatbot to pop up).

After adjusting the setting, click the “Save” button at the bottom of the page to apply the change.

Option 18: Sound Alert for New Incoming Messages

You’ll only receive sound notifications for new messages if you’re logged into your AskHandle account and are in the “Messages” section of your dashboard. The default setting is “On.”

To turn off sound notifications, simply toggle the switch off (if the switch is white, the sound is off).

Once you’ve made your change, click the “Save” button at the bottom of the page to apply the change.

Option 19: Hide Interactive Options After Clicking

You can choose to hide the quick-reply options once a user selects one. When a user clicks on a quick-reply option, the other options will no longer be displayed.

To keep quick-reply options visible at all times, click on the toggle and save your change.

Option 20: Hide Message Typing Bar

You can choose to hide the message typing bar if you only want users to interact with the quick-reply options.

To hide the typing bar, click the toggle and save your changes.

Option 21: Chat Ending Settings

You can edit the messages your users will see when they want to end the chat.

To change these messages, start typing in the corresponding field. Once you’ve edited the message, click the “Save” button at the bottom of the page to save the changes.

Option 22: Feedback Collection

After each chat ends, your users can rate their experience and leave feedback.

If you'd like to change the feedback messages, start typing in the relevant field. When you're done, click the “Save” button at the bottom of the page to save your changes.

Option 23: Terms and Privacy Policy

You can easily add and configure links to your privacy policy and terms of use within the messenger. These links can be placed in two locations: on the start page (before users engage with AskHandle) and in the scheduling option.

To add a privacy policy link on the start page, click the toggle next to the “On Start Page” option and turn it on (it’s blue when active). Similarly, to add a privacy policy link in the scheduling option, toggle the “In Scheduling” option on.

In the policy text fields, you can edit the placeholder text and add your link URLs. Once you’re finished, click the “Save” button at the bottom of the page to apply the changes.

Option 24: Tooltips for Messenger

A tooltip is a small informational pop-up that appears when users hover over an element, providing brief contextual guidance.

To disable tooltips, simply click the toggle to turn them off and save your changes.

You can also configure the time in seconds for how long the tooltip pop-ups should remain visible. Set it to zero if you don’t want tooltips to appear at all.

To edit the tooltip text, type in the tooltip text field.