Please follow the steps below on how to customize your Chatway widget.
You can choose a widget color, default state, widget size, and widget icon and many more.
First, open your Chatway dashboard and click on the settings icon on top of your Chatway profile picture in the bottom left corner.
Header
You will see the Widget Settings with the first option to edit the Header text.
Widget Icon
You can choose from the 4 pre-built icons or upload your own icon.
Widget Color
The next option is the Widget Color. You can click on More Customization to change the color for Header font, Avatar border, Chat bubble, Chat text color, Close icon, change Font type, and change the system message icon.
Add Frequently Asked Questions
You can use this feature to display a list of common questions and answers directly in the live chat widget. When visitors open the chat, they’ll see these FAQs first, helping them find quick answers and reducing the number of support queries your team needs to handle. Please check the full guide here: https://chatway.app/help/getting-started/how-to-display-faqs-in-your-chatway-widget
Collect Visitor’s Info
Customize your contact form with additional fields such as name and phone number. You can choose to include all three fields (name, email, phone) or any combination of two that suits your needs. Please check the full guide here: https://chatway.app/help/getting-started/how-to-collect-name-email-phone-and-any-other-contact-form-field-in-chatway
Set Custom Visibility of Widget
Customize when your widget appears by selecting specific days, hours, and even setting specific dates. Please check the full guide here: https://chatway.app/help/getting-started/how-to-set-working-hours-visibility-for-your-widget
Set Automated Messages
Send automated messages to your website visitors during work hours and off-work hours. Please check the full guide here: https://chatway.app/help/getting-started/how-to-set-automated-messages-for-working-and-non-working-hours
Edit & Translate Widget Text (Pro)
Use this feature to edit and translate your Chatway widget to other languages. Please check the full guide here: https://chatway.app/help/getting-started/how-to-edit-and-translate-chatway-widget-texts-to-other-languages
You can also select on which specific device you’d like to show the widget.
Separate desktop & mobile settings (Pro)
Under General Preferences, you can enable separate designs for desktop and mobile to customize your widget’s appearance on different devices.
Position
You also have the option to change the widget position. You can place the widget on the Left or Right side of the website or set a custom position by entering a Bottom and Side spacing.
Widget Size
There is also an option to change the widget size. You can choose from Small to XXL or set a custom size.
Widget Preview Message
‘Widget Preview Message’ appears as a short preview text when the chat widget is closed. It acts like a call-to-action that invites visitors to start a conversation. You can turn it off by selecting ‘Preview Off’.
You can also edit the preview text under ‘Automated Welcome Message’, hide the text when agents are offline, and set a delay for when it appears.
A live preview on the right shows how your changes will look like:
When the ‘Widget Preview Message’ is enabled, you’ll also see these 2 options:
Show Text Box for Reply
When enabled, visitors can type and send a message right from the preview bubble without opening the chat.
Show Quick Responses
Lets you add up to 4 preset replies that appear as buttons below your preview message. When a visitor selects a quick response, the widget opens automatically, and their message is sent right away.
Here’s how the quick response will appear after the visitor clicks it:
Add Chat Buttons
You can display the channel buttons for WhatsApp, phone, Instagram, Facebook Messenger, Line, Telegram, SMS and any custom channel on your Chatway widget. Clicking on the buttons will redirect visitors to those channels. Please check our full guide here: https://chatway.app/help/getting-started/how-to-display-chat-social-buttons-like-whatsapp-messenger-and-more-in-chatway
Triggers
Under Triggers & Targeting, you can find the option to set delay triggers for your Chatway widget. You can set it to appear after a specific time or scroll percentage. The widget shows right away if the Triggers toggle is off.
Page Targeting (Pro)
You can select the pages where you want to show or hide the widget. You can use rules for specified domains like contains, exact match, starts with and ends with. When targeting is disabled, the widget appears wherever the code is installed. Please check our full guide here: https://chatway.app/help/getting-started/how-to-show-chatway-on-specific-pages-and-domains
Country Targeting (Pro)
You can use this feature to restrict your widget to specific countries. When Country targeting is off, the widget is visible to all countries.
Default State
On Default State, you can choose from two options with the first one being Click to open that means the visitor needs to click the widget first to see the live chat popup. Opened by default means the live chat popup will open on page load and site visitors can type directly their concerns.
Attention Effect
Add an eye-catching effect to your widget. These attention effects will increase your click rate and increase the visibility of your Chatway widget.
Don’t forget to hit the Publish button when all is set to save the changes.
Below is how it looks like after publishing your settings depending on your customizations.
