WhatsApp Widget Setup

Use this guided setup to configure your floating WhatsApp button and copy a ready‑to‑paste snippet for your site.

Step 1 — Configure

School Name

We’ll use this to build your message: Hi I'm a parent at {School Name}. How can you help me?

Advanced: edit full message

Button size

Position

right left embed into #id

We will use data-position="#yourId".

Step 2 — Preview

A live preview appears on the page. Try changing School Name, size, or position — the preview updates instantly. Enable Advanced to edit the full message manually.

Preview target: document.body (right/left) or your #id when embedding

Step 3 — Copy your snippet

Paste this into your site just before the closing </body> tag. The snippet uses your School Name unless Advanced is enabled, in which case your custom message is used.

Notes: The widget opens WhatsApp to https://wa.me/27600118621 with your prefilled message. Position supports right, left, or an element id via #id to embed inside that container.