{"id":826,"date":"2025-03-24T14:27:47","date_gmt":"2025-03-24T14:27:47","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/gd-ninja-forms\/"},"modified":"2025-04-03T15:24:07","modified_gmt":"2025-04-03T14:24:07","slug":"gd-ninja-forms","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/gd-ninja-forms\/","title":{"rendered":"GD > Ninja Forms"},"content":{"rendered":"<section class=\"alert alert-success dashed\">\n\t All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/what-makes-geodirectory-widgets-special\/\">Super Duper Widgets<\/a>.<\/section>\n<p>\n\t The <strong>GD &gt; Ninja Forms&nbsp;<\/strong>widget lets you display a Ninja Forms form on the frontend. You need to use the <strong>GD Contact Form <\/strong>or <strong>GD Claims Form <\/strong>templates in Ninja Forms to build the form.&nbsp;<\/p>\n<p>Read more about Ninja Forms integration with GeoDirectory.&nbsp;<\/p>\n<section class=\"alert alert-info\">\n\t In order to use this widget, you need to have the Ninja Forms WP plugin&nbsp;installed and activated.<\/section>\n<h2>Widget Options<\/h2>\n<ul>\n<li><strong>Form<\/strong> <strong>&#8211;<\/strong> Select the Ninja Forms form to be used with the widget.&nbsp;<\/li>\n<li><strong>Text &#8211; <\/strong>The text to be displayed on the frontend.&nbsp;<\/li>\n<li><strong>Post Contact Form (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>If checked, the form will be shown only when the <strong>email <\/strong>field is filled.&nbsp;<\/li>\n<li><strong>Output Type (<a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-features\/hidden-advanced-settings\/\">A<\/a>) &#8211; <\/strong>You may choose to output the form as a standard form, or as a button or link that opens a Lightbox popup with the form.&nbsp;<\/li>\n<li><strong style=\"background-color: initial;\">Show\/Hide Options &#8211; <\/strong>Choose where the widget should be shown. You can choose to display it:&nbsp;\n<ul>\n<li>Everywhere,&nbsp;<\/li>\n<li>Only on GeoDirectory pages,&nbsp;<\/li>\n<li>Only on specific pages,&nbsp;<\/li>\n<li>Everywhere on the site, excluding certain specific pages.<\/li>\n<\/ul>\n<\/li>\n<li><strong style=\"background-color: initial;\">GD Pages &#8211; <\/strong>You may choose the pages that should be included or excluded when displaying the widget.&nbsp;<\/li>\n<\/ul>\n<h2>Example Output<\/h2>\n<p>\n\t The widget outputs a button (or a simple link) depending on the <strong>Output Type <\/strong>that you have chosen. Here is the button output:&nbsp;<\/p>\n<p><img width=\"126\" height=\"71\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-cMvEwXQiDI.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/p>\n<p>After clicking the button or link, a Lightbox popup appears with a form that the user can fill and submit.&nbsp;<\/p>\n<p><img width=\"920\" height=\"538\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-0kD10q1Ysi.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-0kD10q1Ysi.png 1002w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-0kD10q1Ysi-300x175.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-0kD10q1Ysi-768x449.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>Alternatively, here is the simple form output (no Lightbox):&nbsp;<\/p>\n<p><img width=\"340\" height=\"848\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JBYm8MyOcv.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JBYm8MyOcv.png 340w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JBYm8MyOcv-120x300.png 120w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our Super Duper Widgets. The GD &gt; Ninja Forms&nbsp;widget lets you display a Ninja Forms form on the frontend. You need to use the GD Contact Form or GD Claims Form templates in Ninja Forms to build the form.&nbsp; Read more about Ninja Forms [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[571,617],"article\/categories":[213,422],"class_list":["post-826","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-core-widgets","gd_place_tags-ninja-forms","gd_placecategory-extensions-features","gd_placecategory-core-widgets"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=826"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/826\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=826"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=826"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}