ScubaDock
Book a demo

Free tools

Free tool

WhatsApp button for your website

Build a WhatsApp chat button for your website, copy the wa.me link, and paste the HTML into Wix, Squarespace, WordPress, or a plain page. It runs in this browser. Nothing you type is saved.

Button settings

Include the country code. Example: +1 415 555 0100.

This text is added to the chat. The visitor can edit it before sending.

Button style
Position

Used by the floating button.

Default is WhatsApp green, #25D366.

Shown on the button. Leave it blank for an icon only. The icon still has the name Chat on WhatsApp.

Hides the button on screens 768px and wider.

Preview

Preview width

Preview width does not change the snippet.

WhatsApp link

A plain wa.me link. Open it to test the chat, then copy it.

Chat button HTML

HTML and inline CSS. No external script. Paste the whole block.

Add the snippet to your site

Paste the whole snippet into an HTML or code area. Publish the site, then open the button on your phone and confirm the chat starts with the right number.

Wix

In the Wix Editor, add an Embed HTML element (Add Elements, then Embed Code). Paste the snippet there for an inline button. That embed sits in a frame, so a floating button stays inside the frame instead of the corner of the window. For a floating button on every page, paste the snippet in Custom Code (Settings, then Custom Code) and place it in the body. Publish when you are done.

Squarespace

Edit the page and add a code block. Paste the snippet into the block. That is the right place for an inline button. For a floating button on every page, use code injection and paste the snippet there. Code injection depends on your plan.

WordPress

Open the page in the block editor, add a Custom HTML block, and paste the snippet. Use that for an inline button in the page. For a floating button on every page, paste the same snippet into a footer area that accepts HTML.

On a plain HTML page, paste the snippet where the button should show. Put a floating button just before the closing body tag.

Why dive shops use WhatsApp

Divers who are traveling often message shops on WhatsApp. It is already on the phone they carry, and it still works when a normal call to the shop is awkward or expensive.

A button on the site opens a chat with your number. You can put a short note in the link, such as the course or the trip they are asking about. You still read and answer the chat yourself. This page only builds the link and the button.

Questions

How do I add a WhatsApp button to my website?
Paste the HTML snippet into a page that accepts HTML. Wix, Squarespace, WordPress, and a plain HTML file all work. The snippet is a link and CSS. It does not load an outside script or a paid widget.
What number should I enter?
Enter the full number with the country code, such as +1 415 555 0100. You can include spaces, dashes, or parentheses. The link keeps the digits only, which is what wa.me expects. If the local number starts with 0, drop that 0 after the country code. +44 07700 900123 should be +44 7700 900123.
Can the button open a chat with a message already written?
Yes. The prefilled message is added to the wa.me link. The visitor can change it before they send. Leave the field blank if you want an empty chat.
Will a floating button stay in the corner on Wix, Squarespace, and WordPress?
On a plain HTML page, and in a WordPress Custom HTML block, the floating button uses fixed positioning and stays in the corner while the page scrolls. In the Wix Editor, Embed HTML places your snippet in a frame, so the button stays inside that frame. Use Custom Code in the body for a floating button on a Wix site. On Squarespace, a code block is for a button in the page, and code injection is the site-wide option. Code injection depends on your plan.
Can I show the button on phones only?
Yes. Turn on Show on mobile only. The snippet hides the button on screens 768px and wider. After you publish, check the page on a phone and on a desktop, because some site builders remove style tags.
Does ScubaDock already include a WhatsApp button?
Yes. Every ScubaDock site has a WhatsApp button built in. You add the shop number and the button is on the site. You do not need this snippet for that. Pricing is $99 a month, and the setup steps are on the how it works page.

Every ScubaDock site has a WhatsApp button built in

Add the shop number and the button is already on the site. You do not paste this snippet on a ScubaDock site.

PricingHow it works

More for dive shops