How to Add a Floating WhatsApp Chat Button to a WordPress Website (Free Version)

0539412

With the popularity of instant messaging, more and more businesses and websites are choosing to use it through the WhatsApp Interact with your customers in real time. If you want to create a customized version of the WordPress websiteAdd a floating "Click on the text WhatsApp" button, so that visitors can quickly contact the website customer service, today's tutorial will show you how to pass the WP Chat App plug-in (software component), do this for free in a few minutes.

Image [1] - How to Add Floating WhatsApp Chat Button on WordPress Website (Free Version)

What is WP Chat App Plugin?

WP Chat App It is a program developed by Ninja Team WordPress PluginThe website allows webmasters to integrate instant messengers such as WhatsApp, Telegram, etc. on their websites.Chat button. The plugin makes it easy to display WhatsApp chat features through floating buttons, offering a variety of customization options to help site administrators adjust the style of the buttons, how they are displayed, and more, according to their needs. It also supports both mobile and desktop devices, ensuring that visitors can easily communicate with the site's customer support.

Benefits of WP Chat App Plugin

  1. simple and easy to use: The plugin is very easy to install and set up, all configured in a few minutes for any WordPress users, both novice and experienced developers.
  2. Floating button design: Buttons can float on the page and remain visible no matter where the user scrolls the page, ensuring that the user can initiate a chat at any time.
  3. Mobile Optimization: Taking into account that the majority of users browse the website via their cell phones.WP Chat App PluginThe mobile experience has been specifically optimized to ensure that visitors can easily contact the site's customer service on their cell phones.
  4. Totally free: The basic version of the plugin is completely free and meets the needs of most users. If you need more advanced features, you can choose the Pro version for expansion.
Image [2] - How to Add Floating WhatsApp Chat Button on WordPress Website (Free Version)

How to Install and Configure WP Chat App Plugin

Step 1: Install the plug-in

First, you need to install and activate WP Chat App Plugin. Please follow the steps below:

  • In the WordPress dashboard, click plug-in (software component) > Add New PluginThe
  • Type in the search box WP Chat AppThe
  • Found by Ninja TeamWP Chat AppAfter the plug-in, click mountingand then click activateThe
Image [3] - How to Add Floating WhatsApp Chat Button on WordPress Website (Free Version)

Step 2: Create WhatsApp Account

Once the plugin is installed and activated, you next need to create a WhatsApp account in order to interact with your visitors:

  • In the left menu find and click on WP Chat AppThe
  • strike (on the keyboard) Create new account, set a title for it (e.g., "WhatsApp Contact Me").
  • Enter a valid WhatsApp phone number and click on the establishThe
Image [4] - How to Add a Floating WhatsApp Chat Button to a WordPress Website (Free Version)

Step 3: Configure Floating Buttons

Configuring the floating WhatsApp button is a core feature of the plugin, follow the steps below to set it up:

  • exist WP Chat App page, select floating widgetThe
  • In the design options, select your accounts and go to the design section. This can be adjusted as needed:
    • Button Text: Set the button to display a label or not, and optionally add some personalized text, such as "Contact Us".
    • Color and width: Adjust the color and size of the button to match the style of the website. The default settings already show the WhatsApp button clearly.
  • Adjust other settings (e.g., display animation, button placement, etc.) to ensure that the button is attractive enough to grab the visitor's attention.
Image [5] - How to Add Floating WhatsApp Chat Button on WordPress Website (Free Version)

Step 4: Setting Display Rules

