Add and manage multiple WhatsApp numbers and show in your support chat. [wawp_img src="/assets/articles/wordpress-integration/whatsapp-numbers-add.webp" alt="Add New WhatsApp Number" name="Add Team Member Profile" desc="Interface for adding individual agent details like name, phone number, and custom avatar for the ch

Customize how your chat widget appears to visitors. After the setup and saving process, your contact information will appear directly on your website homepage. [wawp_img src="/assets/articles/wordpress-integration/main-card-settings.webp" alt="Main Card Settings" name="Welcome Card Customization" desc="Settings to cus

Add Your Social Media links

Add links to your social media profiles and display their icons at the bottom of the chat widget card. [wawp_img src="/assets/articles/wordpress-integration/social-media-links.webp" alt="Social Media Links Settings" name="Social Media Integration" desc="Configuring additional social media icons (Facebook, Instagram) t

View total click activity analytics for each communication contact directly on this screen. [wawp_img src="/assets/articles/wordpress-integration/clicks-tracking.webp" alt="Clicks Tracking" name="Chat Interaction Analytics" desc="Detailed tracking dashboard showing the total number of clicks for each support agent and

You can customize how the button will appear and its brand colors. [wawp_img src="/assets/articles/wordpress-integration/display-settings.webp" alt="Display Settings Page" name="Visibility and Style Settings" desc="Advanced rules for button placement, device-specific visibility, and custom color palettes." keywords="c

How to setup WhatsApp Chat Button

This feature is used to provide communication channels from your customer to you through your website Frontend.

Useful information: When a customer contacts you, a link to the page is sent in the message the customer started, so you know where the conversation started.

Setup Whatsapp Button

In this step, you can adjust the basic settings for the feature and add all the numbers that the user will be able to contact you through, such as the sales and support numbers, etc.

Chat Button General Settings — **General Chat Widget Settings**
Main configuration dashboard for the WhatsApp chat button, including toggle switches and core widget rules.
Keywords: whatsapp button settings, wordpress live chat, enable chat widget

Enable Chat Button: Turn on to make the WhatsApp chat button visible on your website.

WhatsApp Numbers

Add and manage multiple WhatsApp numbers and show in your support chat.

Add New WhatsApp Number — **Add Team Member Profile**
Interface for adding individual agent details like name, phone number, and custom avatar for the chat widget.
Keywords: add support agent, whatsapp team management, agent profile setup

WhatsApp Numbers List — **Agent Management List**
Overview of all configured WhatsApp support numbers with options to edit or reorder agents.
Keywords: manage chat numbers, support team list, communication channels

Add new Number: Click here to create a new support account profile.
WhatsApp Number: The number your customer will contact you on.
Name: The agent's name that will appear on the card.
Default Message: The message you will receive when they start the conversation, for example: Hello, I need help.
Role/Support Text: Specify titles like "Support" or "Sales" to avoid customer confusion.
Avatar: The image that will appear next to the agent's information.
Disable “Powered by” link: Turn on to hide the “Powered by” branding from your chat widget.

Main Card

Customize how your chat widget appears to visitors. After the setup and saving process, your contact information will appear directly on your website homepage.

Main Card Preview — **Live Widget Preview**
Visual representation of how the WhatsApp chat widget appears to customers on the frontend.
Keywords: widget preview, frontend ui, customer experience

The QR code allows the user to scan the code with the camera to contact you directly from mobile, while the link gives an easy way to get the WhatsApp direct API URL.

Main Card QR Example — **WhatsApp QR Code Feature**
Enabling customers on desktop to quickly transition to mobile chat by scanning a dynamic QR code.
Keywords: whatsapp qr code, desktop to mobile chat, quick contact qr

Add links to your social media profiles and display their icons at the bottom of the chat widget card.

Social Media Links Settings — **Social Media Integration**
Configuring additional social media icons (Facebook, Instagram) to be displayed within the WhatsApp chat card.
Keywords: social media icons, cross-platform contact, omnichannel support

Clicks Tracking

View total click activity analytics for each communication contact directly on this screen.

Display Settings

You can customize how the button will appear and its brand colors.

Show on Desktop: Modify this if you want to hide the WhatsApp button from desktop and laptop devices.
Show on Mobile: Modify this if you want to hide the WhatsApp button from tablets and phones.
Show on all pages: Activating this feature will make the button appear on all pages. Disabling it lets you define explicit conditional rules.
Button Position: Move placement from right to left and vice versa.
Customize Style: Control the shape of the icon, the overall size, and container circular borders.
Change Colors: Configure color palettes to match your unique company branding.