Web2Phone — Getting Started Guide
Everything you need to start using Web2Phone: create forms, connect WhatsApp, embed on your website, and test your setup. For platform-specific setup (GitHub Pages, Cloudflare Pages, Webflow, etc.), see the guides below.
1. Create Your Web2Phone Account
- Visit https://web2phone.co.uk
- Click Start Free
- Sign up using your email address
- You’ll be redirected to your Dashboard
2. Create Your First Form
- From the dashboard, click Forms
- Click Create Form
- Enter:
- Form Name
- Allowed Domains (important for spam protection)
- Add the fields you need (name, email, phone, message, etc.)
- Click Save Form
IMPORTANT — How to Add Allowed Domains
Web2Phone only accepts submissions from domains you explicitly allow.
In the Allowed Domains field, enter only the hostname:
no http://, https://, www., slashes, or paths.
example.com user.example.com yourusername.github.io myapp.pages.dev yourproject.webflow.io
Examples by platform:
- Standard site: if your site is
https://example.comorhttps://www.example.com, enterexample.com - Subdomain:
user.example.com,app.example.com,booking.example.com - GitHub Pages (user or project):
yourusername.github.io - Cloudflare Pages:
myapp.pages.dev - Webflow:
yourproject.webflow.io
❌ Do not add protocols (https://), www. prefixes,
trailing slashes, page paths, or wildcard domains.
3. Enable WhatsApp + Email Delivery
Inside each form you can configure delivery settings:
WhatsApp Delivery
- Enter your WhatsApp number in international format (e.g., +447912345678)
- Turn on WhatsApp Delivery
Email Delivery
- Add one or more email addresses
- Email can be sent alongside WhatsApp as a backup/archive
4. Get Your Embed Snippet
Each Web2Phone form has a ready-made embed snippet that includes your public key and the API endpoint. You’ll see this snippet in your form settings. It looks like this:
<form data-web2phone="form" data-public-key="YOUR_PUBLIC_KEY" data-endpoint="https://web2phone.co.uk/api/v1/submit/"> <div><input name="name" placeholder="Your name" required></div> <div><input name="email" type="email" placeholder="you@example.com" required></div> <div><input name="phone" placeholder="+447700900123"></div> <div><textarea name="message" placeholder="Your message" required></textarea></div> <button type="submit">Send</button> <p data-w2p-output style="margin-top:8px;color:#333;"></p> </form> <script src="https://web2phone.co.uk/static/formsapp/js/embed.js"></script>
Replace YOUR_PUBLIC_KEY with the public key shown in your form settings.
On your real dashboard, you can simply copy the snippet that’s already filled in for you.
5. Embed Your Web2Phone Form
HTML Website
Open your .html file and paste the embed snippet from above
where you want the form to appear.
WordPress
- Edit any page or post.
- Add an HTML or Custom HTML block.
- Paste the Web2Phone embed snippet.
Webflow
Use an Embed element, paste the Web2Phone embed snippet, then publish your site.
Wix / Squarespace
Add a Custom Code or HTML Embed block, then paste the embed snippet and save.
React, Vue & Django Templates
Your form is just HTML with data attributes. Paste the embed snippet into your component/template where you want the form.
6. Platform-Specific Guides
If you’re deploying to a specific platform, these guides walk you through the exact steps to use Web2Phone there.
GitHub Pages
Perfect for portfolio projects and student sites. Learn how to add a working contact form to GitHub Pages in minutes.
Open guideCloudflare Pages
Deploying a static site on Cloudflare Pages? Use this guide to send contact form submissions to WhatsApp and email.
Open guideWebflow
Connect Web2Phone to your Webflow forms using the built-in Embed component and form actions.
Open guide7. Test Your Form
- Load your website.
- Fill in the form.
- Click Send.
- You should get:
- ✔ An instant WhatsApp message (if enabled)
- ✔ A backup email