The HT Mega Elementor Ninja Forms widget enables you to display Ninja Form content on your website. To show a form element, you may choose from a variety of layouts.
Steps of adding Ninja Form Widget
Make sure you have installed and activated the Ninja Form plugin.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-search-in-org.png)
Go to WordPress Dashboard > HTMega Addons > Settings > Third Party. From the list of Third Party, turn ON the “Ninja Form” widget.
Step 1: How to Enable Ninja Form Widget?
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-eable.png)
Step 2: How to use the Ninja Form Widget?
Add a new form in ninja form
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-add-new.png)
Select the prebuild forms or create your own
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-choose-form.png)
To add the Ninja Form Widget, search by “Ninja Form” and use the widget that has the “HT badge”
![](https://wphtmega.com/wp-content/uploads/2022/06/ninjaform-search.png)
Drag and drop the HT Mega Ninja Form widget onto the Page Template.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-drag.png)
Step 3: How to customize the Ninja Form Widget?
Ninja Form: You can customize ninja form as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-select.png)
Options: You can customize options as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-options.png)
Step 4: How to customize the Ninja Form Widget Style?
Title: You can customize the style of title as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-title-style.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-title.png)
Description: You can customize the style of description as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-description.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-description.png)
Label: You can customize the style of label as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-label.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-label.png)
Input: You can customize the style of input as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-input.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-input.png)
Textarea: You can customize the style of textarea as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-text-area.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-textarea.png)
Button: You can customize the style of button as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninjaform-button-1024x575.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-button.png)
Error and Success Style: You can customize the error and success style as you need.
![](https://wphtmega.com/wp-content/uploads/2022/06/ninjaform-error-sucess.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-error.png)
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form-content-success.png)
Usage Examples
Here are some live use cases for the Ninja Form widget. Follow this link to see more Demos
![](https://wphtmega.com/wp-content/uploads/2022/06/ninja-form.gif)
Was this helpful?
Good job! Please give your positive feedback
How could we improve this post? Please Help us.