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

  1. Visit https://web2phone.co.uk
  2. Click Start Free
  3. Sign up using your email address
  4. You’ll be redirected to your Dashboard

2. Create Your First Form

  1. From the dashboard, click Forms
  2. Click Create Form
  3. Enter:
    • Form Name
    • Allowed Domains (important for spam protection)
  4. Add the fields you need (name, email, phone, message, etc.)
  5. 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.com or https://www.example.com, enter example.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 guide

Cloudflare Pages

Deploying a static site on Cloudflare Pages? Use this guide to send contact form submissions to WhatsApp and email.

Open guide

Webflow

Connect Web2Phone to your Webflow forms using the built-in Embed component and form actions.

Open guide

7. Test Your Form

  1. Load your website.
  2. Fill in the form.
  3. Click Send.
  4. You should get:
    • ✔ An instant WhatsApp message (if enabled)
    • ✔ A backup email

Need More Help?

Contact support or explore our comparison pages for more insights.

Start Free