How to create a custom theme in Zoho Forms?

How to create a custom theme in Zoho Forms?


Zoho Forms lets you customize your themes according to your brand's custom color, design or theme. Updating a custom background with an image or a color theme to make it look more credible to the respondents is possible with Zoho Forms.

Create Custom Forms - Zoho Forms

 

Let's now see how to create a custom theme in your form!

Pre-designed themes

Right after building your form with all the fields required, head to the Themes tab. You will find many pre-designed themes like Plain, Gray, Classic etc., out of which you can choose the one that it fits your need.
Check out the new pre-built themes added!

Pre-built Themes

Want to customize a unique theme for your form? 

Under Themes tab, Click Customize Form. You can set custom fonts, background, effects and more on your form with this option. Let's look at how you can customize the background of your form.

Background Customization 

Under Form Customization > Forms tab, you will see a drop-down field where you can set a custom background for the form.
To set a wallpaper as the background of the form, choose Background > Wallpaper.
You will be able to choose the color, opacity and pattern of your form's wallpaper under this option.

Set a pattern as form background

If you'd like to upload an image as the wallpaper, go to Image under Background Type. Here, you can upload an image or search for a high resolution image from Pixabay.

The recommended formats to upload images are Jpeg, Jpg, PNG, BMP or GIF . You can set the alignment and fit the image to suit your form after uploading it.
 
To include a banner (typically logos) for your form, choose Background > Banner. You can upload the image in Jpeg, Jpg, PNG, BMP, and GIF formats. You can also set the alignment of the image post uploading.

Custom Form Design - Zoho Forms

 

 

Looking to customize your form components too?

Container Customization

Under Form Customization > Form tab > Container in the dropdown, you will find options to alter various features of the form container like Background, Border, Edges, Alignment, Form width, Spacing and Shadow.
You can alter the color,opacity and pattern of the container background, alter the width, style, opacity, and color of the Border and the Edges of the container, and control the alignment at which the containers are present in the form under the Alignment option.
The width of the form, the spacing present in between the containers and Shadow effects if any needed can also be customized as required.

Form Customization

 

Header Customization 

Under Form Customization > Form tab > Header in the dropdown, you will find options to alter various features like Background, Border, Edges, Alignment, Form width, Spacing, and Shadow of the Header.
Additionally, you can upload your company Logo as a header to the form in recommended formats.

Form Body Customization 

Under Form Customization > Form tab > Body in the dropdown, you can alter the features of your form body as per your choice to fit your requirements.

Field Customization 

To customize the fields in your form, go to Form Customization > Form tab > Fields in the dropdown.
Under Field Container, you can customize the Background, Border, Edges and Spacing of a field container. You can change the font of the content in the field container too.

Field Customization

 

You can likewise customize the above mentioned features of the fields too under All Fields option.
If you have separate sections in your form, you can customize the section features such as, Background, Border, Edges, and Spacing of the section.
If you have a Matrix Choice field in your form, you can choose the color, font, style, and size of the questions and answers of the field.
Likewise for a Choice field, you can alter the color, font, style and size of the content present in the field.
You can choose the style of your template (Radio, Checkbox) in a choice field under the Choice style option.
If you have a Rating field in your form, you can edit the style and size of the rating field and customize the border and fill color of both selected and unselected parts of the field.
If you have a Multiple Choice question in your form, you can edit the color, font, style and size of the content in the field.
Learn more about fields and how to choose the right field to fit your needs.


Under Form Customization > Form tab > Footer, you can customize various features of the footer like Background, Border, Edges, Alignment, Form width, Spacing and Shadow.

Let's look into how you can customize your button labels!!
 
Under Form Customization > Button > Width, you can customize the width of your button label.
There are 3 types of buttons i.e., Submit, Save and Review.
You can head into the Submit section to alter the Background, Border, Edges, Font, Alignment, Spacing and Shadow of the Submit button label.

 Submit Button customizatio


If you also have Save and Review buttons in your form, you can alter the above mentioned features under their respective dropdowns.
 
Learn more about how you can change and customize your form buttons.
If you have a subform in your form, you can totally customize it to your liking as well!!!

Subform Container 

Head to the Subform tab, choose Subform > Container from the dropdown to customize the subform.

Subform Fields 

To customize the fields in your Subform, go to Subform tab > Fields in the dropdown. Under Field Container, you can customize the Background, Border, Edges,Spacing, and font of your field container.
You can likewise customize the above mentioned features of the fields under All Fields option.
If you have a choice field in your subform, you can alter the color, font, style and size of the content in the field.
You can choose the style of your template in a choice field under the Choice style option.
If you have a Rating field in your Subform, you can edit the style and size of the rating field and also the border and fill color of both selected and unselected parts of the field.
 If you have a Multiple Choice question in your form, you can edit the color, font, style and size of the content in the field.

Pop-up Subform 

If you have opted to have a Pop-up Subform, then you can edit the features of your pop-up like Background, Borders, Edges and also the font of the content under Pop-up > Cards section.
 
Having a multi-page form?
Long multi-page forms can get boring for your customer to fill out. Customize the look of the pages in your form and make your long multi-page form interesting!
Under Form Customization > Page tab, you can not only customize the pages but also the finer details like the navigation buttons on a page!

Page Customization

Customizing the features of the page header like Background, Border, Edges, Alignment and spacing can be done under the Page > Header option in the dropdown.
If you want to change the font, color, style and size of the content in the Title, you can do so under Page >Title.
The number and color of the footer for the visited and unvisited pages of the form can be customized under Page > Number section.
You can customize the features of the Navigation buttons (Next, Back) like Background, Border, Edges, Font, Alignment, Spacing and Shadow under the Navigation > Button section.
 The change in color of the navigation bar indicating the status of page visit and the spacing of the bar in the page can be customized under the option Navigation > Bar in the dropdown.
 
Amazed by all the customization options available in Zoho Forms? Try it now!

    Access your files securely from anywhere

      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









                                                                                                              • Related Articles

                                                                                                              • Welcome to Zoho Forms!

                                                                                                                Transform the time-consuming “ collect, stack, and enter ” paper form workflow into “ capture, store, and process ” paperless approach with Zoho Forms and simplify data collection. Who is Zoho Forms for? Zoho Forms is for anyone who wants to ...
                                                                                                              • Customizing Themes (Old Theme Builder)

                                                                                                                Table of Contents Form Customizing Form Background Adding a Wallpaper Adding a Banner Customizing Form Elements Container Header Body Fields Dropdown List Footer Customizing Form Buttons Subform Subform Container Subform Fields Pop-up Subform Page ...
                                                                                                              • Tips for creating visually appealing forms

                                                                                                                Table of Contents Overview What details matter the most in a form? Form Title and Description Fields Choice fields Image Choices to market your products Talk to your respondent with dynamic fields Submit button Structuring a long form Section and ...
                                                                                                              • 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, ...
                                                                                                              • How to build interactive forms online?

                                                                                                                What are interactive forms? Interactive forms are the ones which visitors can engage without any difficulty, providing them a user-friendly approach rather than the feel of paperwork. This is essential to make the form filling experience smooth and ...
                                                                                                                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