Tutorials
Step-by-step builds of real forms and configurators.
- Shelf
- Tutorials
- Posts
- 27
- Latest
- Browse
-
How to Show a Custom Thank-You Message After a WordPress Form (With the Visitor’s Answers)
To show a custom thank-you message after a WordPress form, add a Confirmation block to the form in CraftForms and write the message with ordinary…

-
How to Translate a WordPress Form into Several Languages (One Form, Emails and PDFs Included)
To translate a WordPress form in CraftForms, open the form, click Translate form texts in the sidebar, add a language and type the wording next to…

-
One Question at a Time: How to Build a Conversational Form in WordPress
A conversational form asks one question per screen, in large type, and moves on as soon as the visitor answers. It feels more like a short chat than…

-
How to Build a Multi-Step Form in WordPress (Progress Bar, Conditional Jumps)
A multi-step form in WordPress shows a few fields per screen, with Next and Back buttons and a progress bar, instead of one long page of questions…

-
How to Send WordPress Form Submissions Anywhere With Webhooks (Google Sheets, Zapier, Make, n8n)
A WordPress form webhook sends each submission to a URL the moment it’s accepted, as a small JSON document. Whatever lives at that URL can do…

-
How to Build a Visual Product Configurator With Layered Images (Watches, Sofas, Bikes, Sneakers)
A visual product configurator shows the customer the exact thing they’re building. They pick a steel case, a black dial and a red strap, and the…

-
Uni CPO Alternative: Migrate Your Product Options and Formulas to CraftForms
If you’re looking for a Uni CPO alternative, you don’t have to rebuild your configurators by hand. CraftForms has a built-in migration tool that…

-
How to Build a Calculator With a Live Chart in WordPress (Loan, Savings, Solar and Pricing Examples)
A number on its own doesn’t persuade anyone. “$1,896 a month” is abstract; a donut chart showing that $382,632 of a 30-year mortgage is interest…

-
How to Accept Stripe Payments Through a WordPress Form (No WooCommerce Required)
Not every payment on a WordPress site is a shopping-cart order. A consulting package, a booking deposit, a quote someone agreed to over email: none…

-
WordPress Event Calendar With Registration and Payments (Pie Calendar + CraftForms)
Most event plugins make you choose. A calendar plugin shows what’s on but can’t take a booking. A full events suite takes bookings but brings venues…

-
How to Change the Product Image Based on the Selected Option in WooCommerce (Without Variations)
You sell a table in oak, walnut and ash. The customer clicks “Walnut” and the photo still shows oak. That one mismatch costs you sales, and the…

-
Track WordPress Form Submissions in GA4, With or Without GTM
If you want to track form submissions in GA4 on WordPress, you’ve probably found it’s harder than it should be. GA4’s built-in “form interactions” misses…

-
How to Add a Signature Field to a WordPress Form (Free) and Put It in a PDF
A WordPress form signature field lets customers sign with a finger, mouse or stylus instead of printing, signing and scanning a sheet of paper. For most…

-
Flower Delivery Order Form With a Branded Confirmation Email
Short answer: in WordPress you can build a flower delivery order form (bouquet, size, delivery date, card message) and send a confirmation email in your…

-
Build a Picture Frame Configurator for Your Custom Framing Website
Framing is hard to sell with a flat product photo. A 2 cm black frame looks thin on a 70 cm poster and heavy on an A5 print. A 6 cm white mount can make a…

-
WooCommerce Photo Upload and Crop: Let Customers Crop Their Photo to the Exact Print Size
A print shop in Slovakia sells fotoobraz na plátne, a canvas printed from your own photo. On their product page the customer types a width and a height in…

-
Generate PDF Invoices, Tickets and Confirmations from a WordPress Form
Somebody books a slot, buys a ticket, or requests a quote. The follow-up they expect is a document: an invoice they can forward to accounting, a ticket…

-
How to Accept Appointments Online for a Salon, Spa, or Massage Studio (2026)
TL;DR If clients still book you by text, phone, or DM, you’re the bottleneck. Every appointment means a back-and-forth: “Are you free Thursday?”, checking…

-
How to Use MCP to Build and Fill WordPress Forms (2026 Guide)
Most “AI form builder” features shipping in 2026 work the same way: you paste an API key into a settings screen, type a sentence into a textbox, and the…

-
How to Build a Seasonal Boat Rental Booking Form
TL;DR Boat rental is a good stress test for a booking form, because it breaks two assumptions most generic date-picker plugins make. First, the price…

-
Add Forms to a Hugo Site With a WordPress Backend
Hugo builds sites at a speed that makes everything else feel slow. It also, by design, has no idea what to do with a form submission — it’s a static…

-
Add a Real Form Backend to Your Astro Site (Not Just Email)
Astro is a joy to build with, right up until you need a form. Then you hit the wall every static-site developer hits: there’s no server to receive the…

-
Build Branded Email Templates in WordPress
TL;DR A booking confirmation lands in the guest’s inbox five seconds after they submit your form. It has your logo at the top, the check-in and check-out…

-
Best Free SMTP for WordPress — CraftForms Setup Guide
WordPress default mail function fails silently on most hosts. Here’s a no-jargon overview of the best free SMTP options and how to connect one to…

-
Use WordPress as a Locked-Down Form Backend for Static Sites
Static sites are fast, cheap to host, and nearly impossible to compromise — but they can’t process a contact form. Every static site eventually hits the…

-
How To Build a Product Configurator With Live Pricing in WordPress — a Roller Blinds Example
Most form plugins stop at collecting data. CraftForms Pro lets you go further: define a pricing formula, show the customer a live price before they hit…

-
How to Migrate from Contact Form 7 to CraftForms (Step-by-Step)
TL;DR: CraftForms can import your existing CF7 forms automatically. If you’ve ever lost a submission, had an email silently fail, or wished CF7 had a…
