Embedding Forms from Dash to your Website
Here's how to embed your B2BDash forms into your website or landing page:
IMPORTANT: Before starting, you need to have access to your Website's backend (ie. Wordpress).
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://b2bapp.io/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" class="nj-form-wrapper-parent"></div>
PRO TIP: CSS 1 provides beautiful styling out of the box for the form and 0 removes some extra styling if you want your existing page to control the form.
How to get the Form Key
STEP 1
From your B2BDash, go to Forms on the left panel.
STEP 2
Hover on top of the form and click the "view live" button.
STEP 3
From the live form, copy the Form Key which is the code of numbers and letters 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.
It should look like this:
<script type="text/javascript" src="https://go.b2bdash.io/js/dp.widget.js"></script>
<script type="text/javascript">
DPWidgetForms({"key":"f4f34698c785fbc074b1354d6902c5dd0ecae215",
"container":"#enquiryForm",
"css":"1",
"thanks_page":""
});
</script>
<div id="enquiryForm"></div>
Your form should now be embedded on the page.
Having Trouble?
Simply click on the Chat Icon on the lower right corner and we'll be there to help!