How to Add a Contact Form to Any Website in 60 Seconds
Learn how to embed a fully functional contact form on your website without writing a single line of code.
Adding a contact form to your website doesn’t have to be complicated. With WidgetStash, you can have a beautiful, fully functional contact form live on your site in under a minute.
Why You Need a Contact Form
Every website needs a way for visitors to get in touch. Whether you’re running a business, a portfolio, or a blog, a contact form:
- Looks professional — more trustworthy than a plain email link
- Reduces spam — form validation keeps bots out
- Collects structured data — name, email, message in a clean format
- Works on mobile — responsive design out of the box
Step 1: Choose Your Template
Head to the WidgetStash widget library and select the Contact Form widget. We offer several pre-built templates:
- Simple contact form (name, email, message)
- Business inquiry form (with company and phone fields)
- Support request form (with priority and category selectors)
Step 2: Customize the Design
Use the visual editor to match your brand:
- Pick your brand colors
- Choose a font that matches your site
- Adjust border radius and spacing
- Add your company logo
Step 3: Copy and Paste
Once you’re happy with the design, copy the embed code and paste it into your website. That’s it — your contact form is live!
<script src="https://widgetstash.com/embed.js" data-widget="contact-form" data-id="YOUR_WIDGET_ID"></script>Where to Place Your Contact Form
For best results, add your contact form to:
- Your Contact page (obviously!)
- The footer of every page
- Your About page
- Landing pages for specific campaigns
What Happens When Someone Submits?
All submissions are delivered straight to your email inbox. You can also:
- Set up Slack or Discord notifications
- Export submissions as CSV
- Connect to Zapier for advanced workflows
Ready to add a contact form to your site? Get started for free — no credit card required.