Before diving into the features and key differences between each form, it's recommended to get familiar with Lead Forms in general if you haven't already.

This block can be added via Add New Block, and selecting Forms in the categories, and scroll down until you find Lead Form.

Also important to note, that this block contains a few other type of forms other than Lead Forms, such as Home Valuation Form, and Mortgage Calculator.

Lead Form Form Features

All the lead forms have the same structure:

  • Content
  • Lead Form (selecting the form and configuring it's settings)
  • Appearance
  • Notifications

Lead Form is a universal form which can be used for any of the form types. (e.g. Contact Form)
For further customization on Lead Forms click on this link.

Example Setup

To get started, navigate to Add A New Block, and choose any of the Lead Forms you want to set up and customize.

Note: There are some Pre-designed Lead Forms for specific use cases which we will touch on later.

Now let's move on and setup a Contact Form from the Lead Form Block we added previously.

Under the Content Tab, give the form a Title:

What you will notice at first look also, is that the Block will ask you to choose a form.

To add a form to it, head over to the Lead Form tab highlighted in the image above, and select the form you'd want to have there. (In this example we will select Contact Form)

You can then choose what to display in the form:

And many other options which can be accessed here.

Home Valuation Form

Important Note: If you want to use this block, please note that this is entirely designed to work only with our AF Home Values (Express Setup recommended)

As you purchased the Power Up, and the plugin is activated you will be able to add it to your Spark Pages as a block with a few customization options.

Assuming the plugin is active you can find the block in the Form category.

Home Values Block Features:

  • Background Image/Background Color
  • Title/Title Color
  • Title Look Like (Size - h1, h2, h3, etc.)
  • Description/Description Color
  • Shortcode

Note: The shortcode is something that would be already setup prior to purchasing. (Express Setup Recommended)

Example:

How the Shortcode Works and Additional Parameters

just insert [home_valuation] shortcode to the page content.

Optional Shortcode Parameters

layout

 – shortcode layout.
Available values: fullscreen, integrated, shortcode
Default value: fullscreen

skin

 – skin name for the shortcode.
Available values: default, light, dark
Default value: Skin option from plugin settings

background_image

 – url of the image file.
Available values: url
Default value: Full screen background image option from plugin settings

title

 – title for the shortcode
Available values: any text
Default value: Title text option from plugin settings

text

 – text for the shortcode
Available values: any text
Default value: empty

Examples

Fullscreen home valuation form with dark skin and with background from plugin settings
[home_valuation layout="fullscreen" skin="dark"]

Integrated form with light skin and custom background image
[home_valuation layout="integrated" skin="light" background_image="http://serge.agentfire2.com/wp-content/uploads/sites/405/2015/05/Tri-Lakes-Starwood-e1457640155996.jpg"]

Shortcode form without text and title
[home_valuation layout="shortcode" skin="default" title="" text=""]

Mortgage Calculator

You can find the block in the Form category.

Once you add the Block, there are a few options you can adjust:

  • Background Color
  • Title/Title Size/Title Color

Example:

Further Education about the Spark Editor and Spark Pages:

  1. Spark Editor: Getting familiar with the basics
  2. Spark Editor: Blocks - Header
  3. Spark Editor: Blocks - Areas
  4. Spark Editor: Blocks - About
  5. Spark Editor: Blocks - Call To Action
  6. Spark Editor: Blocks - Content
  7. Spark Editor: Blocks - Service
  8. Spark Editor: Blocks - Blog
  9. Spark Editor: Blocks - Testimonials
  10. Spark Editor: Blocks - Team Members
  11. Spark Editor: Blocks - Listing
  12. Spark Editor: Blocks - Instafeed
Did this answer your question?