Exatom | Overall Form Structure & Design

Overall form structure & design
Form field identification
One of the requirements for form fields to be recognised by Exatom is that they have one or both of the following HTML attributes: name="your-form-field-name" id="your-form-field-id" This uniquely identifies each field and allow our analytics engine ...
The HTML form element
Forms are more advanced than ever and modern technology does not require the HTML <form> element for your form to be functional. However it's important to add the semantically correct <form> container element to all your forms. One of the reasons is ...
Align your field labels top-left
Aligning labels above fields on the left-hand side decreases form completion time. This is because it requires fewer visual fixations, as you only need to view top-down instead of left-right and then top-down.
Remove 'nice to have' question fields
Every additional field in your form is making you losing you leads, roughly 10% per field. So consider whether each question justifies the incremental loss in leads or opt-ins. Make a clear distinction between 'nice to have' and 'need-to-have' ...
Single-step forms versus multi-step forms
Splitting your forms into two or three steps will almost always increase form completion. There are three reasons why multi-step forms work well: The first impression is less intimidating than a long form with lots of question fields. By asking for ...

Popular Articles
Using Exatom events or signals on your website or CRM
While we provide our Motivational Widgets to make it easier to communicate with visitors on your forms, it might not be that exact moment or format to deliver a message. You might be looking for capturing form specific signals like started or ...
Introduction
When we founded Exatom, we bundled a few decades of experience in digital marketing, development and data science and started to focus on online forms. Because we think that online forms don’t get the attention they need. We have seen so many ...
Setting up an account to manage multiple websites
When you are an agency or consultancy company managing multiple client's websites in the Exatom platform, make sure that the company name in the platform is your own company name and not the client's. In the website section, you can specify the ...
Keyboard shortcuts
To make your life easy, you can use keyboard shortcuts to save some time. Here is the list of shortcuts we applied in our platform: Shortcut key Function Where applicable Shift (press 2 times) Open the website selector. Once opened you can start to ...
Error targeting
Displaying your Smart Tooltip at the right moment with the right message is the key to success. With the error targeting option, you can target specific errors on a form field to tailor the message. For example, we imagine having an account creation ...

Exatom | Overall Form Structure & Design | Help Center