Halaman ini sedang dimuat

How to Manage WebChat Integration

Article author
Mekari Help Center
  • Updated

Integrations are a Qontak Omnichannel feature where customers can connect various platforms with chat panels such as email or Instagram.

IMPORTANT!
Only users with the Admin role can perform the integration. If you do not have an account with the Admin role, you can contact our support team at support@qontak.com.

To manage Qontak Omnichannel integration with WebChat on the Web, follow these steps:

A. How to Integrate WebChat with New Widget

  1. On the Integration menu, select Web Chat.
    Sidebar_-_Qontak.png

  2. Select "Add widget".
    Connect_webchat.png

  3. You must fill in the widget name and domain then click "Connect" to go to the next process.
    connect_webchat1.png

  4. A pop-up will appear "Widget Created" as information that the data you entered has been created then click "OK" to close the pop-up.
    connect_webchat2.png

  5. A pop-up will appear Error according to the data discrepancy. An example of a pop-up that appears is as follows.
    Connect_webchat3.png

B. How to Manage the Content and Display of WebChat Widgets

  1. On the Integration menu, select Web Chat.
    Sidebar_-_Qontak.png

  2. Select “Action” in the list of widgets you want to manage, then click Set up widget.
    Stage.png

  3. On the Widget setup page, you can set the appearance of widgets on your website.
    Widget_setup.png
    Description:

    No.

    Column Name

    Description

    1

    Status widget

    You can connect and disconnect integration to WebChat by pressing its toggle button.

    2

    Widget ID

    This column contains a unique identification number for the Widget. You can copy it by clicking "Copy".

    3

    Widget name

    This column contains the name of the widget that you have entered since the initial creation.

    4

    Domain

    This column contains the widget domain that you have entered since the beginning of its creation.

    5

    Embed code

    This field contains the Embed code of the widget. You can copy it by clicking "Copy".

  4. Then, on the Widget appearance, you can upload your logo along with the widget colors.
    Widget_appearance.png
    Description:

    No.

    Column Name

    Description

    1

    Widget logo

    You can upload a logo for your WebChat widget here. Make sure the image you upload complies with the written requirements.

    2

    Main color

    Select the main color here.

    3

    Main text color

    Choose your text color here.

    4

    Agent bubble color

    Select the color of the Agent's message bubble here.

    5

    Agent text color

    Select the Agent's message text color here.

    6

    Visitor bubble color

    Select the Visitor's message bubble color here.

    7

    Visitor text color

    Select the Visitor's message text color here.

  5. In the Widget content, you can adjust the message content from the available situations.
    Widget_content.png
    Description:

    No.

    Column Name / Button

    Description

    1

    Widget content conditions

    You can select the conditions for the available WebChat message contents, namely:

    • When online: Contains settings for the contents of the widget message when the Agent is online.
    • When offline: Contains settings for the contents of the widget message when the Agent is offline.
    • Pre-chat form: Contains settings for the contents of the widget message to open before the chat starts. 
    • Greeting: Contains settings for the contents of the message widget to start a conversation with a greeting that you can customize.

    2

    Custom checkbox

    Under any circumstances, you can check this column to replace the default with a message of your own making.

    3

    Text position

    This option is only available in Greeting only. So, if you check the custom checkbox on Greetings, you can set the position of the following text.

    • Top: The position of the text will be at the top of the message panel.
    • Left: The position of the text will be on the left of the message panel.

    4

    Message (Content)

    Enter your custom message here.

    5

    Save/Cancel

    Save your message by clicking “Save changes” or cancel your settings by clicking “Cancel”.

  6. You can see a preview of the widget that you have set on the right side of the page as follows.
    Widget_preview.png

  7. After saving the Widget settings, you will return to the WebChat Integration home page. In addition, a notification appears, indicating that the Settings have been successfully saved.
    Save_widget.png

C. How to Remove Widgets on WebChat

  1. On the Integration menu, select Web Chat.
    Sidebar_-_Qontak.png

  2. Select "Action" in the widget list that you will remove, then click Remove.
    Delete1.png

  3. In the pop-up that appears, click "Remove".
    Delete2.png

  4. Then, you will return to the WebChat Integration start page. In addition, a notification appears, indicating that the Widget has been successfully deleted.
    Delete3.png

This is a guide on how to manage WebChat integration on Mekari Qontak Omnichannel.

Bagikan artikel ini