Next, you can set the rules for displaying the buttons:

  • go into Display SettingsYou can choose Show or hide on desktop button (because it's inconvenient to chat via WhatsApp on desktop).
  • secure mobile Display buttons so that users can easily click on them and interact with them via their cell phones.
  • strike (on the keyboard) Save SettingsThen refresh the website page.
Image [6] - How to Add a Floating WhatsApp Chat Button to a WordPress Website (Free Version)

Step 5: Preview and Use

When visiting the website, whether on a desktop or mobile device, visitors will see a floating WhatsApp button. When the button is clicked, the user can send a message directly to the website's customer service via WhatsApp, which opens a dialog with the website's customer service.

Image [7] - How to Add Floating WhatsApp Chat Button on WordPress Website (Free Version)

summarize

utilization WP Chat App PluginWith WhatsApp, you can easily add a floating WhatsApp chat button on your WordPress website to allow visitors to communicate with your website's customer support in real-time via WhatsApp. Whether it's for customer support, technical inquiries, or contacting potential customers, real-time chat is undoubtedly an important tool for improving user experience and enhancing website interactivity.

For more WordPress related tutorials and information, follow thePhoton fluctuation network, has the most comprehensive WordPress tutorials and the most activeWordPress Exchange CommunityThe


Contact Us
Can't read the article? Contact us for free answers! Free help for personal, small business sites!
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Early Season

Link to this article:https://www.361sale.com/en/49519
The article is copyrighted and must be reproduced with attribution.

THE END
WordPress TutorialWP self-taught website builderWordPress ThemesWordPress self-taught website builder
# WordPress# WP Chat App
If you like it, support it.
kudos12 share (joys, benefits, privileges etc) with others
Avatar of the early season - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid responseDiamond Member
Recommended
commentaries sofa-buying

Please log in to post a comment

    No comments

User cover
Avatar of the early season - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid responseDiamond Member
文章目录
鲜嫩爽口大肥蛆的头像-光子波动网 | 专业WordPress修复服务，全球范围，快速响应

鲜嫩爽口大肥蛆4月21日 15:140

通过 FTP 禁用插件： 重命名 wordfence 插件文件夹，解除封锁。 后台解封 IP： 若能进入后台，去 Wordfence → Tools → Live Traffic 解封被拦 IP。 调整防火墙设置： 设置为“学习模式”，并将自己 IP 加入白名单。 必要时更换插件： 替换为 iThemes Security 或 All In One WP Security。
Thief will be the rat's guts avatar - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid responseDiamond Member

lit. a thief will have the guts of a ratBadge - Little known - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast ResponseApril 18, 16:430

That's a good name.
Kind rural people's avatar - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid response

Kind Rural PeopleApril 18, 11:390

When a plugin conflicts with a theme resulting in a slow loading page, you can troubleshoot the conflict one by one by disabling the plugin, updating the plugin and theme versions, adjusting the plugin settings to reduce resource consumption, troubleshooting the problem by using compatibility checking tools such as "Health Check & Troubleshooting", and enabling caching plugins and optimization tools to improve the performance of your website and ensure plugin and theme compatibility and fast loading of the site.
Riding a great aunt's avatar - Photon Fluctuations | Professional WordPress repair services, worldwide, rapid response

take advantage of sb's great aunt and uncleApril 17, 19:320

When WordPress displays "Sorry, you don't have permission to access this page", it's usually because the account permissions have been changed incorrectly. There are two ways to fix it: if you can access the database, you can change the user permissions field in phpMyAdmin to restore your administrator status; if you can't log in to the backend or manipulate the database, you can also add code to the functions.php of the theme temporarily via FTP to create a new administrator account to log in to the backend and fix the permissions. Both methods are effective in restoring access rights, and it is recommended to backup website data before operation.
Lexer's Avatar - Photon Flux Network | Professional WordPress repair service, worldwide, fast response

RexhausenApril 16, 17:391

If the Elementor editor keeps getting stuck in the loading screen or appears blank, don't worry, this is actually quite common and is usually caused by caching, plugin conflicts, theme issues or lack of memory. You can try to check it step by step: First, open Elementor's "Safe Mode" to see if there is any plugin or theme conflict. Temporarily disable the caching plugin, and clear your browser and website cache at the same time. Try switching your theme to the WordPress default theme, such as Twenty Twenty-Four, and test to see if the editor opens properly. Check if the PHP memory in Elementor > System Info is at least 256M, if not, ask your server administrator to increase it. Use your browser's developer tools (press F12) to see if there are any red errors, which will help you locate the problem faster. Make sure Elementor and your installed plugins are up to date, sometimes version mismatches can cause problems. Finally, clicking "Regenerate CSS" in Elementor > Tools can sometimes fix loading issues. If you've tried all of these things and it doesn't work, you'll need to look at your server's error logs, or send it to Elementor's technical support to take a look at it. Most of the time this problem is solved, so don't worry about it too much.
Small soldier's avatar - Photon Fluctuation Network | Professional WordPress repair service, worldwide, rapid response

skirmishersApril 15, 16:170

The common reasons for WordPress editor to lose content after saving include plugin or theme conflicts, cache issues, database write failures, REST API blocked or browser interference. It is recommended to check plug-ins, clear cache, switch the default theme, check the site health and debugging logs in order to locate the problem step by step.
Thief will be the rat's guts avatar - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid responseDiamond Member

lit. a thief will have the guts of a ratBadge - Little known - Photon Fluctuation Network | Professional WordPress Repair Service, Worldwide, Fast ResponseApril 14, 17:590

If custom fonts are not working in WordPress, it may be due to incorrect font file paths, incorrectly applied CSS selectors, incompatible font formatting, or CSS prioritization issues. Ensure that the font files are loaded correctly and in a compatible format, and check that the CSS rules are applied correctly to the target element. If theme settings override custom fonts, adjust the relevant settings as well. Also, clear the cache and use the browser developer tools to check if any other CSS rules override the font settings.
Zhejiang spotted hyena avatar - Photon Fluctuation | Professional WordPress repair service, worldwide, rapid response

Zhejiang spotted hyenaApril 14, 17:111

Database Operation: Use SQL query to delete all metadata related to All in One SEO from wp_postmeta table. Plugin Reset Function: Find the option to reset or clear data in the All in One SEO plugin settings. WordPress CLI: Use the command line tool to bulk delete metadata related to the plugin. Manual Removal: Remove SEO information one by one through the WordPress backend edit page.