How to create a pre-order form for your website

How to create a pre-order form for your website
Olga Chatay
Olga Chatay 5 min read

If there is one kind of form that sparks excitement, it’s pre-order forms.

For a buyer, a pre-order form means they will be among the first to get the item. For a seller, a pre-order form means they can estimate the expected volume of orders or validate an idea.

Besides, pre-order forms are essential if you’re selling made-to-order items or if an item is currently out of stock.

In this article, we’ll show you how to place a pre-order form on a website and encourage customers to fill it out.


Don’t worry if you’ve never worked with website forms before. The template above is powered by Getsitecontrol – a no-code website form builder. It works on any website platform, and once you register an account, you’ll be able to create a similar form within minutes.

Those who fill out the form on your website will receive an automated email with a custom message from you. You can include a purchase link or order guidelines in that message. You can also integrate the form with Google Sheets, your CRM, or any other software that helps you manage orders.

If you have no website, we recommend using Getform to create a pre-order form and link to it from your social media, messenger, or email.

Let’s take a quick look at how to create a pre-order form and customize it to your needs.

Here is how to create a pre-order form in Getsitecontrol

The fastest way to create a pre-order form is by using a template. Below we’ll walk you through the process step by step.

Step 1. Select the template

There are two common formats used to display a pre-order form: slide-ins and panels. Here is the difference between the two. Slide-ins pop up on a page after a visitor has spent a certain amount of time on your website. For example, the template featured at the beginning of the article is a slide-in.

Panels look like tabs saying ‘PRE-ORDER NOW’ and expand into a form only if a visitor clicks on it. To see how a panel looks in action, click on the template below 👇

Decide which template you’d like to use for your website, then click ‘See live preview’, and follow the instructions to add it to the Getsitecontrol dashboard.

How to add a form template to the Getsitecontrol dashboard

If you haven’t created a Getsitecontrol account yet, you’ll be prompted to do that. From there, you can adjust the form to your needs and publish it on your website.

Step 2. Adjust the copy

On the first screen, you can edit the copy, the fields, and the image. To change the title, description, or field name, simply click on it and type new text.

How to change text on the pre-order form in Getsitecontrol

This template contains 3 pages. Go to the bottom right corner to switch between pages and edit their content. For instance, this form requires buyers to type their shipping address on the second page 👇

How to edit the second page of a pre-order form in Getsitecontrol

If you want, you can add or delete pages, change the field order, and create additional fields.

The last page of the form is typically reserved for the submission success message.

Submission success message example for a pre-order form

The submission success message confirms order placement and tells buyers what happens next. In this case, whoever fills out the pre-order form will receive an automated email with a payment link and the instructions. We’ll show you how to create such an email in a moment.

Step 3. Change the image and theme

Getsitecontrol allows you to easily change the color theme and image. To do the former, just hit the Theme button at the top and toggle the controls.

How to change the theme of a pre-order form in Getsitecontrol

You can also adjust the size and spacing of the form or even switch the font to make it match the font on your website.

To do the latter, click on the image and proceed to change it. You’ll be able to search for alternative images using the built-in gallery or import your product photos.

How to add an image to a pre-order form in Getsitecontrol

💡 Want to remove the image from the form entirely? Then click on it and hit ‘Remove image’. Keep in mind, however, that in this case you might need to adjust spacing.

Step 4. Set up the autoresponder message

Once you finish with the design, switch to the Notifications tab. It enables you to send an autoresponder to everyone who fills out the form.

Use the autoresponder to confirm order placement, send the purchase link, and provide instructions.

You don’t need to have an email marketing platform to send autoresponders with Getsitecontrol. Just type your message, insert links if necessary, and save your edits.

How to create an autoresponder for a pre-order form in Getsitecontrol

If you want to receive notifications about new form submissions in your inbox, click the Enable email notifications box and type your email address.

Once you set up and activate the form, it will appear on every page of your website. Should you decide to display it on selected pages only, include the URLs of these pages in the first field under the Targeting tab.

Step 5. View order submissions in a convenient format

You can view order submissions in bulk and individually. To access them, open the Statistics report in your Getsitecontrol dashboard and proceed to ‘Details’.

How to view pre-order form submissions in Getsitecontrol

However, if you’re using 3rd-party software for your business, such as CRM, Google Sheets, or any other app, you can connect it to the form and send submission info to the platform of your choice. To implement that, use the Integrations tab.

3 tips that will encourage your visitors to place pre-orders

It takes a lot of effort to launch a successful pre-order campaign, and the volume of orders will mostly depend on the demand for your product. However, there are some common practices for nudging those customers who are already on your website but hesitant to fill out your pre-order form.

Use minimum fields

Nobody likes long and sophisticated forms. Moreover, every extra field lowers your chances to get that pre-order you’re looking for. So, as a rule of thumb, you want to avoid unnecessary questions and ask the bare minimum, such as contact information, shipping information, and the information about the desired product.

The fewer fields a customer has to fill out, the higher the chances they will complete the form.

Use incentives

Including incentives is a good practice that helps encourage pre-orders. They are especially effective if you want to create hype about a new product on social media. Consider offering swag packs, samples, and other perks to your first buyers.

Use scarcity

If you’re collecting pre-orders for a limited-quantity item, make sure to mention that it’s scarce. The scarcity principle is a proven tactic to get more pre-orders because most people like the idea of owning something exclusively or being among the first to own an item.

Alternatively, you can add a countdown timer showing how much time is left to participate in your pre-order campaign.

Create your pre-order form today

For some businesses, pre-order forms are essential. For others, they are a clever marketing tactic that helps forecast the demand, validate an idea, and create anticipation. When you have to pre-order something, it often makes the item more desirable.

Place a beautiful pre-order form on your website today and start collecting orders. With Getsitecontrol, the process is straightforward even if you are a complete non-techie.

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Request forms section.

Get the print version

Download a PDF version of our use case for easier offline reading and sharing with coworkers.

Download PDF

Best practices

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Request forms section.

Subscribe to get updates

Get beginner-friendly tips for growing your online business.

Join the list →