Como Fazer Conteúdo Editável nas Landing Pages – SharpSpring Brasil

A SharpSpring permite colar seu próprio código no Construtor de Landing Pages.

Este artigo detalha como adicionar seu próprio código HTML de landing page, e como tornar essas seções editáveis dentro SharpSpring.

Conteúdo Editável

É possível definir como editável o conteúdo de HTML.

Para fazer conteúdo de HTML editável em uma landing page, faça o seguinte:

No barra de ferramentas superior da SharpSpring, clique em Marketing > Conteúdo > Páginas.
Crie ou edite uma landing page.
No painel esquerdo, localize a seção Editar código (ícone </>).
Clique na aba Body.
Para cada seção, adicione o texto class=”vt-section” dentro das tags <section>. Exemplo de código de seção:
```
<section class="vt-section">
```
Para cada parágrafo, adicione o texto class=”vt-content-editable" dentro das tags <p>. Exemplo de código de parágro:
```
<p class=”vt-content-editable">
```
Para cada header, adicione o texto class=”vt-content-editable" dentro das tags <h>. Exemplo de código de header:
```
h2 class=”vt-content-editable">
```
Clique em Salvar e fechar.

O código de exemplo para uma seção apareceria da seguinte forma:

<section data-item-sortable-id=“0” style=“display: block;” class=“vt-section pt-xs pb-xs”>

Nota: a SharpSpring oferece serviços profissionais para ajudar com a customização de códigos.