36 guides

Guides & Tutorials

Learn how to set up forms, configure integrations, and build powerful workflows with step-by-step tutorials.

Beginner10 min

How to Add a Contact Form to Next.js

Learn how to add a working contact form to your Next.js application in minutes. No backend code required — just create your form, point it at FormsList, and start receiving submissions by email.

Read guide
Beginner8 min

How to Add a Form to Any HTML Website

Add a fully functional contact form to any HTML website in under 5 minutes. No JavaScript frameworks, no server setup — just plain HTML that works everywhere.

Read guide
Beginner9 min

How to Add a Contact Form to React

Build a fully functional contact form in React with hooks, validation, and email notifications. No backend server or API routes needed.

Read guide
Beginner12 min

How to Handle Form Submissions Without a Backend

Learn how to process form submissions on any website without writing server-side code. Use a form backend service to receive, store, and forward submissions by email.

Read guide
Beginner4 min

How to Send Form Data to Email

Set up email notifications for every form submission on your website. Receive form data directly in your inbox without running a mail server.

Read guide
Intermediate7 min

How to Add reCAPTCHA to Your Form

Protect your form from spam and bots by adding Google reCAPTCHA. This guide covers both reCAPTCHA v2 (checkbox) and v3 (invisible) with step-by-step instructions.

Read guide
Beginner4 min

How to Create a Newsletter Signup Form

Build a simple, effective newsletter signup form for your website. Collect email subscribers and manage them through FormsList — no email marketing platform required to get started.

Read guide
Beginner5 min

How to Add a Feedback Form to Your Website

Add a user feedback form to your website to collect feature requests, bug reports, and general feedback. Get notified instantly when users share their thoughts.

Read guide
Intermediate9 min

Form Validation Best Practices

Learn the best practices for validating form data on both the client and server side. Improve user experience, reduce errors, and keep your data clean.

Read guide
Intermediate10 min

How to Prevent Form Spam

Stop spam submissions on your website forms using honeypot fields, CAPTCHAs, rate limiting, and AI-powered spam detection. Protect your inbox without hurting real users.

Read guide
Beginner4 min

How to Add a Form to WordPress Without a Plugin

Add a custom HTML form to your WordPress site without installing any plugins. Use a form backend service to handle submissions and keep your site lightweight.

Read guide
Beginner5 min

How to Add a Custom Form to Webflow

Override Webflow's default form handling and send submissions to FormsList for more control over notifications, integrations, and data management.

Read guide
Intermediate8 min

How to Create a Multi-Step Form

Build a multi-step form with progress indicators, field validation at each step, and a single submission at the end. Improve completion rates for long forms.

Read guide
Beginner4 min

How to Add a Contact Form to a Static Site

Add a fully functional contact form to any static site generator — Jekyll, Hugo, Eleventy, Astro, or plain HTML. No server-side code required.

Read guide
Beginner5 min

How to Send Form Submissions to Google Sheets

Automatically send every form submission to a Google Sheets spreadsheet. Build a live dashboard of your form data without any coding.

Read guide
Beginner4 min

How to Set Up Auto-Response Emails for Form Submissions

Learn how to send automatic confirmation emails to users after they submit a form. FormsList auto-responders let you acknowledge submissions instantly without writing backend code.

Read guide
Intermediate5 min

How to Send Form Submissions to Notion

Learn how to automatically send form submissions to a Notion database using FormsList's native Notion integration. Every submission creates a new row in your Notion workspace.

Read guide
Beginner4 min

How to Add a Contact Form to Astro

Add a working contact form to your Astro site in minutes. No server endpoints, no API routes — just HTML and FormsList.

Read guide
Intermediate5 min

How to Track Form Submission Conversions

Learn how to track form submission conversions in FormsList. Monitor submission volume, conversion rates, and trends with built-in analytics and custom tracking.

Read guide
Intermediate5 min

How to Handle File Uploads with Form Submissions

Learn strategies for handling file uploads alongside form submissions using FormsList. While FormsList handles text-based submissions, this guide covers practical approaches for files.

Read guide
Beginner5 min

How to Add a Contact Form to Vue.js

Add a fully functional contact form to your Vue.js app using v-model bindings and fetch. No backend server required — FormsList handles everything.

Read guide
Beginner5 min

How to Add a Contact Form to SvelteKit

Add a working contact form to your SvelteKit app with bind:value and fetch. No SvelteKit form actions or server endpoints needed.

Read guide
Intermediate7 min

How to Add a Contact Form to Angular

Build a contact form in Angular using Reactive Forms and HttpClient. FormsList handles the backend — no Express or NestJS server required.

Read guide
Intermediate6 min

How to Add a Contact Form to Remix

Add a contact form to your Remix app without writing a custom action. FormsList handles submissions so you can skip Remix action loaders entirely.

Read guide
Beginner5 min

How to Add a Contact Form to Gatsby

Add a working contact form to your Gatsby site with React components and FormsList. No serverless functions or Gatsby Functions needed.

Read guide
Beginner4 min

How to Add a Contact Form to Hugo

Add a working contact form to your Hugo static site using an HTML partial. No server code required — FormsList handles all submissions.

Read guide
Beginner4 min

How to Add a Contact Form to Jekyll

Add a contact form to your Jekyll site using an HTML include. No plugins or server code required — FormsList handles submissions.

Read guide
Beginner4 min

How to Add a Contact Form to Eleventy (11ty)

Add a contact form to your Eleventy site using Nunjucks templates. No server code or serverless functions needed — FormsList handles everything.

Read guide
Intermediate6 min

How to Add a Custom Contact Form to Shopify

Add a custom contact form to your Shopify store beyond the default contact page. Use Liquid templates with FormsList for full control over form fields and submissions.

Read guide
Beginner5 min

How to Handle HTML Forms with PHP and FormsList

Replace custom PHP form handlers with FormsList. No more mail(), PHPMailer, or server-side validation code — just point your HTML form to FormsList.

Read guide
Beginner4 min read

How to Add a Contact Form to Vue.js (No Backend Required)

Add a working contact form to any Vue.js app using FormsList.

Read guide
Beginner4 min read

How to Add a Contact Form to SvelteKit (No Backend Required)

Add a working contact form to SvelteKit using FormsList.

Read guide
Beginner4 min read

How to Add a Contact Form to Nuxt.js (No Backend Required)

Add a working contact form to Nuxt 3 using FormsList.

Read guide
Intermediate5 min read

How to Add a Contact Form to Angular (No Backend Required)

Add a working contact form to Angular using FormsList.

Read guide
Beginner4 min read

How to Add a Custom Contact Form to Shopify (No App Required)

Add a custom contact form to Shopify using FormsList.

Read guide
Beginner4 min read

How to Add a Custom Form to Squarespace (Beyond Built-in Forms)

Add a custom form to Squarespace using a Code Block and FormsList.

Read guide