Documentation
  1. How to create Disruptive Forms

How to create Disruptive Forms

To create a Disruptive Form, you may use the specific section inside LeadsBridge application or directly in the Bridge section, selecting Disruptive Forms as source.

Schermata 2018-05-16 alle 13.58.07

Disruptive Forms creation steps

The Disruptive Form bridge has the following steps

  1. Initial bridge set up
  2. Form setup
  3. Destination setup and settings
  4. Fields matching
  5. Bridge testing
  6. Embed code & Form preview

The left menu will show you all the steps that you should follow to complete the bridge creation process, marking with a check the steps already done.
Schermata 2018-05-16 alle 16.35.54

In the next section of this article, we’ll show you the Disruptive Forms setup, for the other steps please refer to the Bridge documentation.

How to build Disruptive Forms?

In the second step of the bridge, it’s possible to choose a Template and each one has default fields to ease the process.

Once the template is selected, this step will disappear from the form editing section.
Schermata 2018-05-15 alle 18.08.03

The next part of this step is divided into different areas:

  • Fields
  • Design
  • Submit
  • Preview

Fields

In the Fields area, you can manage, add or delete the fields.

The Email field is displayed in all templates and is always the first one.

While editing, the field will expand showing different options.

Schermata 2018-05-17 alle 17.56.35

To add a field, you should click on “+New Field” button and select one from the drop-down menu at the bottom.
Schermata 2018-05-15 alle 18.50.42

In this menu, each field is displayed according to its category and name.

Design

In the Design area, there are different options to personalize the form aesthetics.
Schermata 2018-05-16 alle 13.21.34

In this area you may:

  • Select a color theme
  • Choose if the form will be displayed horizontal, on a single line, or vertical
    • Please note: in case of horizontal form it is good practice not to use more than two fields
  • Select a maximum width size
  • Indicate if the form should have borders
  • Add a logo at the top of the form
  • Choose the logo size
  • Disable the LeadsBridge signature (available from Hero Plan)
  • Give a custom label to the submit button
  • Customize CSS style (advanced settings)

Submit

In the Submit area, the form submit response can be customized adding a thank you message or redirect the user to an URL.
Schermata 2018-05-16 alle 16.42.12

Preview

The Preview area is updated automatically whenever the form settings change.
Screen Recording 2018-05-17 at 08.01 PM

The preview shows the mobile version, to see the website preview you can click on the Desktop option that will open the preview in a new web page.

How can I publish my form?

On the last step of the bridge, there is all the information on how to publish your form.

To publish the form you can use one of the following options:

  • Copy and paste the script inside your webpage <body> content
  • Send the script to your webmaster
  • Click on the “Support Embed” button to receive assistance
  • Use the link of the webpage hosted by LeadsBridge.

Screen Recording 2018-05-16 at 05.18 PM

For further information about Disruptive Forms check the following documentation: