Halaman ini sedang dimuat

How to Customize the Webchat Header

Article author
Help 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. Log in to chat.qontak.com.
  2. Select the Channel Integrations menu and Select Web chat.
    11a.png
  3. After you have created the Widget, you can click “Settings” to change the appearance of the webchat header.
    3webchat.png
  4. Then in the widget appearance, you can set the color of the widget header.
    4webchat.png
  5. Then, in the Widget Content section, you can set the information you want to appear in the Webchat header. There are 3 conditions of information that you can set, namely when Online, Offline, and Pre Chat Form.
    5webchat.png
  6. If you want to set the Webchat header when it's Online, click the When Online section.
    6webchat.png
  7. 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.
    7webchat.png

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

  8. If you want to set the Webchat header when it's Offline, click the When Offline section.
    8webchat.png
  9. 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.
    9webchat.png

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

  10. 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.
    10webchat.png
  11. Click “Save Changes”. 
    11webchat.png
Bagikan artikel ini