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.

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.

Pre-designed Layouts with Lead Forms

There are other pre-designed Layouts (Templates) which include specific Lead Forms, and also require less time to setup. You can find these as you click on the Add a New Block button, and go to the Layouts Tab.

  • Buyer/Seller Guide
  • Contact Us
  • Perfect Home Finder
  • What's My Home Worth

The procedure of further customization of these forms is the same as any other Lead Form you have attached to the block. You can access detailed guides about Lead Forms 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 Power Up (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 in the first row.

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 the Power Up. (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 - Brag
  9. Spark Editor: Blocks - Blog
  10. Spark Editor: Blocks - Testimonials
  11. Spark Editor: Blocks - Team Members
  12. Spark Editor: Blocks - Listing
  13. Spark Editor: Blocks - Instafeed
  14. Spark Editor: Layouts
Did this answer your question?