How to Customize the Webchat Header

Article author
Learning Center Mekari
  • Updated

In Qontak, you can customize the Webchat header that will appear. This feature can set the color and information you want to appear in the Webchat header.

Important
Only users with the Admin role can customize the webchat header. If you do not have an account with the Admin role, you can contact our support team at support-qontak@mekari.com.

Here are the steps to customize the header:

  1. Open your Omnichannel Account.

  2. Select the Channel Integrations menu and Select Web chat.
    1.png
  3. After you have created the Widget, you can click “Actions” lalu pilih "Set up widget" to change the appearance of the webchat header.
    2.png
  4. Then in the widget appearance, you can set the color of the widget header.
    3.png
  5. Then, in the Widget Content section, you can set the information you want to appear in the Webchat header. There are 4 conditions of information that you can set, namely when Online, Offline, Pre Chat Form, and Greeting.
    4.png
  6. If you want to set the Webchat header when it's Online, click the Online section. Then, fill in the message you want to display here, which informs you that there is an agent online and will immediately respond to messages from the user.
    9.png

    The content of the message can be adjusted according to the wishes of the user.

  7. If you want to set the Webchat header when it's Offline, click the Offline section. Then, enter the message you want to display here, which informs you that the agent is offline and takes a little longer to respond to messages from the user.
    10.png

    The content of the message can be adjusted according to the wishes of the user.

  8. In the Pre Chat Form section, you can fill in the information that you want to appear in the webchat header when the webchat page is first opened by the user. Where in this section, you can fill in information about the title and subtitle that you want to appear in the webchat header.
    11.png
  9. To personalize the widget, use the 'Custom widget greeting' toggle in the Greeting area. Additionally, choose the Text Position and type the greeting that should show up when a user first accesses the webchat page.
    12.png
  10. Click “Save Changes”. 
    13.png