All Collections
Customize Your Live Chat Bubble
Customize Your Live Chat Bubble
Zach N. avatar
Written by Zach N.
Updated over a week ago

Note: Access to the Conversations app is exclusively available to DashClicks Pro plan subscribers.

Step-By-Step Guide to Access Customization Options

1. Access Dashboard Settings:

Hover over the navigation bar on the left side of the dashboard. At the very bottom, you'll find a section displaying your name, email, and photo. Click on this section. A menu will pop up; select 'Settings'.

2. Select Apps:

At the top of the page, select the 'Apps' tab.

3. Select Conversations:

In the navigation bar on the left, select 'Conversations'.

4. Customize Live Chat Bubble:

Scroll down to find 'Live Chat Bubble'. Here, you will encounter three main sections: Customize Messenger, Availability, and Required Information.

Step-By-Step Guide to Customize Messenger

1. Messenger Title:

Update the top part of the live chat bubble by typing your desired text.

2. Intro:

Modify the area just below the title by entering your preferred introduction.

3. Header Logo:

Upload your logo to be displayed at the top of the live chat bubble.

4. Background Color:

Choose your primary color for the live chat bubble.

5. Action Color:

Set the color of miscellaneous elements within the live chat bubble, such as buttons and links.

6. Wallpaper:

Set a background pattern for your live chat bubble.

7. Custom Launcher:

Upload the image to be shown when the live chat bubble is closed.

8. Launcher Position:

Decide whether your launcher should be on the right or left side of the live chat bubble. You can further personalize this by adjusting the side and bottom spacing.

9. Sound:

Toggle this setting on or off, granting you the choice to enable sounds for incoming messages.

Step-By-Step Guide to Set Availability

1. Set your office hours:

Indicate when your live chat team is available.

2. Share your reply time:

Inform users about the expected wait time for a reply in live chat.

Set Required Information

Define Required Information:

In the Required Information section, you have the option to select what information users must provide in order to engage with the live chat. Select the checkboxes as needed:

  • Email Address (Required by default)

  • Name

  • Phone number

Final Steps Your Customization and Add Live Chat to Your Website

1. Finalize Your Customization:

After adjusting all the necessary settings, click on the '+ Add Chat to My Website' button to finalize your customization.

2. Connect Your Sites:

You will now see a widget displaying any linked sites. If you haven't connected any sites yet, follow the prompt by clicking on the '+ Add Live Chat' button.

3. Add Your Domain:

In the new field that appears, input the domain where you plan to add the live chat bubble. Be sure to include the transfer protocol (http/https) before the domain name, or the chat bubble will not work. Click 'Submit' when you're ready.

4. Paste the Generated Code:

You will now be presented with a snippet of code. Copy this code and paste it just before the end of the <body> tag on any page where you want the live chat feature enabled. Remember, you can '+ Add' more sites as needed.

Note: Ensure the correct placement of the provided code snippet in your website's HTML structure. Mistakes in placement might cause the chat feature not to work as expected.

Note: The customization process should be repeated for each site where you wish to use the chat bubble. Each site will require a unique piece of code, which can be generated following the same steps.

Did this answer your question?