No results found. Try again with different words?

Search must be at least 3 characters.

How to Use WhatsApp Social Icon Effectively

Sidebar Image

Did not find a solution? We are here to help you succeed.

The Astra Header & Footer Builder feature provides a user-friendly option for seamlessly integrating social icons into your website’s header and footer. This feature allows you to effortlessly display icons for various platforms, including Facebook, X (formerly Twitter), Pinterest, WhatsApp, and more, linking directly to your respective social profiles.

While adding links for most social icons is straightforward, incorporating the WhatsApp icon requires a unique approach to ensure a smooth click-to-chat experience.

This document serves as a step-by-step guide on effectively utilizing the WhatsApp social icon on your website.

How to Add Social Media Icons with Astra Header & Footer Builder

Make sure you have installed and activated the Astra theme on your website.

Once activated, you can follow the below steps to add social icons.

  • From the WordPress dashboard, navigate to Appearance > Customize.
  • In the Customizer, click on Header Builder/Footer Builder.
  • Click the plus (+) icon to add the social profile element in either the header or footer.
  • By default, some social icons are already present, and you can add more based on your requirements.
  • Click on the respective icon to toggle the field.
  • Insert the social profile URL for platforms like Facebook, X, and Pinterest.

These are the steps you can follow while adding social media icons excluding WhatsApp.

Adding WhatsApp requires an API URL for the click-to-chat functionality. The format for the WhatsApp API URL is as follows:

https://api.whatsapp.com/send?phone=919876543210

(Replace “919876543210” with your WhatsApp number in the international format.)

With the Astra Social Icon element, we have already integrated the API URL for WhatsApp. Hence, you only need to enter the phone number in the international format.

How to use WhatsApp social icon effectively

Entering the complete URL in this field might lead to an error due to the repetition of the API URL.

Hence, to use the WhatsApp social icon effectively, enter only the WhatsApp number in the field for the social icon.

By following these steps, you can effectively use the WhatsApp social icon, providing a quick and efficient way for your website visitors to initiate a chat through WhatsApp.

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form