How to add WhatsApp button in WordPress: detailed tutorial

Before adding a WhatsApp button, you need to first determine if the function of this button is only for theShow WhatsApp Contact, or is it used to provideLive ChatService. This distinction is important because it will have a direct impact on your site's performance and user experience.

Live Chat vs. WhatsApp Only

The live chat feature is more suitable for those sites that have a dedicated server such as a VPS so that the performance of the site is not affected. If using shared hosting, theprudenceChoose, as the live chat feature may slow down the website. Once you have determined your needs, you can start adding WhatsApp buttons.

Adding WhatsApp Buttons with the Joinchat Plugin

Joinchat is a popular WordPress PluginThis plugin is used to add WhatsApp buttons to pages. Next we will explain the steps to use the plugin in detail:

Step 1: Install Joinchat plugin

1. In the WordPress dashboard, navigate to Plugins > Install New Plugin.
2. Type "Joinchat" in the search box and click "Install Now".

3. Once the installation is complete, click the "Enable" button to activate the plugin.

Step 2: Configure Joinchat

Once the plugin is enabled, the Joinchat menu will appear on the left side of the dashboard. Clicking on this menu takes you to the configuration page. Below are some of the important configuration items that need to be completed:

2.1 Adding phone numbers

This configuration is used to set the number that the WhatsApp button links to. Fill in the steps below:

1. Enter your number in the "Phone Number" field (please include the country code, e.g. +62 for Indonesia).
2. Click "test number" button to confirm that the link is working properly.

2.2 Setting up automatic messages

An initial message can be preset for the user so that this message will be sent directly after the user clicks the button. To fill out the message, you can use the {SITE},{TITLE} respond in singing {HREF} etc., replacing these variables with the site name, page title and link.

Example Message:

Hello {SITE}, product "{TITLE}" I need ....

2.3 Tooltips and Location Configuration

Tooltips can be customized to allow users to see custom text when hovering over a button. You can also adjust where the button appears. By default, it appears in the bottom right corner, but if your site has a "back to top" button, you can choose to display it in the bottom left corner.

2.4 Logic configuration

Here, you can choose whether or not to display the buttons only on mobile devices in order to provide a cleaner experience for mobile users.

2.5 Visibility configuration

Finally, you can choose which pages the button is displayed on. For example, only on the home page or on all pages.

Step 3: Verify Configuration

Once you've completed the settings, save the changes and then open your website to verify that the button works and that users are smoothly redirected to WhatsApp when they click on it.

summarize

Adding WhatsApp button in WordPress is easy with Joinchat plugin. Hopefully, this article will help you add WhatsApp button to your website smoothly to enhance user interaction experience.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off