How to Create a Multi-Step Form

read
Last updated at:

Overview 

If your signup forms contain lots of fields, visitors may feel intimidated and not fill them out. By breaking your form into smaller steps, you make it easier for site visitors to convert into subscribers. In this article, you’ll learn how to create a multi-step form. 

Learn about multi-step form use cases and best practices in our guide About Multi-Step Forms.

Create a Signup Form

To begin, create a signup form in the Signup Forms tab. You can either create a form from scratch or use a template from the form library. Any form type (i.e., popup, flyout, or embed) can have multiple steps. Some templates in the form library include multiple steps by default. Search for “Email + phone” forms to find these templates. 

As a best practice, limit the number of fields on your first step. We recommend using the first step of your form to collect subscribers for your primary marketing channel, whether that’s email or SMS.

Add Additional Steps

Once you’ve built the first page of your signup form, click Add Step. Select the type of step you’d like to add: 

  • SMS Opt-in
    Collect SMS consent
  • Profile Information
    Ask some questions to learn more about your new subscriber (e.g., their birthday, name, or interests) 
  • Blank Step
    Start from scratch with a blank slate 

How_to_-_options.gif

If you haven’t set up SMS yet, you won’t be able to add an SMS step to your form. Learn how to get started with SMS. 

Once you’ve added a new step, add and edit fields as needed. Learn more about the types of fields you can add in our guide, Understanding Signup Form Input Blocks

You can add up to four steps to your form, in addition to the optional success message.

If your form’s first page collects profile properties, but doesn’t collect an email or phone number, Klaviyo will store the information until the visitor adds either an email or phone number. If an email or phone number is never provided, the information will not be added to a Klaviyo profile. Klaviyo is not able to track anonymous visitors. 

A/B Testing and Multi-Step Forms

Multi-step forms can be used in a forms A/B test, just like a single-step form. Consider testing the performance of a single-step form versus a multi-step form to better understand what works best for your audience. 

Rename, Clone, Delete, or Reorder a Step

Use the additional options menu next to a step’s name to rename, clone, or delete a step. Forms must have at least one step (other than the success message), so if you only have one step in your form, you won’t be able to delete it. 

clone_or_delete.png

To change the order in which steps appear, drag the step name to the position where you’d like it to appear. 

reorder.gif

Styles and Multi-Step Forms

Any styles set in the Styles tab of your form will apply to all form steps. If you update your form’s styles, the updates will apply across all existing steps of your form, as well as steps you add in the future. 

To adjust the appearance of particular elements within your form, click on a block. The style settings for that block will appear on the left for you to edit. 

Publish Your Form

Once you’ve built and designed your form and are ready to publish, click Publish Changes and note that the status indicator updates to Live. If you make future edits to any pages, the status will update to Editing, and the new edits will not appear on your site until you publish them. 

After publishing your form, you can review its performance at any time. Learn more about signup form analytics.

Additional Resources

x
Was this article helpful?
7 out of 10 found this helpful