Hey there, WordPress enthusiasts! Are you looking to boost interactions on your site? You’re in the right place. When you add a WordPress contact form to your site, it’s like opening a direct line between you and your visitors—it’s a win-win. Whether you’re a blogger sharing your thoughts or a business showcasing your fabulous products, let me walk you through how to sprinkle some Ninja Forms magic onto your site!
Choosing the right form for your needs.
Ninja Form provides a ready-to-use contact form. If it aligns with your needs—great, implement it as is! For those looking to add a personal touch, a myriad of tools are available at your disposal within your WordPress dashboard, enabling you to modify and tailor your forms with ease.
Outside the builder, you have a bunch of resources to help not only add a form to WordPress but also guide you in getting the most from your forms. Want a full walk-through for making your own WordPress contact form? Newsletter signup form?
Want to make your form more visible and aesthetically appealing? Ways to entice more people to fill out your form? Check out our Ninja Forms blog for all the advice you could need!
How to add a WordPress form anywhere.
Once you have your form ready to go, you have three simple options to add a WordPress form to any page you choose, anywhere you choose.
Option 1: Shortcode:
Close the builder, save those changes, and pop over to ‘Forms > All Forms’ on your dashboard. Grab that shortcode and paste it onto your chosen page. Your form will appear right where you place it—it’s like magic!
Option 2: Append a Ninja Form box:
Navigate to ‘Pages>[selected page]’ on your dashboard, open the page, and voila! You’ll see an “Append a Ninja Forms” box on the right-hand sidebar. Select your form from the dropdown, and it’ll snugly fit right at the bottom of your page.
Option 3: Block Method:
Inside your page or post, hit the ‘Block Inserter’ icon and search for ‘Ninja Forms.’ Select it, choose your form from the dropdown, preview, update, and you’re all set to gather the goodies of customer feedback!
Conclusion
Adding a form to your WordPress site with Ninja Forms is a breeze and a half! It’s all about creating those golden opportunities for interaction and piling up precious feedback. By sprucing up your form’s visibility and design, you draw in more visitors and spark up some great conversations!
Let’s Chat! 🗨️
Do you have any cool stories or extra nuggets of wisdom about adding forms to WordPress? Drop them in the comments below! Found this guide handy-dandy? Spread the love and share it around!
illuminatus says:
So the ninja_forms_display_form() function is not available anymore?!
Quay Morgan says:
I pitched this question directly to our development team and am pasting their response:
ninja_forms_display_form( 4 ) should still work, although the best way to do it is: Ninja_Forms()->display( 4 );
Hope that helps!
Cheers,
Quay
Kristie says:
Can you only put the same shortcode once in a post? I’m trying to put it in twice (bottom and top of the post) and the second one isn’t rendering. :/
Quay Morgan says:
Kristie,
Yes unfortunately, you can only append a form to a page once. If you want the same form to appear twice, I’d recommend duplicating the form and using the shortcode from the duplicated form as your copy.
Cheers,
Quay
Charlie says:
Does the short code work when I want to hyperlink the form to some text? For example, if someone were to click on the text Holiday Schedule 2017, I would want it to open the form I created with all of the dates. I can’t seem to figure out how to do that – when I paste the short code in as the hyperlink, it doesn’t seem to work.
Quay Morgan says:
Charlie,
The shortcode won’t do you any good as a part of a hyperlink, sorry. I’d recommend placing the form on its own page and linking to that page instead 🙂
Cheers,
Quay
patrick Lam says:
im using ninja forms. one of the box i’m doing is for a date, which offers a calendar pop up. however, this calendar only provide option of 10 years above and below the current date. is there an option to increase that. ie, for today, nov 7, 2017, the calendar pop up only gives me option of year 2007 to 2027. if i wanted a date from 1989, i would have to enter it manually. thank you
Quay Morgan says:
Patrick,
Hey! In the Datepicker field, expand the Advanced options. You can set the range a user can enter there.
On the front end, a user can click the Month to open a list of months, and the year to open a list of years within the range you’ve specified.
Hope that helps!
Cheers,
Quay
Tina Knoch says:
I use the contact form but do not get the e-mail request sended with the form. Do I have to change the {system:admin_email}? And how?
Quay Morgan says:
Tina,
Hey! Check out this article series on troubleshooting email: https://ninjaforms.com/troubleshooting-ninja-forms-email-part1/
There could be a number of reasons why your email doesn’t send, and that will walk you through many of them. You’re more than welcome to drop a ticket into our support channel as well!
Cheers,
Quay
Edgar says:
If I did not get a paid membership, can I only use ninjaforms in one wordpress website? (i.e. the wordpress sites are linked under one account)
James Laws says:
Edgar, the free Ninja Forms core plugin can be installed on as many sites as you like with no restrictions.
Miguel Carepa says:
Hi. It’s possible to use something like Ninja_Forms() -> display(id) function but instead of the ID use the form key to select the form?
Quay Morgan says:
Miguel,
Hey! Possible, yes… but it would require custom modification to make it work. Here’s a link to our developer resources to help out if you want to give it a go: http://developer.ninjaforms.com/codex/
Cheers,
Quay
Jesse says:
Is there a shortcode attribute to reference a form by name rather than id? After exporting a form on dev site and importing on production, the id is not the same, so other places where the shortcode is used (eg. imported pages, widgets and popups) have to be updated with new id’s.
Quay Morgan says:
Jesse,
Right now no, I’m sorry. There’s no other native way outside of the form id. This is a pain point that’s on our dev team’s radar, and they do have some ideas on how to alleviate it, but it’s more than likely a ways off right now.
Regards,
Quay
Rayan says:
is there any way to show the user the data after submission of the form?
e.g. I made a form with 2 textFields Name & mobile Number. When the user press the submit button. I want to show this info i.e His Name & mobile Number e.g. “Thank you. You have submitted Name: xyz & Mobile Number 123”.
Quay Morgan says:
Rayan,
Yes! You’re looking for merge tags: https://ninjaforms.com/docs/merge-tags/
Those can be used to pull in form field data like name, number, etc to the Success Message, an email, just about wherever!
Cheers,
Quay
Eddie says:
Is there any attribute to hide form title using shortcode?
Quay Morgan says:
Eddie- hey! No, but you can turn the form title off from within the form itself. Open your form, click on the Advanced tab, then Display Settings, and you’ll se a toggle for Display Form Title. Flip it so that it’s not green, and you’re set!
Cheers,
Quay
Hanan says:
Hi!
I`m using Ninja forms for a university website, I`ve created a contact form and insert it in all the pages in need to it, but I would like to know how do I insert specific information which allows me to know from which page the form was sent.
Like when the form is opening from the (Communication Department for example ) the text area starts with the line :(Communication Department )
and when it`s opening from another page (Engineering department) the text area it starts with a placeholder (Engineering Department )
Curtis Brownlee says:
Greetings,
I’m brainstorming this and believe that you could use the Conditional Logic add-on to have it show the proper text field. You could add a Hidden field to your form and set the Default Value to “{wp:post_url}” to get the URL of the page. Over in Conditional Logic, you could have it check for certain wording within the Hidden field, show the correct Text field and hide the other ones. I hope that this helps to guide you in the right direction.
Best Regards,
Curtis
Strony says:
Thanks. I chose Ninja Forms and I have no regrets. Everyone will find settings for themselves. Very easy to use, well-designed UX dashboard. Currently, the best solution on the market.
Strony internetowe Rzeszów says:
Well written! 😉
Chris says:
Hi,
I looked into the documentation, but I couldn’t find smth about use the form with the form key. The problem is that the ID is not unique. When I import a form which had id=2, after importing it has a diferent id. So we need a name/form key (which already exists to call the shortcode by name/form key inside of PHP code. This topic is now 4 years old, what will be the solution here?
Cheers
Chris
Shaylee Hansen says:
Hello Chris,
Please reach out to our customer support team for further support on this matter: https://ninjaforms.com/contact/
Rosalito says:
But I want to add a Ninja Form via HTML Embed – to put it in a place that WordPress doesn’t normally support. Is there a way to have an HTML embed version of the ninja form? I want to insert it from a custom script I have.
Dana T says:
Can ninja forms be added to a salesforce experience cloud site?
Shaylee Hansen says:
Hello Dana T,
Ninja Forms cannot be added to the Salesforce experience. You can, however, connect your WordPress site to Salesforce using the Ninja Forms Salesforce add-on. Easily map any form field to any Salesforce object or field. Get the add-on on its own or FREE with the Agency membership.
Raju Baitha says:
Wow this information is help us further my business.