Themes - Tips for creating visually appealing forms | Zoho Forms

Tips for creating visually appealing forms

Overview

From booking a room to scheduling an appointment., we all use different forms in our day-to-day lives on websites. Some forms can look simple to submit, while others may appear to be time-consuming. So, what is it that makes similar forms seem so different? The answer could be the design, style and the structuring of a form that significantly influences how customers perceive an organization. Not only does this give a positive impression of your brand but can also effectively save your company the marketing costs associated with running paid lead generation campaigns.

Let's look at a simple order form in two designs.
A simple design 

Simple Design

A simple yet beautiful design
     
  Beautiful form with custom theme

So what differences do you find between the two?
  1. The first form does not tell you what order form it is. The second one clearly tells you that its a form to order plants from its background.
  2. The first form does not use any strategies to market your product, while the second one clearly does the job with the form description.
  3. The CTA in the first form, Submit sounds very formal, while the second form interacts with the respondents about the actual action they will perform on hitting the button, getting a plant!

What details matter the most in a form?

Form Title and Description

The Form Title and a Description are often the best ways to introduce and market your brand. A one-liner in the description can be your first step towards conversions. The purpose of your form needs to be conveyed here as the probability that your respondents will read the form description is more over any other instructions/description you include in the form. Make sure to have an apt and concise description and watch the difference!

Form Title and Description

There's something more you can add to the header of your form. Your brand logo! A logo is the face of your brand, so build your brand identity by including your logo, trademark colors, patterns, and fonts in your forms. Learn about adding a logo in your form.

Zylker logo on the form

Fields 

Of course, fields make the body of your form, but knowing how much to ask is the key. It is important that you respect your customers' right to privacy and just ask for what is required.  For instance, simply removing an irrelevant Address field from a room reservation form can work wonders in the number of submissions you receive. Asking for unnecessary details not only makes your form longer, but also increases the likelihood that your customers will abandon your form.

Necessary field    Remove unnecessary fields

If the fields are really important, go ahead and mark them as mandatory so a respondent doesn't miss filling them out. Choose your form colors carefully when you have mandatory fields since lack of colour and contrast can get quite frustrating, particularly when fields are marked as mandatory yet are not visible to the user. Remember, the colors you pick greatly impact a person's first impression with your form. It may require some experimenting to get that right combo of colours for your form to bring more attention to the crucial components without cluttering your form.

Did you spot the mandatory fields in the first go?
Color contrast to spot the mandatory fields

Check out how to choose the right fields for your form.

Choice fields

Choice-based fields are almost unavoidable in any form. Why not make it easier and more appealing to your customers' eyes?
You can choose the color, font, style, and font size of the questions and answers of the field. But what if you have a plethora of options to include in your Dropdown field. It is challenging for you to create a field with more than a dozen answers, and it is also unpleasant for respondents to scroll through the entire list to find the option they need. Not to worry! We have a solution both for you and your respondents.

For you:
  1. You can group your choices for visual differentiation between groups. 

    Group Choices
  2. You can add choices in bulk if you already have the list of options ready instead of typing them in under the Dropdown field. Check out an example on adding long list of options in a Dropdown.

    Add choices in bulk

  3. You can also copy the choices of a group that can be used to create multiple groups with similar choices in your form.

    Copy choices

  4. You can also use Field Rules to work with the grouped choices to display only the fields relevant to the respondent based on the group selected.

    Using Grouped Choices in Field Rules
For your respondents:

Instead of making it challenging for your respondents to identify the one option they are looking for in your list, provide them with a space to type and search for the choice, narrowing the options. Learn more about providing this searchable list in Dropdown.

Searchable Dropdown

Image Choices to market your products 

Want to showcase or market your products? Use the actual images of your products so that your customers know what they are buying. Remember a picture is worth a thousand words!

Choices without images     Choices with images
Having a room reservation form? Again, images will provide your respondents with the actual view of the room that they choose to stay at.
Room images with Image Choices field

Talk to your respondent with dynamic fields

Dynamic field labels

Talking to your customers while they fill your form is more likely to give them a friendly experience. Personalize the field names for each customer with our dynamic field labels. Just include the field input of one field (say, Name ) into the field label of another field using the Rich Text option. Check out more about building interactive forms.

Submit button

Submit may sound generic and boring. What if you look for a more suitable CTA, such as Register, Continue, Apply, Book Now, Sign me up, or Go! Focus on words that can interact with your customers better - Reserve my seat could get you better clicks over Reserve a seat / Reserve your seat . Adding a simple Now ( Register Now ) can create a sense of urgency in respondents to hit that submit button. You may even add a little flair by giving the button a color that reminds respondents of your brand! Ensure the font size is good enough to attract attention to the CTA but not too big that it dominates the rest of your form.

CTA


Custom Forms - Zoho Forms   Custom Forms Online - Zoho Forms

Not just the Submit button, you can even make the Review button, Save button, and the navigation buttons on form pages more meaningful. Learn more about changing and customizing your form buttons.


Structuring a long form 

We understand that not all forms can be concise. Sometimes, you require a lot of information that makes your form lengthy. This could make your form look unorganized resulting in a drop in the response rate as your respondents may find the form filling experience to be cumbersome. 
We have solutions for your long form too! Here are a few tips to get all the required information while still keeping the form easy.

