Align Your Form Fields

When you first drag a form field element on to your screen, it will take up a full line of text. In order to align form field elements next to each other, choose to “Align 1/2” or “Align 1/3.” This simple trick can make it easier for your end-user to read your form.

Use Placeholder Text

Just about every form field element can be tagged with placeholder text – that grey text that gives you an example of what will fill the form field. We recommend using it whenever possible, or at least at your discretion. Placeholder text can take away any doubt that your end-users might have had about what was asked of them.

Validate Everything You Can

Validations can ensure that the correct type of information is being submitted into a form field. For example, a form field validated as an “email” form field will only accept information that fits the email syntax someone@somewhere.something. Validate all the emails, currencies, numbers, social security numbers, telephone numbers that you can find – this will ensure that your end user will understand exactly what is needed.

Prepopulate Form Fields

Whenever you have the opportunity to reduce the amount of time your end user will spend on the form, take it! Prepopulating form fields can save your end user tons of time, ensures that the correct information is being submitted, and makes you look like a workflow pro.

Alternate Language Support

Will your form reach people of different backgrounds, who would do best if they could read it in translation? Take advantage of Alternate Text to create language options for your end users.

Custom CSS (Style your Form!)

You can do a lot in your Form Builder to style your forms, but sometimes what you really want is to give your form a CSS makeover. We recommend styling at least the first stage in your workflow, to be easy on the eyes of your end-user. You upload CSS files (we sometimes refer to them as our “Style Files”) in the Workflow Builder, at the Stage Level. To help you out, you can download some of our TAP Style Files from the Gold Standard Templates, found here.

Read more about CSS here

Segment Your Forms

Some of your web forms might be quite long, and scrolling through them can be tiresome for your end user. To segment your form into manageable pages, use the Form Wizard. The Form Wizard, found in Form Access, will make each section its own page that your end user can click to and from.

Required Fields

This tip is pretty simple. For all those fields in your form that you need your end user to fill out, use “Required Fields.” These can put your end user at ease – everyone knows what that red asterisk means. And if they don’t, they will soon!

Customize Your “Thank You” Pages

After your end user submits a web form, a pop-up will appear. The pop-up is an opportunity to thank the end user for filling out the form and assure that their requests will be dealt with quickly. Customize this pop-up! Thank them by name using Form Result Values, and center the text with your logo at the top. If you’re feeling fancy, add a GIF. Here’s a CSS template you can try.

Jazz Up Your Notifications

Your notifications are automatically styled with your company’s logo, but you can further customize them with inline CSS and HTML. You can also easily pull in information from the web form – addressing the recipient by name and explaining the kinds of steps they need to take.