Admin – How to connect your webform to your MDC DOT account

Option #1 Zapier

For an individual user who are using a third party webform services that are supported by Zapier (this option will NOT work with webforms that need to be used on replicated pages with multiple users)

What is Zapier? Zapier gives you the power to integrate MDC DOT with hundreds of other apps to automate your work. Zaps are automations created using Triggers and Actions. You can use Zaps to connect any two Zapier-supported apps to each other. Zapier currently has over 500+ third party apps that are available. Currently MDC DOT’s integration with Zapier allows any user to add a new contact into their account.

Our current integration with Zapier is perfect for someone using MDC DOT just for themselves or for sales teams where the individual sales user want’s to use there own sales funnels, gotowebinar or other third party systems not provided by the account holder to add contacts to their MDC DOT account.

CLICK HERE to read our helpdesk article on how to use Zapier

Our Zapier integration does not work with our replication feature. If you are looking to provide replicated funnels, websites or blogs that have webforms for your sales team members to use, you will need to integrate those forms using our custom method below.

Option #2 Custom

For the individual user with a custom web form or for web forms that need to be used on replicated pages with multiple users.

If you have not already installed your MDC DOT tracking code on the pages were your web form exists, please visit the following instructions on how to install your tracking code:http://helpdesk.mdcdot.com/knowledgebase/super-user-how-to-install-my-mdc-dot-tracking-code/

Copy web form code below
==============================

<script type=”text/javascript” src=”http://cdn.mdcdot.com/js/lead-form.js” ></script>
<form action=”https://YOUR SUB DOMAIN HERE.mdcdot.com/api/lead” method=”POST” onsubmit=”return __mdcdot.ajax(this, event);” >

<input type=”hidden” name=”webform” value=”ENTER VALUE”>
<input type=”hidden” name=”tag[]” value=”ENTER VALUE”>
<input type=”hidden” name=”campaign” value=”ENTER VALUE”>
<input type=”hidden” name=”redirect” value=”ENTER URL”>
<input type=”hidden” name=”__mcdot_dotid” value=””>

<div class=”form-group”>
<input type=”text” class=”form-control” name=”firstName” placeholder=”Your First Name” required>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”lastName” placeholder=”Your Last Name”>
</div>
<div class=”form-group”>
<input type=”email” class=”form-control” name=”email” placeholder=”Email” required>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”address” placeholder=”Address”>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”homePhone” placeholder=”Phone”>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”city” placeholder=”City”>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”state” placeholder=”State”>
</div>
<div class=”form-group”>
<input type=”text” class=”form-control” name=”country” placeholder=”country”>
</div>

<button class=”btn btn-btn-default”>SUBMIT</button>
</form>

  • Paste directly into the HTML of your webpage were you want the web form to be placed. For WordPress users use the “text” tab to paste the code onto your page.

Firefox_Screenshot_2016-02-12T19-12-47.864Z

  • In the web form code type or paste your Instance sub domain. For example, if your subdomain is “healthyliving” – put “healthyliving.mdcdot.com/api/lead” as your end point.

Firefox_Screenshot_2016-02-12T19-17-27.632Z

 

  • Click on Rules & Settings in the left navigation
  • Select Webforms

 

  • Add the exact URL of were your webform exist online in the field entitled “Copy the URL of your webpage, and paste it here”.
  • Next add a description for the webform
  • Next Click the “Create Webform Id” button

  • The webform Id to use will appear next to your recently created webform

  • Add the webform ID number to the form code as shown below

webformID

  • Click on Contacts (CRM) on the left navigation

firefox_screenshot_2016-12-08t19-46-57-999z

  • Click on Manage Tags below the Contacts (CRM) tab
  • You can search for a tag or, by default, view a list of all tagsfirefox_screenshot_2016-12-08t19-49-26-912z

  • The total number of contacts assigned a certain tag is in the Contacts column
  • Click the the link to view all of the members of the tagfirefox_screenshot_2016-12-08t19-51-13-744z

  • You will find the tag ID number in the URL

2016-12-08_12-53-37

  • Add the tag ID number to the form code as shown below

tagID

  • Click Campaigns in the left navigation
  • Click All Campaigns
  • You will see the campaign Id# next to the campaign

  • Add the campaign ID number to the form code as shown below

campaignID

  • Add the the full URL including http:// to form code as shown below. The URL you add here is where your contact will be redirected to after they fill out the webform.

redirect

Other:

MDC DOT CREATE A LEAD API CALL
==============================

end-point: https://[yoursubdomain].mdcdot.com/api/lead
http method: POST

webform: <webform id> //required (NOTE: You will need to create a webform ID see instructions below)
source: ‘webform’ //required (NOTE: Do not change “webform”)
user_id: <window.__dot_user_id> // required (NOTE: Do not change window.__dot_user_id MDC DOT tracking code will provide the user id)
email: <from your field input> //required

campaign: <campaign dot group> // optional
firstName: <from your field input> //optional
lastName: <from your field input> //optional
homePhone: <from your field input> //optional
mobilePhone: <from your field input> //optional
birthday: <from your field input> //optional
gender: <from your field input> //optional
address: <from your field input> //optional
address2: <from your field input> //optional
city: <from your field input> //optional
state: <from your field input> //optional
zip: <from your field input> //optional
country: <from your field input> //optional
businessAddress: <from your field input> //optional
businessAddress2: <from your field input> //optional
businessCity: <from your field input> //optional
businessState: <from your field input> //optional
businessCountry: <from your field input> //optional
businessZip: <from your field input> //optional
title: <from your field input> //optional
company: <from your field input> //optional
workPhone: <from your field input> //optional
fax: <from your field input> //optional

<script>
$(document).ready(function() {
var instance = ‘https://[yoursubdomain].mdcdot.com/api/lead
var endpoint = instance + ‘/api/lead’
var params = {
webform: 1, //required
source: ‘webform’, //required
user_id: window.__dot_user_id, // required
email: ‘[from input]’, //required
firstName: ‘[from input]’, //optional
lastName: ‘[from input]’, //optional
campaign: 1, // optional
}

$.post(endpoint,  params).done(function(response){
console.log(response);
}).fail(function(response){
console.log(response.responseJSON.error);
});
})
</script>

webform
email
campaign
firstName
lastName
homePhone
mobilePhone
birthday
gender
address
address2
city
state
zip
country
businessAddress
businessAddress2
businessCity
businessState
businessCountry
businessZip
title
company
workPhone
fax