How to Add a Widget to Your Form

November 26, 2021

There have always been forms, then there have always been ways to make forms more advanced. The problem is that there was never really a way to mesh the two together very well.

As a result, we’ve created the Jotform Widgets platform to help lessen the workload of creating interactive and dynamic forms. This allows you to do things on your forms that you wouldn’t think of as normally possible. It cuts down your work and makes things a lot easier.

Think of it as a way to expand your forms, making them smarter and better than ever before! You can check our Widget Library of more than 370+ Widgets for your usage. This library gives a much larger, visual, and detailed explanation of all of our Widgets.

So now the question is, “How do I add widgets to my form?”.

  1. On the Form Builder, click the Add Form Element button.
  2. Go to the Widgets tab, then search for the widget you’d like to use.
  3. To add the widget, either click it or drag and drop it to your form.
form-builder-add-widget-take-photo form-builder-add-widget-take-photo-gif

As soon as the widget is placed on your form, you’ll see the Widget Settings panel on the right. The widget settings vary depending on the widget itself. Here you can set up the options and features the widget offers. Once you’re finished, click the green Update Widget button.

And that’s it! The widget is now displayed on my form.

You can see there are three icons if you select the widget:

  • Wand – this will open the Widget Settings panel.
  • Gear – this will open up the Properties panel.
  • Trash – this will delete the widget on your form.

This is how the properties window would look like if you click the gear icon. It is more related to the element’s visual properties and a few other options.

form-builder-take-photo-properties

Feel free to add more and maximize their special features and full potential. Want to customize the look and feel of a widget? Add your own custom CSS to it!

Related guide: How to Inject CSS Codes to Widgets

Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments: