How to Add Whats App Chat Widget on Your Website?

How to Add Whats App Chat Widget on Your Website?

The WhatsApp chat widget is a feature that allows users to chat on the website without opening the app.

The chat widget allows customers to send messages directly from your website to your WhatsApp accounts. This can be an excellent way to promote your business or products, as it will allow you to establish contact with potential customers who may not have been aware of your existence before.

WiserNotify lets you create a Whatsapp chat widget without writing a single line of code.

Let's see how you can create a Whats app widget for your website

How to Create Whats App Chat Widget for your website?

  1. Go to WiserNotify App and Create an account.

2. Once you log in, install the pixel on your website. You can find your pixel code here.

3. Now, click on the “Add Notification” button.

4. You will have different types of social proof notifications and widgets here. Click on Widgets and go to the “Call To Action”. Here you’ll see find the WhatsApp chat widget

5. Just click on “Select Designs”


You’ll see a pop-up asking name and URL. Enter a name that is easy to remember, and enter the URL where you want to display the Whatsapp chat widget. You can enter multiple website URLs here. Once you fill in this information, click on “Create & Customize”.

6. You’ll be redirected to the customization page. Here we’ve two sections- Design, & Display.

7. In the design section, you can change the look and feels of the widget.

  • See Preview on mobile and desktop screen
  • Edit text, Icon, position, animation, shapes, borders, etc.
  • Edit mobile numbers for Whatsapp Chat.
  • Skip Seen widgets
  • Display widgets in the loop with other notifications
  • Apply Behavioral rule- Set start and expiry date for widgets or specific days of the weeks
  • Set exit intent, scroll-based intent, or time-based intent
  • Set hide rules and countdown timer

You can change Whatsapp chat details here.

Simply click on name and edit phone no., icon, title, description, and message.

8. Once you’ve customized the design section, save it and move to the next option by clicking the continue button.

9. The next section is the display section; here, you can set display rules.

10. Once you have customized both these options, click on “Finish.

And turn the widget ON

That’s it. The Whatsapp chat widget will be live on your website. You can check it on your website

So that’s how you can create a Whatsapp chat widget on your website.

INFLUENCE. ENGAGE. CONVERT

  • Turn actions into social proof & improve
  • the conversion rates upto 18%
Start Your Free Trial Jessica from London, U.K just bought Ultra jacket 2 mins ago wisernotify Buy now