When it comes to building effective, well-designed web forms, we know that you have to start with the basics. Thankfully, FormAssembly’s web form builder is simple and intuitive for users just starting out. With a drag-and-drop interface that doesn’t require code, it’s easy to get started building simple web forms for a variety of use cases. Ready to get started? This tutorial takes you from the ground up so that you can become a form-building expert in no time!
The versatility of web forms
Web forms have endless uses, from the simple to the complex. If you’re thinking of building a website contact form, an online application, or a customer survey, you’re in the right place.
You could learn HTML, CSS, and Javascript and code a web form by hand. The truth, though, is that even web developers prefer to use no-code software to minimize the effort it takes to build and maintain custom forms.
Developers, Salesforce admins, and even non-technical users like FormAssembly’s easy-to-use solution because it comes with many useful and cost-saving features. With FormAssembly, you have access to Salesforce integration, searchable reports, email notifications, reCAPTCHA, security features, and more.
Everyone benefits from easy-to-build FormAssembly forms that don’t require extensive coding knowledge or technical expertise. Let’s build a web form!
Get started with FormAssembly
Step 1. Before you can start building web forms, you’ll need to create a FormAssembly account. If you’re not sure which account is best for your organization, some of our plans offer a 14-day free trial. (If your organization has compliance needs, please reach out to our team for more information and a demo.) You can sign up for a free trial on our website.
Step 2. Log into your account and click “New Form.” You have four options to choose from: Blank Form, Template, Salesforce Import, and Clone Form. For this tutorial, we are going to create a blank form.
Step 3. You’re now in the Form Builder. Click The “Add Content” dropdown menu to view your options. You can either click to add a content type or drag it into your form. Once you have fields in your form, you can drag each field to rearrange.
Step 4. As you learn how to create a web form, you’ll uncover a world of customizable possibilities. Select from a variety of ways to have your question displayed on the form, including text input, checkboxes, radio buttons, drop-down menus, lists, file upload, and more. Customize the text by clicking on “Edit this text.”
Step 5. Repeat step 4 for all the questions you need to ask in your form. If you’re just trying out FormAssembly, you may find it helpful to start with a simple contact form that asks for a name, email address, phone number, and message.
Step 6. Click “Save” and you’re done. Simple forms take just a few minutes to create, and you can grow the complexity of your forms as you learn. Your form is saved, and you can now preview how your form will display on a desktop, tablet, or mobile device.
Step 7. Go live! FormAssembly provides a public address for your form. You can test, share, and use the custom form URL or HTML code by clicking “Publishing” to the left of the Form Builder. You can try it, use it, and share it right away—no hassle required. It just works!
Now that your form is live, you can even use the FormAssembly app to collect data on the go. Whether you’re at an event, conducting research in the field, or running a mobile health clinic, you can access your forms, even when you’re offline.
Start building web forms that convert
Now that you know how to create a web form using a few basic rules, you can build more complex forms, customize the look and feel according to your own branding, embed the form on your own website, check out reports, and so on. Learn more advanced form design best practices for building high-converting web forms in our eBook, 4 Steps to Better Web Forms.
