1. Home
  2. Docs
  3. Happy Elementor Addons Fr...
  4. Widgets
  5. Ninja Forms

Ninja Forms

How to Use Ninja Form Widget in Happy Elementor Addons

You can now display various stylist forms using Ninja Form Widget with Happy Elementor Addons. You can also embed the form to add to the desired page where you want to show. The installation process is pretty much similar to the other. So install Ninja Form to your website now.

Adding Ninja Form Widget:

You can see the below video to get an insight into how you can use the Ninja Form Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

Step 1:

Select Ninja Form Widget from the left sidebar and drag it to the empty area.

01. adding ninja form

Next, select the form you created.

02. Adding ninja form

Step 2:

To design your form you can experience these settings. So select the “Style “. Then click on the “Forms Field” area.

03. Adding ninja form

After clicking on the “Form Fields”, you’ll get more options to stylize your form. Like other sections here you’ll able to edit field spacing, padding, border-radius, typography, field text color, box-border, box-shadow, and background color, etc.

04. Adding ninja form

Step 3:

Next, you’ll get “Form Fields Label“. In this area, you can easily edit your form’s label

05. Adding ninja form

In this area, you can easily edit your form’s label. Now edit the way you want to keep your form. Here you’ll have margin, padding, label typography, label text, required text color, description text color, etc.

06. Adding ninja

Step 4:

After that select the “submit button” to edit the “submit area”.

07. Adding ninja form

Like the other section, you’ll also see the same window for this section. You can change the position of your submit button. Then you’ll have margin, padding, typography, border type, border-radius, box-shadow, text color, and background color, etc.

08 adding ninja form

Step 5:

If you want to add motion effects, happy effects, background or make the page responsive, click on ‘Advanced‘ to explore those options. the ‘Advanced’ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

09. Adding ninja form

After editing your form just hit the”publish” button to make it visible to everyone.

10. adding ninja form

That’s it.

How can we help?