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:
- Spark Editor: Getting familiar with the basics
- Spark Editor: Blocks - Header
- Spark Editor: Blocks - Areas
- Spark Editor: Blocks - About
- Spark Editor: Blocks - Call To Action
- Spark Editor: Blocks - Content
- Spark Editor: Blocks - Service
- Spark Editor: Blocks - Blog
- Spark Editor: Blocks - Testimonials
- Spark Editor: Blocks - Team Members
- Spark Editor: Blocks - Listing
- Spark Editor: Blocks - Instafeed