How to Add a Widget to Your Form

September 15, 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 Widget to my form?

STEP 1: Navigate to BUILD and click the ADD FORM ELEMENT button.

STEP 2: Go to the WIDGETS tab, then search for a specific widget.

STEP 3: To add a widget, either click it or drag and drop it to your form. As soon as the widget is placed on your form, you’ll see the widget wizard on the right.

STEP 4: 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:

1. WAND icon – This will open the widget wizard.

2. GEAR icon – This will open up the properties of that field.

3. TRASH icon – 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 field’s position and other styles.

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: