How To Make Your Website Form Engaging

Most websites will have at least one sign up form to encourage users to make an enquiry, make a booking, subscribe to a newsletter, become a member or to sign up to certain services.

It is not enough to make sure the forms work (although of course this is a must) and hope that they will be completed.   The forms need to engage with the user and encourage them to sign up.

There are various ways in which this can be achieved.

  • Correctly name the link to the sign up form.  ‘Click Here’ isn’t really engaging enough. Try ‘Start Here’, ‘Subscribe’, ‘Register’, ‘Join’, ‘Book Now’,  ‘Enquire Now’.
This form shows a clear link to the Enrolment form.
  • Make sure that the link to the form is as visible and obvious as possible otherwise users to your site may miss it or spend too long trying to find the form and give up. 
  • When a user has clicked the link the expectation is that it will go straight to the form so don’t add any further navigation options. This will only confuse and distract. 
  • The form design must be simple and intuitive.  Provide easy to understand instructions and a description as to what will happen when the form is completed. 
  • Make sure your form’s fields are labelled clearly. This can be easily achieved by making the labels bold.
This is an example of a simple form with clearly labelled fields that are long enough to add in the required information.
  • Don’t make the form too long or complicated. You can always ask for extra non-mandatory information after the form has been completed. Users like to do things quickly and this includes filling out forms. 
  • Make sure it is obvious which fields are compulsory and if text is going to be rejected then say why. For example, for a phone field say that there should be no spaces between numbers. It is better to mention this on the form than have it come up as an error message. Your user could be left thinking ‘Why didn’t they tell me when I was completing the form rather than after I have completed it’. 
  • Most users expect form fields to be vertically aligned as the eye travels naturally moves downwards on forms rather than across. If you have any horizontally aligned fields these may be missed. 
  • If you do need to have a long form then it is a good idea to use a progress indicator so users know how far they have to go before the form is completed. 
  • The form should be designed so it fits in with the overall look and feel of your site and not as if it has been added as an after thought.

If you have any additional form tips we would love to know.

Related

Design & Development
And Now, How to Build the Perfect eCommerce Product Page
Design & Development
How to Build the Perfect eCommerce Product Category Page
Design & Development
How to setup a 301 Permanent Redirect
Design & Development
And Now, How to Build the Perfect eCommerce Product Page
Design & Development
How to Build the Perfect eCommerce Product Category Page
Design & Development
How to setup a 301 Permanent Redirect

Our thoughts

Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate

Like what you see?
Get in touch

"*" indicates required fields

Your personal information will only be used to service your enquiry. We will only contact you with relevant information. For further information view our full Privacy Policy.
This field is for validation purposes and should be left unchanged.

CONTACT

Hi, let's see how
we can help

"*" indicates required fields

Your personal information will only be used to service your enquiry. We will only contact you with relevant information. For further information view our full Privacy Policy.
This field is for validation purposes and should be left unchanged.

MENU

Looking for Apex Digital?

You’re in the right place, we’re now Limelight, the same people and same great work.