Add a WhatsApp Button to Your WordPress Website

Make your floating WhatsApp button below, then add it to WordPress in one of three ways — with a small header & footer code plugin, with Elementor Pro’s Custom Code, or by editing your theme. No WhatsApp chat plugin is needed.

Loading the generator…

Step by step: add the button to WordPress

Make the button: enter your WhatsApp number with the country code, write the pre-filled message, pick the color and corner, press Generate code and copy the snippet.
Easiest — any theme, block themes too: in your dashboard go to Plugins → Add New, install a header & footer code plugin such as WPCode, then open Code Snippets → Header & Footer, paste the snippet into the Footer box and press Save Changes.
With Elementor Pro: go to Elementor → Custom Code → Add New, paste the snippet, set Location to </body> – End, press Publish and choose Entire Site as the condition.
Without any plugin (classic themes): go to Appearance → Theme File Editor, open footer.php (use a child theme, or the change is lost when the theme updates) and paste the snippet just above </body>, then press Update File. Block themes have no footer.php — use the plugin way instead.
Open your site in a private window and check the green button in the corner. If you use a caching plugin, clear the cache first.

See who clicks it

The free button does not count clicks. WhatsApp Chat Button with Click Tracking ($9/month) shows how many visitors open a chat — per page, per device and per day — on your WordPress site, with the same button.

Questions

Do I need a WhatsApp plugin for WordPress?

No. The button is one small script. A general “header & footer code” plugin, Elementor’s Custom Code or your theme’s footer.php is enough, and nothing else loads on your pages.

Will it work with WooCommerce?

Yes. The footer is shared by every page, so the button shows on product, cart and checkout pages too. Use the “show on” option if you want it on mobile only.