Articles in this section

See more

Making Editable Content in Landing Pages

Avatar
Cris Echeguren
  • 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.


Article Contents

     Available with:    
  Marketing Automation ✓  
  CRM Ultimate    
  CRM PRO    
  CRM Free    
        
  Toolbar:    
0NavMarketing.png
       
  Users:    
  Administrators ✓  
  Company Managers ✓  
  Marketing Managers ✓  
  Sales Managers    
  Salespersons    
  Jr. Salespersons    
 


Editable Content

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

1. 

In SharpSpring's top toolbar, click Content > Pages.

    
Note: SharpSpring offers Professional Services to assist with custom coding.
  

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.

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

Related articles

×

Why was this help article not helpful?

Still didn't find what you are looking for?