You have a campaign ready, an approved media budget, and a live landing page. All that's left is to create an online form. So you open a tool, fill in name, email, phone number, "your message"... and three weeks later, the leads arrive incomplete, unreachable, or not at all.
The problem rarely lies with the tool itself. It stems from the order in which decisions are made. This guide shows you how to create an online form step by step, without coding, starting with the desired outcome rather than a list of fields. We'll follow a continuous example from beginning to end: a quote request form.
The short answer: To create an online form that converts, first set a measurable goal, keep only the fields that support a business decision, group them into steps from simplest to most engaging, and then add conditional logic. Next, configure the thank-you page and tracking, test each user journey on mobile, publish, and monitor abandonment step by step to make adjustments.
Step 1: Define the objective before creating an online form
An effective form begins with the sentence: "This form should produce X, measured by Y." Without this sentence, each team member adds "their" question, and the form grows unnecessarily large.
Let's take our running example. A fictional office cleaning company, let's call it Clairbureau, buys traffic from Google Ads to fill its sales calendar. Its objective is not simply to "have leads". It reads more like this: obtain quote requests that can be priced, with a reachable phone number, at a cost per lead compatible with its margin.
This sentence changes everything. It sets out three indicators to monitor from day one:
- The completion rate : the proportion of visitors who start and then submit the form.
- The rate of actionable leads : the proportion of requests the salesperson can actually price.
- The reachability rate : the proportion of prospects who answer on the first or second call.
A form that maximizes the first indicator at the expense of the other two is expensive. That's why the objective comes before the tool.
If you're primarily looking for a budget-friendly solution, our guide on the free online lead-oriented form compares the options. Here, we stick to the method.
Step 2: Choose the fields using the rule "one field, one decision"
Keep a field only if someone uses it to make a decision: pricing, routing, prioritizing or calling back. If no one can name that decision, the field comes out of the form.
This is the simplest rule in this guide, and the most profitable. E-commerce sites offer a good illustration of this: according to the Baymard Institute study on checkout flows, an average checkout had 11.3 fields in 2024, whereas most sites would only need 8. The same problem affects quote forms.
The sorting grid applied to the running example
At Clairbureau, the first version listed 14 questions. We screened them with a three-column table: the field, the decision it serves, the person who uses it.
- Premises area → price the quote → sales. We keep it.
- Desired frequency → price the quote → sales. We keep it.
- Postal code → route to the right branch → back office. We keep it.
- Start deadline → prioritize the callback → sales. We keep it.
- Phone and email → call back and send the quote. We keep it.
- Company Name → identify the account. We keep it.
- Fax, job title, "how did you hear about us?" → No decision. We delete it. The source is automatically retrieved via UTM parameters.
Result: 7 fields instead of 14, without losing a single piece of information useful for the quote. To audit an existing form in the same way, use our checklist for auditing an overly long form.
One point deserves particular attention: the phone number. It determines reachability, and therefore the value of the lead. Real-time validation of the format, including the country code, prevents a significant number of unusable numbers. We discuss this topic in detail in our article on the phone number and lead reachability.
Step 3: Order the questions and break them down into steps
Start with the easy, relevant questions, then ask for contact information at the end. This is the safest approach to creating an online form that won't scare visitors away. The visitor engages gradually: by the time they're asked for their phone number, they've already invested time in their request.
For Clairbureau, this gives three steps:
- The need : type of premises and desired frequency, in clickable buttons.
- The context : surface area, postal code, start date.
- The contact : company, email, phone, consent.
Each step fits on a smartphone screen. A progress bar shows where the visitor is. And that's not all: the first question answers a curiosity ("what type of premises?") instead of requiring an effort ("your name?").
Do you always need to use a multi-step format? No. A three-field form doesn't need to be split. The multi-step format becomes useful as soon as you qualify the need before requesting contact information. To see concrete breakdowns by sector, consult our examples of multi-step quote forms.
Step 4: Add the conditional logic
Conditional logic shows or hides a question based on previous answers. This way, each visitor only sees the questions relevant to them, and the form appears shorter than it actually is.
In our running example, two rules are enough:
- If the type of premises is "retail", a question about opening hours appears, because the work is done outside opening hours.
- If the floor area exceeds a threshold set by the team, a question about the number of floors appears, because it changes the quote.
When you want to create a "smart" online form, the temptation is to add ten rules. Resist this. Each rule creates another branch to test (we'll come back to this in step 6). Start with the rules that actually change the quote or the routing.
To learn more about the types of rules (step skips, dependent fields, redirects), read our complete guide to conditional logic. If you prefer a tutorial focused on getting started with the tool, our earlier tutorial for creating a professional form in minutes details each screen of the editor.
Step 5: Thank you page and tracking
The thank you page confirms the request, outlines the next steps, and serves as a measurement point. The tracking, however, must record the conversion at the moment the form is submitted, not simply when a page loads.
This is the mistake mentioned earlier. Many teams trigger their conversion pixel on the thank-you page URL. The problem is that a visitor who reloads the page, bookmarks it, or arrives via a shared link counts as a new conversion. Your campaigns then optimize based on inflated numbers.
The correct configuration consists of three points:
- A conversion event triggered on submission, and ideally one event per stage to measure progress.
- The UTM parameters saved with each lead, to link a request to its campaign without asking the visitor.
- A useful thank you page : announced callback time, and if possible a time slot to book immediately.
Clairbureau has chosen two thank-you pages. Urgent requests (starting within one month) include a calendar to schedule an appointment. Other requests receive a message announcing a callback within 24 business hours. The help center of Blastform explains how to make the thank-you page and its pixels conditional based on the answers.
Step 6: Test each path on mobile
Test the form on a real smartphone, sending a complete request for each branch of conditional logic. A desktop preview isn't enough: most of the friction occurs on mobile.
The data confirms it. In the Zuko 2025 sector benchmark, the completion rate for visitors who started a form reached 55.5% on desktop compared to 47.5% on mobile. An eight-point difference, on the platform that often carries the majority of paid traffic.
Here's the method we recommend. Count your branches: the minimum number of test submissions equals the number of possible paths, plus one intentional error test. For Clairbureau, this results in four submissions:
- Offices, small area: the shortest path.
- Retail premises: the question about opening hours must appear.
- Large area: the question about floors must appear.
- Intentionally incorrect entry (incomplete number, email without @): error messages must be clear and not erase other responses.
For each submission, check four things: the appropriate keyboard opens (numeric for the phone), the "Next" button remains visible, the lead arrives complete in your tool, and the conversion event is triggered only once.
Finally, add the legal check, often forgotten when creating an online form. The consent text and information on data usage must appear before submission. The CNIL publishes examples of information notices for a data collection form , to be adapted to your situation.
Step 7: Publish, integrate, and track abandonments
Publish the form where the visitor makes their decision, connect it to your CRM, and then analyze the abandonment rate at each stage every week. This analysis is what transforms a good initial version into a high-performing form.
Choosing the right distribution method
The final decision for creating a profitable online form is where it appears. Three options cover most needs: a dedicated hosted page (ideal for paid campaigns), integration into an existing page, or a pop-up. With Blastform, you can host the form on your own domain or integrate it via HTML code into WordPress, Webflow or Wix.
Connect the CRM before the first lead
A lead sitting in an inbox loses value every hour. Connect the form to your CRM or business tool before sending a single euro worth of traffic. Our guide to integrate a form into HubSpot or Salesforce details the native options and those via Zapier or Make.
Read abandonment step by step
Creating an online form is only half the job. Once the version is published, three dropout profiles often come up:
- High abandonment at step 1 : the first question doesn't grab attention, or the landing page's promise doesn't match the form.
- High abandonment in the middle : a question asks for information the visitor doesn't have to hand (exact floor area, budget). Offer ranges.
- High abandonment at the contact step : trust is lacking. Reassure near the phone field ("only for your quote").
Correct one element at a time, then compare two periods or run an A/B test. Blastform provides step-by-step dropout analysis, period comparison, and native A/B testing: the full list is on our features page of Blastform.
Frequently Asked Questions
How long does it take to create an online form?
With a no-code tool, the actual construction takes only a few minutes. The real time is spent before and after: setting the objective, sorting the fields, configuring the conditional logic and tracking, and then testing each user journey on mobile.
How many fields should be included in a quote request form?
There is no universal number. Keep only the fields used for pricing, routing, prioritizing or calling back. In our example, seven fields are enough for a usable quote.
One-page or multi-step form: which to choose?
For three or four fields, a single page is sufficient. As soon as you qualify the need before requesting contact information, the multi-step format is relevant. Test both versions with your own traffic.
How can I find out where visitors abandon my form?
Trigger an event at each stage, then compare the number of visitors from one stage to the next. The stage with the steepest drop is the one to correct first.
Creating an online form that generates actionable leads depends less on the tool itself than on the order of decisions: objective, fields, steps, logic, measurement, testing, and then follow-up. Want to apply this method to your own quote request form? Request a demo of Blastform or start your free trial.