Contact Form Widget Logo
Lightning Fast Setup

Free Contact Form Widget

Powered by Notion

Notion Logo

Create professional contact forms for your website in minutes with our free widget. Save your data to Notion DB - no coding required!

WordPress Wix Squarespace

Perfect for any website.

Mobile-responsive with built-in spam protection and CAPTCHA support.

Live Contact Form Demo - Basic Configuration

See how easy it is to create a contact form with name, email, and message fields

Live Notion Database

Ready-to-Use Contact Form Templates

Choose the form that best fits your needs and copy the code

Simple Contact Form Template

Basic websites Personal blogs Simple contact pages

Collects:

Name, Email, Message

Code

<script src="https://contact-form-app.stackseekers.com/contact-widget.js?v=1761541073883"></script>
<div id="my-contact-form"></div>
<script>
new ContactWidget('#my-contact-form', {
fields: {
name: { enabled: true, required: true },
email: { enabled: true, required: true },
message: { enabled: true, required: true },
subject: { enabled: false },
phone: { enabled: false },
company: { enabled: false },
website: { enabled: false },
budget: { enabled: false },
newsletter: { enabled: false }
}
});
</script>

Business Contact Form Template

Company websites Service providers B2B inquiries

Collects:

Name, Email, Company, Phone, Subject, Message, Budget, Newsletter

Code

<script src="https://contact-form-app.stackseekers.com/contact-widget.js?v=1761541073883"></script>
<div id="my-contact-form"></div>
<script>
new ContactWidget('#my-contact-form', {
fields: {
name: { enabled: true, required: true },
email: { enabled: true, required: true },
company: { enabled: true, required: true },
phone: { enabled: true, required: false },
subject: { enabled: true, required: true },
message: { enabled: true, required: true },
budget: { enabled: true, required: false },
newsletter: { enabled: true, required: false }
}
});
</script>

Customer Support Request Form Template

Customer support Help desks Technical assistance

Collects:

Name, Email, Issue Type, Message

Code

<script src="https://contact-form-app.stackseekers.com/contact-widget.js?v=1761541073883"></script>
<div id="my-contact-form"></div>
<script>
new ContactWidget('#my-contact-form', {
form: { // Custom form settings
title: 'Support Request', // Form title
submitText: 'Submit Request', // Button text
enableCaptcha: true // Enable CAPTCHA
},
fields: {
name: { enabled: true, required: true },
email: { enabled: true, required: true },
subject: { // Dropdown field
enabled: true,
required: true,
options: [
{ value: '', text: 'Select issue type', disabled: true, selected: true },
{ value: 'Technical Issue', text: 'Technical Issue' },
{ value: 'Account Problem', text: 'Account Problem' },
{ value: 'Feature Request', text: 'Feature Request' },
{ value: 'Other', text: 'Other' }
]
},
message: { enabled: true, required: true }
}
});
</script>

Custom Branded Form

Brand colors Custom styling Personalized design

Collects:

Name, Email, Message (with custom styling)

Code

<script src="https://contact-form-app.stackseekers.com/contact-widget.js?v=1761541073883"></script>
<div id="my-contact-form"></div>
<script>
new ContactWidget('#my-contact-form', {
theme: { // Custom styling
primaryColor: '#10b981', // Green color
borderRadius: '8px', // Rounded corners
fontFamily: 'Georgia, serif' // Custom font
},
form: { // Custom form text
title: 'Get In Touch', // Form title
submitText: 'Send Message', // Button text
successMessage: 'Thanks! We\'ll get back to you soon.', // Success message
enableCaptcha: true // Enable CAPTCHA
},
fields: {
name: { enabled: true, required: true },
email: { enabled: true, required: true },
message: { enabled: true, required: true }
}
});
</script>

CAPTCHA Security Configuration

Spam Protection Bot Prevention Human Verification

Features:

Google reCAPTCHA v2, Rate Limiting, Input Sanitization

Enable CAPTCHA (Default)

<script src="https://contact-form-app.stackseekers.com/contact-widget.js?v=1761541073883"></script>
<div id="my-contact-form"></div>
<script>
new ContactWidget('#my-contact-form', {
form: {
title: 'Secure Contact Form',
submitText: 'Send Secure Message',
enableCaptcha: true // Enable CAPTCHA
},
fields: {
name: { enabled: true, required: true },
email: { enabled: true, required: true },
message: { enabled: true, required: true }
}
});
</script>

Live CAPTCHA Example

CAPTCHA Active

This form includes Google reCAPTCHA v2 protection. Users must complete the "I'm not a robot" verification before submitting.

CAPTCHA Configuration Tips

  • • CAPTCHA is enabled by default for maximum security
  • • Set environment variables: RECAPTCHA_SITE_KEY and RECAPTCHA_SECRET_KEY
  • • Live example above shows CAPTCHA in action with "I'm not a robot" verification
  • • Rate limiting (5 requests/minute) provides additional spam protection

Playground Form Builder

Customize your contact form by enabling/disabling fields and see the live preview update instantly:

Field Configuration

Basic Fields

Additional Fields

Form Settings

Live Preview

Generated Code

Setting Up Notion (Where Messages Go)

Create a free Notion database to receive all your form submissions:

How to Add This to Your Website

Follow these simple steps to add your contact form to any website:

That's it!

Your contact form will now appear on your website and start collecting messages from visitors!

Why Choose Our Free Contact Form Widget?

Easy Notion Integration

Our contact form widget seamlessly integrates with your Notion database, automatically storing all form submissions. No complex setup required - just connect your Notion API key and database ID.

No Coding Required

Perfect for non-technical users. Simply copy and paste our embed code into your website. Works with WordPress, Wix, Squarespace, and any HTML website.

Mobile Responsive Design

All our contact form templates are fully responsive and look great on desktop, tablet, and mobile devices. Built with modern CSS and optimized for all screen sizes.

Built-in Security Features

Protect your contact form from spam with our integrated CAPTCHA protection, rate limiting, and input sanitization. Keep your Notion database clean and secure.

How to Add Contact Form to Your Website

Step 1: Deploy Your Form

Use our one-click Netlify deployment to get your contact form widget online in minutes. No server setup or hosting configuration needed.

Step 2: Configure Notion Database

Set up your Notion database with the required fields (name, email, message) and get your API key and database ID from Notion's integration settings.

Step 3: Embed on Your Website

Copy our embed code and paste it into your website where you want the contact form to appear. Customize fields, styling, and behavior as needed.

Contact Form Features & Benefits

Free Forever

No monthly fees, no subscriptions, no hidden costs. Our contact form widget is completely free to use for personal and commercial projects.

Customizable Fields

Choose from name, email, phone, company, subject, message, budget, and newsletter fields. Enable or disable any field based on your needs.

Professional Templates

Multiple pre-built templates for different use cases: simple contact forms, business inquiries, customer support, and more.

Perfect for Small Businesses & Entrepreneurs

Our contact form widget is ideal for small businesses, freelancers, consultants, and entrepreneurs who need a professional way to collect inquiries without technical complexity.

Whether you're running a WordPress blog, a Wix website, or a custom HTML site, our widget integrates seamlessly and provides a professional contact experience for your visitors.