Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Ninja Form widget

How to Use Ninja Form Widget

This documentation is all about the Ninja Form widget by Element Pack. In fact, the widget will allow you to make forms manually. This form widget is a third-party plugin that will meet your all demands as to the web form.

In the documentation below, I’ll show how you can use the Ninja Form widget.

Ninja Form

Step-1: Since Ninja Form is a third-party plugin, you first have to install and activate the plugin.

Therefore, go to Dashboard PluginsAdd New > search plugins (on the right side) > hit on the Install and Activate.

Step-2: Next, go to the Ninja Form Add New.

Adding the Ninja Form widget

The most important thing is that you can create your own drag and drop form using the Blank Form option. As you can see in the screenshot above.

Step-3: Just, go to Element Pack > 3rd Party WidgetsNinja Form> hit the activate button > click on the Save Settings button.

ninjaFormWidget 1 - BdThemes

Ninja Form Widget: A way of presenting web form

The step-by-step instructions and detailed pictures are here to help you get started.

To Insert Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.

Content Tab

The Content Tab having some handy sections will genuinely get you to have a structure of the Ninja Form widget.


In the step-2 under the title Ninja Form, I’ve shown how to make a form using the Ninja Form plugin.

ninjaFormWidget 2 - BdThemes

Simply, go to the Content tab > Layout > Select Form.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.


From this section, you’ll be able to set the label color and typography. Generally, you should go to the Style tab > Label.
See the image example below.

ninjaFormWidget 3 - BdThemes


Mainly, this section will let you style the input field. Mostly, from this section, you might add Background color, Text color, Textarea height, Element Space, and more.

ninjaFormWidget 4 - BdThemes

Simply, follow the flow, Style tab > Input.

Submit Button

ninjaFormWidget 5 - BdThemes

Go to Style Tab> Submit Button.

From this section, you can customize the color, background, border, border-radius, box-shadow, padding of the submit button. Usually, you can do these things in Normal mode and Hover mode as well.

Additional Option

ninjaFormWidget 6 - BdThemes

If you need to have full-width input field of the form, just you’ve to enable the switcher buttons of this section.

Video Assist

In conclusion, it seems that you’ve read this article and found it very useful. If you want to know more about the widget, you can watch the video on Ninja Form Widget by Bdthemes and also go to our demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.