Video tutorial on setting up Your Chat Widget

How to Set Up Your Chat Widget

May 03, 20244 min read

In this tutorial, you will learn how to get your prospective investors more engaged by using a live chat widget! Visitors can send messages or connect with you instantly by engaging in live chat or they can leave a message for you to respond later via SMS or email.

How to Configure Your Chat Feature

Go to the dashboard, click 'Sites,' and choose 'Chat Widget.'

chat widget tab

There you can customize settings like “Chat Bubble”, “Chat Type”, “Widget Window”, and “Acknowledgment settings.”

chat widget page

1. In “Chat Bubble” customize the appearance and the welcome message.

2.  Choose how you want to communicate by selecting either SMS, Email, or Live chat in the "Chat Type" section.

IMPORTANT:  To activate the SMS feature, you'll need to acquire a valid phone number through this platform. For the email option, make sure a valid email address is registered in your profile settings.

To work in live chat you have to be present in the “Conversation” screen when someone sends a message. There's no option available to customize your online time. As you can see from the description it's good for large teams that have 24x7 coverage.

chat widget settings
  1. In the Widget Window, personalize the introduction message and enable “Add Email Field” to collect visitor’s emails if you want to reply to them via email. Also, you can customize colors and styles for the widget window and send button.

  •   Settings for SMS or Email Option.

web chat settings
  • Settings for Live Chat Option.

In the live chat settings, you have the flexibility to personalize the message that clients will see after submitting their initial message. Additionally, you can define specific actions for scenarios where a response might take longer than five minutes.

web chat settings
  1. Define the acknowledgment message in Acknowledgment Settings and save your preferences. The acknowledgment message is the response that clients will see once their request has been submitted or when the conversation concludes.

    chat widget settings

After configuring, copy the code for your web chat widget:

widget chat settings

Chat Widget

IMPORTANT: If you've opted for SMS or email chat as the chat type, the code displayed at the end corresponds to that specific selection. If you want to switch to live chat, save settings, copy the new code, and replace the old one. Failure to do so will result in the changes not reflecting on the homepage.

How to Customize the Chat Widget on Your Website's Front Page

Go to 'Sites,' select your website, and embed the code. To do that we can do the following:

edit site button

Click “Edit” > Add a new element at the bottom of the Page > Choose “Code” To make sure the chat widget appears on every page of your website, just add the code to a section that shows up everywhere, like the footer. This element is a consistent feature across all pages, easily identifiable by its distinctive purple color. This makes it easy for visitors to access the chat from any page. See the example below.

Chat Widget

If you want the chat widget on a certain page, just add the code to any green-marked element, then follow the instructions below.

Chat Widgethome page settings
  • Click on “Open Code Editor”

code settings

Paste the code.

Chat Widget

Save changes and preview your updated website.

Now, visitors can use the web chat widget to submit messages, and you can respond via SMS or email, improving customer engagement and support.

Chat Widget

Messages sent through the chat widget will show up in your “Conversations”. From there, you can choose how you want to reply.

See how it works:

With SMS and email options, clients see a window where they can enter their name, mobile number, email, and message.

Chat Widget

Upon submission, it will be accessible to you in your “Conversations" under the "Unread" section. From there, you can review the inquiry and respond promptly via SMS or email.

chat conversation

With the Live Chat feature, clients will encounter an interface similar to this:

Chat Widget

A person can start a conversation by simply writing in the designated "type a message" area.

Chat Widget

You can find this in your "Conversations" under the "Unread" section. It's worth noting that the message status will be indicated as "Live Chat".

chat widget conversation

You can continue with the conversation by typing your message and clicking send.

Chat Widget

This is what the person will see on the other end of their “ Live chat”.

Chat Widget

In case the response time takes longer, individuals will be prompted to share their contact details. This enables either you or a member of your customer support team to connect with them later.

How to Remove the Chat Widget from Your Website

To disable the chat widget, just delete its code from your website's front page and then save the changes.

Chat Widget

This tutorial has covered customizing your chat widget and utilizing its features.

Back to Blog