Making Editable Content in Landing Pages

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 Article Contents Editable Content Ready to Learn More?			Available with:
			Marketing Automation	✓
			CRM Ultimate
			CRM PRO
			CRM Free
			Toolbar:
			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.
2. Create or edit a landing page.
3. In the left panel, select    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”>

Ready to Learn More? 

• Adding Facebook Tracking Pixels to Landing Pages
• Creating Pop-Up Forms on Landing Pages
• Email Designer Classes and Styling