Crown Street, Wollongong, 2500

WhatsApp Widgets

Melody Jaimon • Jan 25, 2023

The WhatsApp widget allows visitors to contact site owners quickly and easily, especially on mobile devices. The number of opportunities for engagement and conversion will grow, making it easier to convert anonymous site visitors into paying customers.


When visitors to the site click the WhatsApp button, a chat window opens on their device. The widget appears in the user's WhatsApp account when accessed via mobile. The WhatsApp web version appears on the desktop.


  • Make sure the phone number you enter is linked to a WhatsApp account.
  • If a site visitor's device does not already have WhatsApp installed, they will be directed to the WhatsApp installation flow.
  • When a user clicks on the widget from an iOS tablet, they are taken to a WhatsApp page where they can download the app for desktop or mobile.


To include the widget:


  1. Click Widgets in the left panel.
  2. Drag the WhatsApp widget into your website.


Click Add Widgets for more information on adding widgets to your site.

Content Editor

To contact the content editor, follow these steps:


  1. Right-click the widget and choose Edit Content.
  2. Enter the phone number associated with your WhatsApp account. Check that the number contains only digits and includes the country code. Visitors to the site will be able to see the phone number.
  3. (Optional) Type a default message if desired. When visitors to your website contact you, you will receive this message. This message can be edited by visitors.
  4. Type the widget's Alt Text.

Design Editor

Select Edit Design by right-clicking the widget to open the design editor. To change how the widget appears on your site, click the layout button.


See Widget Design which contains information about design options that are not specific to this widget (for example, layout, style, or spacing).


Enable the Floating toggle and select a position for the widget to become a floating widget. Allow the Show on this page only toggle to display the floating button only on the current page.

See How Our Agency Can Drive Massive Amounts of Traffic to Your Website

Website Design designed for your audience and to be found on Google Searches
SEO - unlock relevant and increased SEO traffic. 

Paid Media - effective paid strategies with a clear ROI.

Get Started

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing. Book a Free 20min Discovery Call.

Book A Discovery Call

Do you want more traffic and business leads?

Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?

Let's Chat
Blue Facebook logo
By Melody Jaimon 07 May, 2024
This article will provide you with clear instructions on how to give access to a Facebook page without sharing your password by adding an admin.
Google My Business zoomed in by magnifying glass
By Melody Jaimon 28 Mar, 2024
Learn how to add a digital marketing agency to Google My Business in this quick step-by-step guide with photos.
logo of Meta and a person looking at the phone
By Melody Jaimon 27 Mar, 2024
Discover the secrets of adding a digital marketing agency to Facebook Ads Manager with this comprehensive step-by-step guide, featuring helpful photos to guide you along the way. Say goodbye to confusion and hello to success with this must-read tutorial.
smartphone apps with notifications
By Melody Jaimon 18 Mar, 2024
Find out the best times to post on popular social media channels so that you can reach more of your audience. Among those covered are Facebook and Instagram.
A person is holding a cell phone in their hand showing the Facebook Messenger and Instagram icons
By Melody Jaimon 13 Feb, 2024
This article explains why and how to set up auto-replies on Facebook Messenger and Instagram.
man typing on a keyboard
By Melody Jaimon 08 Feb, 2024
Animation not only adds visual appeal but it also enhances user experience and engagement. Read this blog to find out how animation contributes to the success of a web design.
woman typing on a keyboard
By Melody Jaimon 06 Feb, 2024
Enhance your online presence effortlessly with a perfect mix of SEO and web design techniques. Read here to explore practical tips to boost visibility and climb the search engine rankings.
a man clicking on domain on an augmented reality UI
By Melody Jaimon 01 Feb, 2024
Have you been given access to your domain by your agency? Learn how to manage your domain access in this blog post.
man working on a laptop
By Melody Jaimon 15 Jan, 2024
Learn the latest Google Business Profile updates affecting website creation - essential insights for online business owners.
modern web designing
By Melody Jaimon 22 Dec, 2023
Microinteractions are subtle yet powerful in enhancing user experience. Learn their role in modern web design to elevate your online presence and boost customer engagement.
More Posts
Share by: