At Getsitecontrol, we’ve developed an easy-to-use website form builder to help you collect email addresses, conduct surveys, and receive feedback from your audience.
Even if you have zero technical skills, you’ll be able to easily create website forms like these:
The entire process will take you less than half an hour. And the best part? You can easily customize the appearance of the form and set it to be displayed to a certain segment of website visitors.
Here is just a couple of website form examples you’ll be able to create:
- 📧 Email subscription form
- 📝 Custom feedback form
- 👋 Floating contact button
- 📣 Website survey or poll
- 🛒 Custom online order form
- 🔶 And more!
Sounds like something you’ve been looking for? Then keep reading.
In this post, we’ll show you how to create a website form using Getsitecontrol, how to display it at the right moment, and how to track its performance over time.
Let’s start with a walkthrough of the form creation process, and then jump to customization tips.
How to create a website form in Getsitecontrol
With Getsitecontrol, you can create any form from scratch, but it’s way faster to select a template and tailor it to your needs. Here is how to do it.
Step 1. Pick a template from the gallery
To view the templates, you don’t need to create an account or log in. Just visit the template gallery on the Gesitecontrol website. The gallery has a dedicated section housing email subscription and feedback forms, however, you can also navigate to the ‘Use cases’ category and search for more specific examples.
The templates vary by their purpose and position on the page: you’ll be able to choose among modal popups, slide-ins, sidebars, floating bars, and tabs.
Step 2. Add the template to your dashboard
To see each template in action, you need to click it. Once you find the one that aligns with your goals, follow the prompts to add it to your Getsitecontrol dashboard.
Once you hit the
Take this template button, you’ll be prompted to sign up (or sign in if you’ve created an account already), and the template will automatically open in your dashboard.
Step 3. Adjust the form to your needs
Once you’re in, you’ll be able to customize the form, create an email follow-up for those who fill it out, and integrate it with 3rd -party software.
Let’s see how it’s done.
Adjust the copy and fields
The first thing you might want to do is change the title and description of the form. To do that, click the piece of text you want to edit and type your copy.
At the next step, you need to decide if you want to change the form fields in any way. For example, to edit or remove an existing field, all you need is to click it and proceed with changes.
To create a new field, hit
+ Add field and select the desired format: text field, dropdown menu, checkbox, radio button, email capture field, or star rating scale.
After selecting the field format, you’ll be able to fine-tune the details: edit the question, adjust or remove default response options, and make the question required or optional.
When you’re done, switch to
Page 2 to work on your submission success message. It’s a short note displayed right after a user fills out the form.
Depending on the nature of your form, you can use this message to thank your respondents for participating, let them know what happens next, or provide a discount code for their next purchase.
Adjust the form appearance
When you create a website form, you want it to match the look and feel of your website. That’s easy! For starters, click the image and replace it with your own creative or one of the stock photos from the built-in gallery.
You can also remove the image entirely if you want to.
Next, open the
Theme menu and adjust the font, color theme, and form style to align it with the style of your website.
💡 If you’re familiar with CSS, you can use the built-in CSS editor to fine-tune the details.
Decide when and where the form should appear
Now that your form is ready, it’s time to decide where and when it should appear on your website. This part will heavily depend on the type of form you’re creating.
You may want an email signup form to pop up some time after a visitor lands on your website. However, if it’s a survey, you may want to display it after some type of interaction.
At the same time, if you’ve selected to create a contact form or an order form, it should be always accessible to your visitors.
To implement any of these scenarios, you’ll need to use controls located in the
Most fields on this page should be self-explanatory. Their purpose is to help you quickly define when the form should appear on your website, and who should see it. Let’s have a quick look at what they mean.
Display widget on allows you to select website pages where the form should or shouldn’t be displayed. If you leave the default settings, the form will be displayed site-wide.
Display widget if contains a set of rules to define the type of visitors who should see the form. This control comes in handy if you want to target people from certain locations, people using certain devices, first-time visitors, and so on.
Start displaying widget controls let you define whether the form should appear as soon as a visitor lands on the webpage, after some time, or right before they exit.
Hide widget options are typically irrelevant for website forms. They let you choose when a popup should disappear from the page. You may want to use these settings for announcement bars and notifications.
Stop displaying widget is a set of rules defining whether the form should be displayed repeatedly to the same visitor or not. For instance, if it’s an email signup form or a survey, you want to stop displaying it after a visitor fills it out or declines it.
Create a follow-up email for respondents
When you create a website form that contains an email capture field, it’s a good practice to send an automatic response indicating that you’ve received the submission. To do that, switch to the
Notifications tab, enable the autoresponder feature, and type your message:
Whether you’re building a contact form, a survey, or an order form, an autoresponder is an easy way to get the conversation going. Plus, you can use this feature to deliver lead magnets, promote your products, or encourage further actions.
💡 If you want to get notified each time someone fills out the form, enable email notifications by checking the box at the top of the screen.
View your website form submissions
Once your website form starts receiving submissions, you’ll be able to access them via the
Statistics report located right in your Getsitecontrol dashboard. The report shows you how many times the form has been seen by website visitors, what its submission rate is, how many times visitors chose to decline it, and of course, the actual responses.
You can also integrate the form with the 3rd-party software you’re using for your business, such as email marketing platforms, Google Sheets, Hubspot, and apps from the Zapier library. To proceed, use the dropdown menu under the
Getsitecontrol is a versatile website form builder that can help you boost user engagement, collect valuable insights, and generate leads. With its customization capabilities, you’ll be able to create any kind of website form and tailor it to your marketing needs.
The best part? You won’t need any coding knowledge to create, modify, maintain, or even split-test forms on your website. Register an account today and see it for yourself.
Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.
You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Collect feedback section.
Sign up now
Get beginner-friendly tips for growing your online business.Get started today →
Subscribe to get updates
Get beginner-friendly tips for growing your online business.Join the list →