Home > Ninjodo > Forms > Embed Ninjodo Forms

Embed Ninjodo Forms

Here's how to embed your Ninjodo forms into your website or landing page:

STEP 1

Paste the whole block of code below into your website where you want the form to show up e.g. your "Contact Us" page.


<script type="text/javascript" src="https://go.ninjodo.com/js/dp.widget.js"></script>

<script type="text/javascript">
DPWidgetForms({"key":"PASTE FORM KEY HERE",
"container":"#enquiryForm",
"css":"1",
"thanks_page":""
});
</script>
<div id="enquiryForm"></div>


STEP 2

From your Ninjodo Admin Panel > Forms, click on "View Live" on the form you want to embed. This will open the live form in a new tab.

 

When you're in the Live Form Preview, you can also view the live form by clicking on the "View Live" button at the top.

 

STEP 3

From the live form, copy the Form Key which you will see after the last slash on the URL.

 

STEP 4

Go back to where you're embedding the form. Paste the Form Key that you just copied on the code where it says "PASTE THE FORM KEY HERE". Replace those words with the form key but do not remove the quotation marks. 

 

Your form should now be embedded on the page.