Customization

From this page you can customize your WhatApp Chat and Web Push services. You can continue to develop your web push campaigns from here and indigitall console but WhatsApp Chat is only configurable from our plugin.

Icon Settings

The first step is clicking on the button Show advanced settings to see them.

icon settings

Now you can customize the icon to appear on the screen:

  • Default icon: The green-whatsapp icon will appear on the user's screen.
  • Customized: our plugin gives you the option to customize the position (right or left), color, speech bubble option and button delay.

icon customization

  • Position: We recommend the right area as usual in most of the websites.
  • Icon color: You can choose the brand color of your website. It is very easy! Only need to click on the color bar to select the color and see how it works at the right preview screen. If you know its parameters you can use the arrow icon to select them by RGB (red, green, blue), HSL (hue, saturation, lightness) and HEX code.

icon color

  • Icon image: You can choose between 4 images and the option to upload your own image (for this case, we have the transparente background option).
  • Button delay: Choose the seconds to appear the WhatsApp icon on your website. If you write 0, the button will appear immediately after opening your website.
  • Chat Bubble: With two options: Visible (the speech bubble appears on the screen) and Activate on hover (the speech bubble appears when the user´s mouse is over the chat area).
  • Text Bubble: You can write an optional message.

Chat Settings

Our plugin gives you 3 options to customize the chat according to your needs:

  1. Show QR option (recommended option) - On the chat will appear a QR code for the user to scan and contact directly via WhatsApp on mobile. Very friendly experience for the user!
    • Header: Write your message
    • Text Chat: Write the message for inside the bubble
    • Chat color: Choose the color (as seen on previous step)
      chat customization
  2. Disable chat (open WhatsApp directly) - The icon will appear on the screen; when the user clicks, then the WhatsApp Web opens directly on the user's screen.
  3. Customized: You can customize with several options your chat

customized chat

  • Header: Write your message
  • Text Chat: Write the message for inside the bubble
  • Chat color: Choose the color (as seen on previous step)
  • Button Text: Write any message like "Open Chat"
  • Button Icon: Choose the image for your chat and check how it works on the preview screen.
  • Chat delay: After the icon is displayed, choose the seconds after the chat window appears. If you ywrite -1, the window chat will be opened only when the user clicks on the whatsapp icon.