Leadform is an embeddable form solution that routes directly to your Inbox while using SMS as the default communication channel for any message. To customize the Leadform, go to Leadferno > Leadform to edit and update your Leadform. 

To embed the Leadform, from within the editor, select the Get Embed Code button (upper right) to copy the code. Insert this code into a div placed on any webpage. The embed code has the following format:

<script defer src="https://leadform.leadferno.com/widget.js"
data-leadferno-leadform data-bid="21776fd3-29b9-4dab-ad12-f09a66b4fe40"
data-url="https://api.leadferno.com/v0">
</script>

Wordpress Embed: Add the Custom HTML Block to your page when editing and then paste the Leadform embed code into that block.
 
The Leadform editor comes with various editing tools to add form fields, reorder, and define settings. 
 

Leadform Settings

A Leadform comes with settings in the web app that control the display and function of your form. Clicking on the SETTINGS tab on the Leadform page in the web app will give you access to these settings.

They are as follows:

  • Heading - Edit the main display title (large font) of your form.
  • Intro - Edit the paragraph text (body font) above your form. 
  • Button text - The text that displays in your submit button.
  • Button color - The color of your submit button.
  • Confirmation - This controls what appears after a form submission. You can use our default confirmation message (and contact card) or redirect the user to a specific page/URL.
  • Privacy policy link - You can use our default SMS privacy policy (which will open and appear in the Leadbox) or provide the URL to your own privacy policy.
  • Address and map image - Display a static map image and the name and address of your business.
  • Channels - You can display the channels you have created in your Leadbox like Text Us, Request A Call, etc on your Leadform.

 

 

These settings can be used in any combination to achieve the Leadform display you desire. You can save your settings and click the Preview form link (upper right) to see your settings in action.

 

Leadform Customizations Via The Embed Code

 

Some of the settings fields are also available to overwrite by adding details in the embed code. The following are optional parameters to customize how your Leadform can be added in the embed code: 

Parameter

Default value

data-title 

Contact Us

data-subtitle 

We're here to help! Please connect with us.

data-font-family

Arial

leadbox_channels

True - Includes parameter of button_cta with values text, phone, or custom

data-min-height

612 px

data-max-width

1312 px

data-background-color

#ffffff

drop-shadow="false"

Border shadow won't appear

order

The numerical order of the Leadform on the page. Starts with 0.

data-container-id

The containing id of the Leadform.

 

Example Parameters

An example of using the font parameter within the Leadform embed code:
(The font type is Arial in our example)

<script defer src="https://leadform.leadferno.com/widget.js"
  data-leadferno-leadform data-bid="21776fd3-29b9-4dab-ad12-f09a66b4fe40"
  data-url="https://api.leadferno.com/v0"
  data-max-width="5000px"
  data-font-family="https://fonts.googleapis.com/css2?family=Arial:wght@300;400;600;700;800&display=swap"
  data-min-height="1000">
</script>

 

An example of using the order parameter within the Leadform embed code to display two Leadforms on one page using ?order= and then your chosen order number (see bold addition):

<script defer src="https://leadform.leadferno.com/widget.js?order=0"
data-leadferno-leadform data-bid="21776fd3-29b9-4dab-ad12-f09a66b4fe40"
data-url="https://api.leadferno.com/v0">
</script>

<script defer src="https://leadform.leadferno.com/widget.js?order=1"
data-leadferno-leadform data-bid="21776fd3-29b9-4dab-ad12-f09a66b4fe40"
data-url="https://api.leadferno.com/v0">
</script>