This article is divided into three sections
- Building Landing Pages
- Navigating the Content Editor
- Organizing Landing Pages
Before we begin, let's define some language that we will be seeing in the article
- Landing Page: a section (page) of a website. SharpSpring.com is our home page, and SharpSpring.com/features/ is a Landing Page
- Funnels: sequences of Landing Pages aimed to convert leads. Example of a funnel: Product Page >> Beta Signup Page >> Thank You Page
Creating Landing Pages
You can create Landing Pages from a library of pre-made templates, or you can build your Landing Pages from scratch.
Step One: Hover over the Pages tab in the primary navigation bar and select the option for Page Templates.
Step Two(a): Choose your template category by clicking on the green drop-down on the upper left hand side of the page. These categories cover a variety of standard Landing Page designs to improve speed of the design time.
Step Two(b): Click the Options button in the upper right hand corner of the page, and select New Landing Pages. A popup modal will appear asking you to name the Funnel (the Landing Pages as a group) and select the number of pages to be included in that Funnel. If you are building the Landing Pages from scratch, you can skip Step Three.
Step Three: Scroll down the section title Single Pages. From here, you can select your page template by hovering over the chosen design and clicking the pencil icon that appears. When we build out Landing Pages we begin assembling the Landing Page Funnel, so in the popup modal that appears you will name your funnel and then click Create Funnel.
Once you have clicked Create Funnel you will move into the Content Editor to begin creating your Landing Pages.
Navigating the Content Editor
Let’s review the navigation elements on the left hand side of the content editor.
Add New Content. You can add pre-made content Blocks, Layouts, or insert HTML elements (Header, Paragraph, Header & Paragraph, List, Button, Image, Video, Divider, Blockquote, Form). To add Blocks or Layouts, simply click on the chosen design and the content will appear at the bottom of the editor panel on the right. To add Elements, select your element by clicking, and then click in the content section that you would like that element to appear.
Edit Content. When editing content, we have the ability to edit entire content blocks (“sections”) or specific content elements on a page. Double clicking allows you to edit both sections and elements. You can alternatively edit the properties of an element or section by right clicking and selecting Edit Properties. You can hide specific content sections from appearing on mobile devices (to optimize how our Call-to-Action appears on mobile devices) by going into the section properties and using the Hide on Mobile toggle.
If you have added a Form as an HTML element, you are able to edit those SharpSpring forms directly in the editor panel. Single click on a form element to open up the properties editor on the right hand side of the screen. From here, choose your SharpSpring form from a dropdown. If you need to make any edits to the form, double clicking on the form will open up SharpSpring’s form editor directly in the landing page editor.
Preview on different devices. The eye tool allows for device preview for your landing page. You can toggle between desktop, tablet, or mobile views by choosing the appropriate device in the upper right hand corner of the landing page editor. You will notice that any page sections that had Hide on Mobile toggle turned on will disappear when we enter into the mobile view. These sections will only appear on desktop and tablet devices.
Page settings. To set up the Landing Page Funnel Name, Funnel Slug (used to indicate the folder the pages reside, use “/” to indicate the home page), we will go into page settings. Part of creating Landing Page Funnels is including multiple pages within the funnel, and these additional pages can be created here by using the Add New Page button. You can configure the Page Title and Meta Descriptions on a per page basis, as well as electing whether or not to allow search engines to index the specific page.
As you toggle through the different pages of your funnel, you will be able to go back and add/edit content for each of those specific pages.
Auto save changes. By default, the auto-save feature is turned on to ensure the edits to your Landing Pages are saved in real time. If for some reason you would only like to save changes when you actively choose to, simply click this icon to toggle auto-save off.
Organizing Landing Pages
Once you have created your Landing Pages and Funnels, you can find them by hovering over Pages and selecting the Landing Pages option. You can move Funnels into categories by hovering over the Funnel, clicking the ellipsis and then Move to a category (or create a new category). Alternatively, you can create a new funnel category by clicking the Options toggle in the upper right hand corner of the screen and selecting New Funnel Category.
You can then choose what Funnel categories to see on a page by using the green category drop down, to only see Funnels in the category of your choosing.