Section and Page Break fields

Firstly, organize and group your form to contain relevant fields or questions. Then, using the Page Break field in Zoho Forms, split these sections into separate pages and provide a clean form filling experience to your respondents. With multi-page forms, you can let your users navigate through the form with ease and give them the illusion of a short form! 
Multi-page forms

You can even customize the look and feel of the navigation to your liking. Learn more about customizing the pages in your form.

Field Rules

There's still a way to shorten your form - Field Rules! You can choose to show or hide certain form fields to your respondents based on their input. This way, you can let your respondents view only the fields relevant to them while they fill out your form and customize the form filling experience while making the form appear concise and reducing the time it takes to finish your form.

Conditional Logic Form Builder - Zoho Forms

Check out some of the best design practices for high-converting lead generation forms.

Switch to Dropdown from Radio

Providing your respondents with several choices is a smart way to let them learn the various options you have, but picking the right choice field to display the options is what can provide a delightful form-filling experience.
For instance, let's take a simple Course registration form with a list of courses that a respondent can choose from.

Choices with Radio field

Choices with Radio field occupy more space on long forms.


Choices with Dropdown field

Providing a dropdown of the same options visibly decreases the amount of space utilised in a form.

Wait, have you already put the list as a Radio field? That's alright, you don't have to remove and re-create the field. You can still change your Radio field to a Dropdown in just a click!

Switch to Dropdown

Don't have time to customize your form?

Sometimes, time is a luxury that you can't really afford to customize the form to your desire before sharing it and nurturing leads.
With Zoho Forms' pre-built themes, you can still create beautiful forms in a matter of seconds.

Pre-built Themes

Here are a couple of sample forms built using our pre-defined themes!

Pre-built theme example 1


Pre-built theme example 2

And that's not it. You can preview how the theme will look on your desktop, tablet, and mobile!
Preview form


    Zoho CRM Training Programs

    Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

    Zoho CRM Training
      Redefine the way you work
      with Zoho Workplace

        Zoho DataPrep Personalized Demo

        If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

        Zoho CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now


            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION








                                You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                    Manage your brands on social media

                                      Zoho Desk Resources

                                      • Desk Community Learning Series


                                      • Digest


                                      • Functions


                                      • Meetups


                                      • Kbase


                                      • Resources


                                      • Glossary


                                      • Desk Marketplace


                                      • MVP Corner


                                      • Word of the Day


                                        Zoho Marketing Automation

                                          Zoho Sheet Resources

                                           

                                              Zoho Forms Resources


                                                Secure your business
                                                communication with Zoho Mail


                                                Mail on the move with
                                                Zoho Mail mobile application

                                                  Stay on top of your schedule
                                                  at all times


                                                  Carry your calendar with you
                                                  Anytime, anywhere




                                                        Zoho Sign Resources

                                                          Sign, Paperless!

                                                          Sign and send business documents on the go!

                                                          Get Started Now




                                                                  Zoho TeamInbox Resources



                                                                          Zoho DataPrep Resources



                                                                            Zoho DataPrep Demo

                                                                            Get a personalized demo or POC

                                                                            REGISTER NOW


                                                                              Design. Discuss. Deliver.

                                                                              Create visually engaging stories with Zoho Show.

                                                                              Get Started Now







                                                                                            You are currently viewing the help articles of Sprints 1.0. If you are a user of 2.0, please refer here.

                                                                                            You are currently viewing the help articles of Sprints 2.0. If you are a user of 1.0, please refer here.



                                                                                                  • Related Articles

                                                                                                  • Themes Gallery

                                                                                                    Table of contents Applying a Theme From Themes Gallery Creating New Theme Under My Themes Gallery Publishing Themes to your Org Users Using the Org Themes The Themes Gallery consists of certain pre-designed themes that you can instantly apply to your ...
                                                                                                  • Overview

                                                                                                    Beautiful forms can make a great difference in the number of entries you receive. The Theme Editor in Zoho Forms allows you to polish your forms with minimal effort. You can customize your form and play around with custom backgrounds, fonts, effects, ...
                                                                                                  • Welcome to Zoho Forms!

                                                                                                    Every business, big or small, needs to scoop up data at some point. Data helps businesses understand their customers, and figure out what's working and what's not. It's like having a map to guide you through the business journey. Transform the ...
                                                                                                  • Creating your first web form in Zoho Forms

                                                                                                    This walkthrough is to help you get started with creating a form using Zoho Forms. Follow the simple step-by-step instructions given below to build forms that perfectly match your requirements. Creating a new account To build a form using Zoho Forms, ...
                                                                                                  • Creating custom PDF Template

                                                                                                    Table of contents Creating your template from the scratch PDF Layout Elements Text Image Horizontal Line Vertical Line Table Summary Table Header and Footer Fields Matrix Choice Image Upload Image Choices Subform My Templates Using the Pre-populated ...
                                                                                                    Wherever you are is as good as
                                                                                                    your workplace

                                                                                                      Resources

                                                                                                      Videos

                                                                                                      Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                      eBooks

                                                                                                      Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                      Webinars

                                                                                                      Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                      CRM Tips

                                                                                                      Make the most of Zoho CRM with these useful tips.



                                                                                                        Zoho Show Resources