Customizing the Webchat Widget in GOCare Connect

Edited

Quick Summary

This article explains how to customize the webchat widget in GOCare Connect. It covers branding and appearance settings, legal notices, and how to add a proactive greeting message to your chatbot.


Webchat appearance settings

You can tailor the appearance of your webchat widget to align with your brand’s visual style. All customization options are managed within your Webchat Channel settings in GOCare Connect.

Theme color

Changing the chat window color adjusts the theme color used throughout the chat interface. The widget’s structure and image are not editable—only the color scheme can be customized.

Logo

Upload your company logo to be displayed in the chat header. This helps reinforce brand identity in every conversation.

Heading and subheading

You can personalize the Heading and Subheading text that appears at the top of the chat window. These fields often include a greeting or call to action, such as:

  • “Welcome to Support”

  • “We’re here to help – just ask!”

Widget placement

Choose where the chat widget appears on your site. Placement is typically managed during widget installation via your web team, but the setting is defined in your Webchat Channel configuration. By default, the widget appears in the bottom righthand corner of the screen.


Display preferences

Team name

This is the name displayed as the sender for welcome messages. Choose something that reflects your support team (e.g., “(Company) Support” or “Customer Care”).

Name and avatar for display

You can select how agent identity appears in the chat interface:

  • Use agent name and photo – displays the individual user handling the conversation

  • Use team name and company logo – displays your team name and logo as the default sender

“Powered by Front”

This setting is always disabled for GOCare implementations. The "Powered by Front" label is not shown in the final widget.

Show legal banner

You may choose to show a banner at the start of the chat disclosing data practices to your visitors. The default message is:

“You consent to the monitoring and recording of this chat by (company name) and its vendors for service improvement purposes.”

You can modify the message to suit your organization’s compliance or legal language.


Chatbot settings

To configure your chatbot’s identity and routing behavior, go to the Automation tab of your Webchat Channel and click View chatbot.

Then select the Settings tab in the top-right of the Flow Builder.

There are four main configuration fields:

Chatbot name

This is for internal use only. Give your chatbot a clear, memorable name so teammates can quickly identify which flow is in use.

Channel

This setting shows the channel the chatbot is associated with. By default, conversations initiated through this chatbot will route to the connected channel. You can override this using routing rules.

Chatbot description

Add a short description to help teammates understand the bot’s purpose—for example, “Basic support triage bot with live agent escalation.”

Chatbot display name and avatar

These control how the chatbot is presented to customers. You can choose between:

  • Team name + “Bot” and a bot icon

  • Team name and company logo (currently used in most GOCare implementations)


Adding a Banner Message and Notification Badge

You can configure a chatbot greeting to appear proactively when a user visits your site. This creates a pop-up banner and triggers a badge on the chat icon.

Follow these steps:

  1. Navigate to your Webchat Channel in GOCare Connect.

  2. Select the Automation tab.

  1. Under Chatbot Setting, click View chatbot to open the Flow Builder.

  1. Add a new step immediately after the Start node.

  1. Choose Message from the list of step types.

  1. Enter your banner message. Some examples include:

  • “👋 Chat with us here!”

  • “How can we help you today?”

  • “Happy to answer any questions!”

  1. Click Done in the bottom-right corner.

  1. Click Save as Draft to save your changes.

  1. Click Publish changes in the upper-right corner.

  1. Confirm your changes by selecting Publish in the popup window.

Your banner will now greet visitors automatically when they land on your site.

💡 Tip: Keep banner messages short, friendly, and aligned with your brand voice.

Message display behavior

The welcome message (or banner) is designed to display only once per visitor. If you're testing and don't see the message, try clearing browser cookies or using an incognito window to simulate a first-time visit.

A few key points to keep in mind:

  • The welcome message only triggers once per visitor. There is currently no setting to display it every time the page is refreshed.

  • To reset the message for all visitors, you can delete and re-add the message step in the Flow Builder. This retriggers the logic and displays it again sitewide.

  • If you include multiple message steps after the Start node, only the first will display—and only on the initial visit. Additional message steps will not appear, even on return visits

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.