Articles in this section

Landing Page Content Editor Overview

Avatar
Taylor Glass
  • Updated
Follow

SharpSpring's landing pages come equipped with a comprehensive, robust content editor. This article will provide an overview of features for the Landing Page Content Editor.

The following user roles can use the Landing Page Content Editor:

  • Administrators
  • Marketing Managers


Article Contents


Add Content

The  plus.png  Add Content feature allows you to add pre-made content, like blocks and layouts, or insert HTML elements.

To add content blocks or layouts, do the following:

  1. In SharpSpring's top toolbar, click
    Content > Pages.
  2. Create a landing page, or open an existing landing page.
  3. In the Content Editor panel, click 
    plus.png  Add Content.
  4. Click either of the Blocks or Layouts tabs.
  5. Click the desired design item.
  


Click to enlarge.

 

To add content elements, do the following:

  1. In SharpSpring's top toolbar, click
    Content > Pages.
  2. Create a landing page, or open an existing landing page.
  3. In the Content Editor panel, click 
    plus.png  Add Content.
  4. Click the Elements tab.
  5. Click the desired element.
  6. Click in the content section that you would like that element to appear.
  


Click to enlarge.


Edit Content

The  pencil.png  Edit Content feature allows you to directly edit the content in blocks or layouts, as well as inserted elements. When editing content, you can edit entire content blocks or specific content elements on a page. Double-clicking allows you to edit both sections and elements.

Alternatively, you can edit the properties of an element or section by right-clicking and selecting Edit Properties.

  


Click to enlarge.

You can hide specific content sections from appearing on mobile devices by going into the section properties and using the Hide on Mobile toggle. This toggle is unavailable on individual blocks, layouts, or elements.


Click to enlarge.

If you have added a form as an HTML element, you are able to edit those SharpSpring forms directly in the editor panel. To edit forms in the landing page, do the following:

  1. In a landing page, insert a form element.
  2. In the Content Editor panel, click   
    pencil.png  Edit Content.
  3. Single-click on the inserted form element to open up the properties editor panel.
  4. In the Select a Form menu, select the desired SharpSpring form.
  5. Click Form Editor in the properties editor panel.
  6. Edit form parameters as necessary.
  7. Click Save Changes.
  8. Click Close.
  


Click to enlarge.


Preview on Different Devices 

The  eye.png  Preview on different devices feature allows you to preview your landing page on devices. You can toggle between desktop, tablet, or mobile views by choosing the appropriate device. Any page sections that had Hide on Mobile toggle turned on will disappear when using mobile view. These sections will only appear on desktop and tablet devices.

  


Click to enlarge.


Edit Code

The  code.png  Edit Code feature allows you to create custom HTML markup, add your own CSS, or insert custom JavaScript into the pages. Each coding language can be accessed by clicking its respective button in the code editor. This will expose the framework for the existing landing page you are editing, allows you to edit the raw code.  


Click to enlarge.
 
 

Page Settings  

The  file-text.png  Page Settings feature provides the options to set up the funnel parameters for the landing page. The available funnel parameters are:

   •   Name
   •   Domain
   •   Slug
   •   URL
  


Click to enlarge.
 
Additionally, the  file-text.png Page Settings feature is where you add new pages to a funnel. 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 and edit content for each of those specific pages. Click the  pencil.png  Edit icon on a page in its setting drop-down menu to toggle the current page.


Click to enlarge.

When you visit your published landing page, you will notice a timestamp (?ts=123...) appended to the landing page URL. This is a timestamp of that publication and does not need to be included in the link. You can delete anything that comes after the question mark (?) in your URL.


Auto-Save

The  Save.png  Auto-Save feature is, by default, turned on to ensure 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, click this icon to toggle auto-save off.  


Click to enlarge.


Ready to Learn More?

Related articles

Comments

0 comments

Article is closed for comments.

Still didn't find what you are looking for?