Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Table of Contents

Overview

...

  • Single Line Text – a single line of text mappable to text fields like Company or Job title
  • Number – numerical value mappable to numerical fields like Number of Employee
  • Paragraph Text – a large text field mappable to any paragraph fields like Description.
  • Checkboxes – multiple-choice selection allowing multiple answers
  • Radio Buttons – multiple-choice selection allowing a single answer
  • Drop Down – drop-down menu of pre-defined choices
  • Boolean – true/false checkbox field
  • Name– single-line text field mapped to First Name and Last Name
  • Date– field that inserts current date
  • Time– field that inserts current time
  • Phone– field mapped to Work Phone
  • Address– fields mapped to Street Address, Street Address 2
  • Web Site– single-line field mapped to Website
  • Price– numerical fields for currency fields like Budget
  • Email– single-line text field mapped to Email
  • Section Break– divider between field groupings
  • Page Break– adds multiply pages to the form and changes "Submit" to "Next" on all but the last page.
  • File Upload – allows user to upload files such as PDFs, sheets, or documents
  • Documents – allows users to share selected documents (or e-literature) after a form submission. The process for adding documents is the same as for the event form outlined here.

Field Properties

Each field has its own properties. Once you have placed a field, click on it to edit its properties. Depending on the field type, you will see different options. Below is a list of standard properties followed by field-specific properties

  • Field Label– label for the field
  • Field Size– size of the field on the form
  • Rules
    • Required– must be filled out to submit form
    • Always Display– makes sure the field is always displayed for dynamic forms
    • ConditionalProgressive Profiling– hides field and replaces it with another conditional field if the information is already known (hiding Email and replacing with Website, for example) – does not work with external forms
    • Do not Pre-Fill– never pre-fills the field, overriding the form properties
    • Hidden– field is rendered to the form but hidden from the user
  • Default Value– prepopulate the field with the information you enter here
  • Field Error Message– error displayed when a required field is missed or formatted incorrectly
  • Identifier– internal field ID
  • Visible
    • Always – always displays regardless of other responses
    • Only When...– displays based on rules (a "Please Specify" text field appearing when someone selects "Other" in a drop-down menu, for example)
  • Container CSS Class– sets the CSS class of the field's container for forms using layout templates
  • CSS Class– sets the CSS class of the field for forms using layout templates
  • Load from URL Param– set the name of a parameter for the form to scan for; if the form detects the parameter in the URL, it will auto-fill the field with the value

    Info

    You can also add a query string parameter to the form's URL. For example, if the field is set to scan for the parameter "text1," and the url is "https://t1.llanalytics.com/view-form.php?ll_custID=XXXXX&id=XXXX&text1=hello," the field would insert "hello" when the form's iframe loads in.


...

Although your embed code might look different, here's an example:

Original Lead Liaison iframe Code:

Code Block
<iframe src='http://www2.athena-tech.com/view-form.php?id=45528' width='100%' height='500' type='text/html' frameborder='0' allowTransparency='true' style='border: 0'></iframe>

Updated HTTP Secure iframe Code:

Code Block
<iframe src='https://t1.llanalytics.com/view-form.php?ll_custID=112489&id=45528' width='100%' height='500' type='text/html' frameborder='0' allowTransparency='true' style='border: 0'></iframe>

Embedding Forms via

...

JavaScript

Warning
titleUsing multiple forms on a single webpage

A single website URL can only have 1 Javascript JavaScript embedded form. Trying to add more will cause the other's on the page to break, most commonly so they no longer submit information.

If you require more than 1 form on a single webpage, you can use javascript JavaScript for one, then iframe for the rest to work around this limit.

If you don't prefer to you use iFrames when embedding content, you can also embed Lead Liaison forms via JavascriptJavaScript. Javascript JavaScript forms will responsively fit into the location you have placed them; no need to adjust he height of the form to eliminate scroll bars. The form can also use the styling of the page for more precise control over the form's appearance. 

To obtain the Javascript JavaScript code for any form do the following:

...

Note

Because the form can inherit the page's styles, you might see some unexpected rendering behaviors. Typically this is caused by your page enforcing general styling. Adjusting your styles can correct this issue. If you continue to have issues, contact support@leadliaison.com and include a link to both the form and the page the form is embedded on.


Info

The JavaScript embed option does not work if the form has an upload element or has a page break element. Such forms can only be embedded using the iFrame option.


Handling Form Submissions from Competitors and Personal Emails

...