<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Coder Legion - Recent posts tagged contactform</title>
<link>https://coderlegion.com/tag/contactform</link>
<description>Powered by Question2Answer</description>
<item>
<title>Why I Use Formgrid for Every Client Website I Build</title>
<link>https://coderlegion.com/20932/why-i-use-formgrid-for-every-client-website-i-build</link>
<description>&lt;p&gt;A few months ago, I was building a website for my web design agency at leadsgrid.co.&lt;/p&gt;
&lt;p&gt;I had the homepage done. The services page was looking good. The industry landing pages were ready. Everything was working.&lt;/p&gt;
&lt;p&gt;Then I got to the contact form.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id=&quot;the-problem-every-web-developer-hits&quot;&gt;The Problem Every Web Developer Hits&lt;/h3&gt;
&lt;p&gt;I needed a lead capture form on the site. Not just a contact form that sends me an email. A proper form that would:&lt;/p&gt;
&lt;p&gt;Notify me immediately when someone enquires. Store every submission somewhere I could track it. Let me see which enquiries I had followed up on and which ones I had not. Tell me which marketing channel sent each lead.&lt;/p&gt;
&lt;p&gt;I had built this before. I knew what it involved.&lt;/p&gt;
&lt;p&gt;A PHP backend to receive the POST request. An email sending library to format and deliver the notification. A database to store submissions. A dashboard to view them. Spam protection so bots do not flood the inbox. Something to track UTM parameters.&lt;/p&gt;
&lt;p&gt;I looked at my shared hosting on Namecheap. cPanel. PHP 8. MySQL.&lt;/p&gt;
&lt;p&gt;I thought: I could build this.&lt;/p&gt;
&lt;p&gt;Then I thought: I already built this. It is called Formgrid.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id=&quot;why-i-almost-did-not-use-my-own-tool&quot;&gt;Why I Almost Did Not Use My Own Tool&lt;/h3&gt;
&lt;p&gt;Here is the thing about building a product. You spend so much time inside it, thinking about edge cases and user flows and feature gaps, that you sometimes forget to step back and see what it actually does.&lt;/p&gt;
&lt;p&gt;I almost went down the cPanel route out of habit. The same habit that makes developers spin up a Node.js backend and configure Nodemailer for a contact form when a better option already exists.&lt;/p&gt;
&lt;p&gt;What stopped me was a simple question:&lt;/p&gt;
&lt;p&gt;If I were not the founder of Formgrid and I needed a form backend for a static agency site right now, what would I use?&lt;/p&gt;
&lt;p&gt;The answer was obvious.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id=&quot;what-i-actually-did&quot;&gt;What I Actually Did&lt;/h3&gt;
&lt;p&gt;I pointed the enquiry form on leadsgrid.co at a Formgrid endpoint.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-html&quot;&gt;&amp;lt;form action=&quot;https://formgrid.dev/api/f/your-form-id&quot; method=&quot;POST&quot;&amp;gt;
  &amp;lt;input type=&quot;text&quot; name=&quot;name&quot; placeholder=&quot;Your Name&quot; required /&amp;gt;
  &amp;lt;input type=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;Your Email&quot; required /&amp;gt;
  &amp;lt;select name=&quot;package&quot;&amp;gt;
    &amp;lt;option value=&quot;&quot;&amp;gt;Choose a package&amp;lt;/option&amp;gt;
    &amp;lt;option value=&quot;Lead Starter&quot;&amp;gt;Lead Starter $500&amp;lt;/option&amp;gt;
    &amp;lt;option value=&quot;Lead Engine&quot;&amp;gt;Lead Engine $950&amp;lt;/option&amp;gt;
    &amp;lt;option value=&quot;Lead Machine&quot;&amp;gt;Lead Machine $1,500&amp;lt;/option&amp;gt;
  &amp;lt;/select&amp;gt;
  &amp;lt;textarea name=&quot;message&quot; placeholder=&quot;Tell me about your business&quot;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
</description>
<category>Articles</category>
<guid isPermaLink="true">https://coderlegion.com/20932/why-i-use-formgrid-for-every-client-website-i-build</guid>
<pubDate>Thu, 18 Jun 2026 16:49:24 +0000</pubDate>
</item>
<item>
<title>Send Contact Form Leads to WhatsApp—No Backend Needed</title>
<link>https://coderlegion.com/12086/send-contact-form-leads-to-whatsapp-no-backend-needed</link>
<description>&lt;h3 id=&quot;the-problem&quot;&gt;The Problem&lt;/h3&gt;
&lt;p&gt;Many websites use contact forms. Most send submissions to email. But email isn’t always reliable—messages get lost in spam, delayed, or buried under marketing clutter. For trades and service businesses, every minute counts when a lead comes in.&lt;/p&gt;
&lt;p&gt;If you want contact form submissions delivered instantly to WhatsApp, you normally need backend logic or third-party APIs. That’s a big ask if you want something quick and simple.&lt;/p&gt;
&lt;h3 id=&quot;why-email-delivery-is-fragile&quot;&gt;Why Email Delivery Is Fragile&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;SMTP configuration is fiddly and easy to misconfigure  &lt;/li&gt;
&lt;li&gt;Shared hosting often means bad mail reputation  &lt;/li&gt;
&lt;li&gt;Spam filters can eat legit messages  &lt;/li&gt;
&lt;li&gt;Business owners don’t check their inboxes constantly  &lt;/li&gt;
&lt;li&gt;Important leads get buried under newsletters and promos  &lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;It’s not about scaring anyone—just reality for small teams.&lt;/p&gt;
&lt;h3 id=&quot;the-traditional-way-technical-explanation-&quot;&gt;The Traditional Way (Technical Explanation)&lt;/h3&gt;
&lt;p&gt;Normally, to send form data to WhatsApp, you’d need:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A server-side form handler (PHP, Node, Django, etc.)&lt;/li&gt;
&lt;li&gt;WhatsApp Business API setup (not trivial)&lt;/li&gt;
&lt;li&gt;Webhooks and API tokens&lt;/li&gt;
&lt;li&gt;Hosting configuration to keep things secure&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;It’s not as simple as adding a form action. There’s real backend work involved—especially if you want delivery guarantees.&lt;/p&gt;
&lt;h3 id=&quot;the-lightweight-approach&quot;&gt;The Lightweight Approach&lt;/h3&gt;
&lt;p&gt;There’s a simpler way: use a form endpoint service.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Your HTML form posts to an external endpoint&lt;/li&gt;
&lt;li&gt;The service does all the validation and delivery&lt;/li&gt;
&lt;li&gt;No server code required on your end&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;For example, Web2Phone:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Accepts standard HTML form submissions&lt;/li&gt;
&lt;li&gt;Delivers to WhatsApp (with optional email fallback)&lt;/li&gt;
&lt;li&gt;Lets you set up domain allow-listing and rate limits&lt;/li&gt;
&lt;li&gt;Automatically deletes successful submissions for privacy&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;No hype—just a practical option.&lt;/p&gt;
&lt;h3 id=&quot;practical-example&quot;&gt;Practical Example&lt;/h3&gt;
&lt;p&gt;Here’s what it looks like in practice:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-html&quot;&gt;&amp;lt;form action=&quot;https://web2phone.co.uk/api/v1/submit/&quot; method=&quot;POST&quot;&amp;gt;
  &amp;lt;input type=&quot;hidden&quot; name=&quot;public_key&quot; value=&quot;YOUR_PUBLIC_KEY&quot;&amp;gt;
  &amp;lt;input name=&quot;name&quot; required&amp;gt;
  &amp;lt;input type=&quot;email&quot; name=&quot;email&quot; required&amp;gt;
  &amp;lt;textarea name=&quot;message&quot; required&amp;gt;&amp;lt;/textarea&amp;gt;
  &amp;lt;button type=&quot;submit&quot;&amp;gt;Send&amp;lt;/button&amp;gt;
&amp;lt;/form&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;
&lt;li&gt;The public_key links the form to your account (no secrets in the browser)&lt;/li&gt;
&lt;li&gt;On submission, the service validates and delivers the message&lt;/li&gt;
&lt;li&gt;Delivery is tracked—if WhatsApp fails, fallback to email&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;whatsapp-email-fallback&quot;&gt;WhatsApp + Email Fallback&lt;/h3&gt;
&lt;p&gt;You can choose WhatsApp only, email only, or both. If WhatsApp delivery fails, it automatically sends via email. This keeps things reliable without extra logic on your end.&lt;/p&gt;
&lt;h3 id=&quot;who-this-is-for&quot;&gt;Who This Is For&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Static site owners&lt;/li&gt;
&lt;li&gt;Agencies and freelancers&lt;/li&gt;
&lt;li&gt;Service businesses&lt;/li&gt;
&lt;li&gt;Trades who need to respond fast to emergency enquiries&lt;br&gt;
Basically, anyone who wants instant lead alerts without backend hassle.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;security-amp-spam-protection&quot;&gt;Security &amp;amp; Spam Protection&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Domain allow-listing (only your sites can submit)&lt;/li&gt;
&lt;li&gt;Rate limiting to prevent abuse&lt;/li&gt;
&lt;li&gt;Honeypot and validation checks&lt;/li&gt;
&lt;li&gt;GDPR: successful submissions auto-deleted after delivery&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h3&gt;
&lt;p&gt;If you want to keep things simple and respond faster, this approach is worth a look. No backend headaches, just instant notifications where you’ll actually see them.&lt;br&gt;
If you want to test this, you can create a free account and generate a public key in under a minute.&lt;/p&gt;
</description>
<category>Tutorials</category>
<guid isPermaLink="true">https://coderlegion.com/12086/send-contact-form-leads-to-whatsapp-no-backend-needed</guid>
<pubDate>Mon, 23 Feb 2026 19:37:18 +0000</pubDate>
</item>
</channel>
</rss>