Understand widgets | Zoho Creator Help

Understand widgets

This help page is for users in Creator 6. If you are in the older version (Creator 5), click here. Know your Creator version.
Widgets are used to extend the capabilities of your Zoho Creator application so that you could perform tasks that could not be accomplished using the in-built features. It equips you with additional features to enhance the front-end capabilities of your app.

Widget capabilities

Widgets enable you to:

  • Create and customize features that are specific to your app
  • Redefine the way your application interacts with your customers
  • Take complete control of the front-end design
  • Incorporate third party apps that cater to your Creator app

Create and customize features

There are many features in Zoho Creator that helps you bring your application together. However, there can arise instances where you are unable to find the exact solution to a requirement. Widgets can help you resolve such minor setbacks. You can create a feature, configure it as a widget, and add it to your page to attain the kind of usability you are looking for.

Let's assume you are an automobile dealer and have an application dashboard for your monthly sales related data. This dashboard has details of the number of vehicles sold, a comparison of the previous month's sales, a ranking of the models sold, the sales teams' individual performance scores, and a customer feedback form. You would need to display a form that is of feedback matrix type. You can configure the form as a widget in your page. Using Java Script, CSS, and HTML, you can create this form, upload it to Creator, and introduce it into the required page as a widget. You can use Creator API to add, update, edit, and delete records from this report.

Redefine app interface

Widgets boost your control over the front-end design of your application. You will be able to completely redesign your app to suit your requirements and to mirror the uniqueness of your brand. This gives you a mechanism that changes the way your app interacts with your customers.

Let's assume you have your application's landing page designed using pages. But if you want to explore more options to design your interface, widgets can assist you with it. If you have a long form in your application, presenting it in a single page might be to tedious for the user. You can create a progressive form that groups form fields into sections and displays them one after the other is a linear manner using Java Script, CSS, and HTML. Then, upload it as a widget in Creator, and drag and drop it into your page. Your custom page is made available in your application. 

Incorporate third party apps

Third party apps that cater to your Creator app's requirements can be incorporated into your pages as widgets. Let's assume you have an application for the Online Courses that you offer. The app has registration details, contact details, course details, and webinar schedules. You page contains course details, registration form, and upcoming webinars. If you have a registered user logged in, you need to display a timer to count down to the start of the relevant webinar. You can incorporate this timer from a third party service or third party javascript plugins into your Creator application as a widget.

Points to remember

  • The widgets with JS APIs will not work on the published pages.
  • The widget ZIP folder contains the widget.html file inside the App folder by default. This is the index file i.e., this file will be incorporated as the widget in your page.
  • If you've created another folder inside the App folder and moved the widget.html file inside the new folder, then you need to specify the index file name in the following format:
    /<folder-name>/<filename>.html

Limitations

  1. You can create up to 50 widgets in your Zoho account.
  2. For internal hosting,
    1. the maximum size of the widget ZIP file must not exceed 10 MB.
    2. the number of files inside the widget ZIP file must not exceed 250.
    3. the maximum size of a file inside the widget ZIP file must not exceed 5 MB.
  3. The widget ZIP file name must not exceed 100 characters and can contain alphanumerics (A-Z, a-z, 0-9), _, \, $, ., -.
  4. The file names inside the widget ZIP file must not exceed 50 characters and can contain alphanumerics (A-Z, a-z, 0-9), _, ., $, -.
  5. The folder name inside the widget ZIP file can contain alphanumerics (A-Z, a-z, 0-9), _, $, -.
  6. File types supported include .txt, .md, .XML, .dre, .jpg, .jpeg, .png, .gif, .css, .js, .HTML, .json, .mp3, .svg, .woff, .ttf, .eot, .otf, .woff2, .webm, .mp4.

    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





                        Still can't find what you're looking for?

                        Write to us:  support@zohoforms.com


                              



                            



                          Manage your brands on social media




                              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

                                                                                          • Use Widgets to Track Live Location

                                                                                            Requirement Share the live location of a device and display it on a map that can be accessed from anywhere for tracking purposes. Use Case When an ambulance is on the run, it needs to reach the nearest hospital on time. To avoid any traffic, the ...
                                                                                          • Understand ‌navigateParentURL() method

                                                                                            This method is applicable to widgets. Widgets are used to extend the capabilities of your Zoho Creator application, helping you perform tasks that couldn't be accomplished using the built-in features, as well as enhance the front-end capabilities of ...
                                                                                          • Use widgets to create an online mobile store

                                                                                            Requirement Display a card layout with each card containing mobile details like an image, company, model, and features. Any third party languages can also be used, provided the required dependencies like packages, CDN URLs etc. are included. Users ...
                                                                                          • Understand pages

                                                                                            As an application user, when you have collected enough data using multiple forms, you go for insights, using the Reports component. Now, the primary rationale of collecting such vast amounts of data and generating reports is to measure, monitor and ...
                                                                                          • Understand portal

                                                                                            This help page is for users in Creator 6. If you are in the older version (Creator 5), click here. Know your Creator version. A Portal is a great way for an organization to allow its external users to log in to their dedicated internal system 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