Contact support:
    Contact support
    Free Trial Log in
    Select country or language

    Widget 2.0 for website

    Widget 2.0 is a tool for combining communication channels into a single element on a website.

    The widget allows you to:

    Widget creation

    1. Open your ChatApp personal account.
    2. Go to the “Automation” section.
    3. Select “Widget 2.0” in the left menu.
    4. Click the “Create widget” button.
    5. Enter “Name” and “Description”. This data is displayed only in the widget list and does not affect its operation.
    6. Enable the “Send UTM tags” option if you need to transfer tags to the personal account or CRM.
    7. Click “Set language” and choose the required language.
    8. Click “Add button”.
    9. In the opened window, click “Edit” and select a communication channel from the list.
    10. Specify the button name and insert a link to the resource.
    11. Enter the message text that will be sent when clicking the messenger icon.
    12. Click “Save”.

    After saving, the widget becomes available for placement on the website.

    Restrictions on text transmission

    Pre-filled text is supported only for the following channels:

    Only the clientId parameter is transmitted. Text transmission is not supported for:

    Note: in the “clientId” parameter, an uppercase “I” is used, not a lowercase “l”.

    Setting up public links for WhatsApp
    When using standard public WhatsApp links in the widget, redirection errors may occur. For correct operation, the link format must be changed.

    Standard format:

    https://wa.me/+55XXXXXXXXXX

    Correct format for the widget:

    https://help.chatapp.online/wa-redirect/?phone=+55XXXXXXXXXX

    where +55XXXXXXXXXX is the recipient’s phone number.

    After following the link, the user will automatically open a WhatsApp chat.

    To pass a message text, use the format:

    https://help.chatapp.online/wa-redirect/?phone=55XXXXXXXXXX&text=MessageText

    Example:

    https://help.chatapp.online/wa-redirect/?phone=79675553103&text=Good afternoon

    Any text and emojis are allowed.

    Widget position settings
    1. Open the widget creation page.
    2. Click “Position”.
    3. Choose the display location on the website.
    4. Click “Save”.

    Placing the widget on the website
    1. Copy the script from the widget creation page.
    2. Open the website editor.
    3. Select the page for placement.
    4. Switch the editing mode to HTML.
    5. Paste the script before the closing </body> tag.

    Changes in widget settings are applied automatically. Updating on the website takes from 5 to 10 minutes.

    Checking widget functionality
    1. Open the HTML editor or a test page of the website.
    2. Insert the widget script.
    3. Check correct display and button navigation.

    Checking collected UTM tags
    1. Open the “Automation” section.
    2. Select the “Tags” subsection.
    3. Select the installed widget.
    4. Click “Load”.

    The system will display a table with collected UTM tags.

    Additionally:

    • export the report in Excel format;
    • select the required reporting period.