Articles in this section

See more

Making Editable Content in Landing Pages

Avatar
Justin Garrett
  • Updated
Follow

SharpSpring allows you to paste your own code into the Landing Page Builder. This article will detail how to add your own landing page HTML code and how to make those sections editable within SharpSpring.

Note: SharpSpring offers Professional Services to assist with custom coding. You must have code knowledge in order to use the information within this article.

The following user roles can create landing pages:

  • Administrators
  • Marketing Managers


Article Contents


Editable Content

To make editable HTML content in a landing page, do the following:

  1. In SharpSpring's top toolbar, click
    Content > Pages.
  2. Create or edit a landing page.
  3. In the left panel, select  code.png  Edit Code.
  4. Click the Body tab. 
  5. For every section, add the text class=”vt-section” within the <section> tags. Example code is as follows:
    <section class="vt-section">
  6. For every paragraph, add the text class=”vt-content-editable" within the <p> tags. Example code is as follows:
    <p class=”vt-content-editable"> 
  7. For every header, add the text class=”vt-content-editable" within the <h> tags. Example code is as follows:
    <h2 class=”vt-content-editable">
  8. Click Save and Close.
  


Click to enlarge.
 
Note: Example code for a section would appear similar to <section data-item-sortable-id=“0” style=“display: block;” class=“vt-section pt-xs pb-xs”>.


Ready to Learn More? 

Related articles

Comments

0 comments

Article is closed for comments.

×

What's wrong with this help article?

Still didn't find what you are looking for?