IFrame Settings

First and foremost you are going to need to find where these options are. If you have multiple profiles setup, first select the Broker you wish to configure and then choose the profiles menu option.

Once you have done this you will see your profile(s), each profile is configured independantly so click the options button in the profile you'd like to change and then choose 'configure'.

Colour Parameters

By default the colour scheme of the IFrame will be that of the Leadtreeglobal.com's site. However you can add an additional querystring parameter called colour which is the hexidecimal value without the # in front of it.

Here is an example Url that shows the parameters in use within the IFrame code.

Iframe 1:

<iframe id="appForm" onload="scroll(0,0);" scrolling="auto" height="1600" width="100%" frameborder="0" src="https://www.leadtreeglobal.com/LeadSubmission/SubmitLead?affiliateApiKey=4d30c554-6ada-4414-8fef-2408bc03a348&brand=00ac51&checkbox=ff6a34&button=f23030"></iframe> Default iFrame

Iframe 2:

<iframe id="appForm" onload="scroll(0,0);" scrolling="auto" height="1600" width="100%" frameborder="0" src="https://www.leadtreeglobal.com/leadsubmission/submitlead?affiliateapikey=4d30c554-6ada-4414-8fef-2408bc03a348&unique=1"></iframe> iFrame Style 1

Iframe 3:

<iframe id="appForm" onload="scroll(0,0);" scrolling="auto" height="1600" width="100%" frameborder="0" src="https://www.leadtreeglobal.com/leadsubmission/submitlead?affiliateapikey=4d30c554-6ada-4414-8fef-2408bc03a348&unique=2"></iframe> iFrame Style 2

Once you've decided on the your colours the necessary code will be displayed in the textbox below, simply take that code and pop it on your site. It already includes the API key so you can start sending leads stright away.

Height Discrepancies

Although every effort has been made to provide the correct height information, you may find due to variances in browser behaviour or design rules implemented on your site that you need to manually adjust the height yourself.

Don't worry this is a very straight forward process! All you need to do is find the height="value" in the IFrame code you copied in the above step and increase the number until all parts of the form are visible.

<iframe id="appForm" onload="scroll(0,0);" scrolling="auto" height="2100" width="100%" frameborder="0" src="https://www.leadtreeglobal.com/LeadSubmission/SubmitLead?affiliateApiKey=4d30c554-6ada-4414-8fef-2408bc03a348&brand=00ac51&checkbox=ff6a34&button=f23030"></iframe>