Skip to main content
All CollectionsWebchat
How to display Webchat icon as WhatsApp Button
How to display Webchat icon as WhatsApp Button

This is how you turn the Webchat symbol on your website into a WhatsApp icon

Fabian Wernecke avatar
Written by Fabian Wernecke
Updated over 8 months ago

With Webchat, you can instantly guide your customers to the communication channels through which they can reach you. If you set the WhatsApp logo as the Webchat icon, you demonstrate even more how easily you can be reached.

Let's Go๐Ÿš€

Example:

Step-by-Step Guide:

  1. Accept the terms and conditions at this link for "Logo Pack" and download the WhatsApp logo package

  2. Log in to Superchat

  3. Follow this navigation: Settings > Webchat > Create a new Webchat

  4. Enter your website URL and upload your official company logo under "Logo"

  5. Enter #25D366 for Chat Bubble to get the official WhatsApp color as the Chat Bubble background color

  6. Choose one of the three logo options from the downloaded Logo Pack

    1. Glyph: WhatsApp logo

    2. Inline: WhatsApp logo + "WhatsApp" spelled out next to the logo

    3. Stacked: WhatsApp logo + "WhatsApp" spelled out below the logo

  7. After you've chosen one of the three options, go to Digital > PNG > choose one of the 4 colors in which the WhatsApp logo should appear on the background

Wonderful! Now the official WhatsApp logo will appear as your Webchat button.๐Ÿ‘


๐Ÿ’ก You can make adjustments and changes to your already installed Webchat at any time.

Did this answer your question?