Lote Especial: até 60% OFF
Tudo o que dá pra montar numa LP do Strapi
Cada bloco com etiqueta dourada é um módulo pronto pra copiar, com texto de exemplo. A caixa tracejada embaixo de cada um explica como inserir e como é no WordPress.
Regra geral: no campo Texto livre, use o botão Inserir HTML, cole o módulo e troque textos e links. Importante: CSS e módulos precisam ficar dentro desse bloco. Fora dele, o editor da tela apaga o estilo quando alguém salva.
O que já vem pronto no Strapi
Estas seções são campos da LP. Qualquer pessoa edita pela tela, sem código.
Posição dos módulos: por padrão, o texto livre aparece num ponto só da página. Pra colocar um módulo entre duas seções nativas, adicione a classe da posição no módulo: lp-depois-produtos, lp-depois-comparativa, lp-depois-funcionalidades, lp-depois-aprovacoes, lp-depois-professores, lp-depois-garantias, lp-depois-depoimentos, lp-depois-faq. Um bloco de CSS da página faz a ordem. Testado e funcionando.
Título da chamada
Texto de apoio curto, com uma ou duas linhas.
Como inserir: troque o texto e o link. Links aceitos: https://… ou #secao-… pra rolar até uma seção nativa (ex.: #secao-produtos). WordPress: igual.
Título do vídeo
Texto de apoio do vídeo.
Como inserir: no módulo, troque o código do vídeo no link https://www.youtube-nocookie.com/embed/CÓDIGO. O vídeo toca com clique, e o GTM do site já registra o play. O botão "Inserir mídia" do editor não funciona, porque o site apaga. WordPress: igual, e também toca sozinho sem som.
Duas formas leves de mostrar vídeo
À esquerda, trecho em loop sem som. À direita, miniatura que abre o vídeo no YouTube sem carregar o player.
Título do loop
Texto de apoio.
Título da miniatura
Abre no YouTube e não pesa na página.
Como inserir: o loop é um arquivo AVIF ou WebP animado, convertido do vídeo e subido na mídia do Strapi. A miniatura usa https://i.ytimg.com/vi/CÓDIGO/hqdefault.jpg com link pro vídeo. WordPress: vídeo com autoplay direto.
Título da faixa de números
Os números sobem quando aparecem na tela.
Como inserir: troque o número final, o prefixo (+), o sufixo (mil, %) e o texto. WordPress: igual, com plugin de contador.
Título do carrossel
Arraste pro lado. No computador, as setas aparecem nas laterais.
Rótulo 1Título do cardLinha de apoio
Rótulo 2Título do cardLinha de apoio
Rótulo 3Título do cardLinha de apoio
Rótulo 4Título do cardLinha de apoio
Rótulo 5Título do cardLinha de apoio
Rótulo 6Título do cardLinha de apoio
Rótulo 7Título do cardLinha de apoio
Rótulo 8Título do cardLinha de apoio
Como inserir: cada card leva uma imagem 3:4 da mídia do Strapi, um rótulo, um título e uma linha de apoio. Serve pra aprovados, professores ou depoimentos. WordPress: igual, com plugin de carrossel.
Título das abas
Clique nas abas. No celular, os blocos aparecem em sequência.
01Título da aba 1Texto curto explicando o conteúdo desta aba.
02Título da aba 2Texto curto explicando o conteúdo desta aba.
03Título da aba 3Texto curto explicando o conteúdo desta aba.
04Título da aba 4Texto curto explicando o conteúdo desta aba.
Como inserir: até 4 abas, cada uma com título e texto. Funciona só com CSS. No iPhone, as abas viram blocos empilhados. WordPress: igual.
Título da linha do tempo
Etapas em sequência. No celular, a linha fica na vertical.
Como inserir: de 3 a 6 etapas, cada uma com rótulo, título e frase. A última fica dourada. WordPress: igual.
Título do acordeão
Abre e fecha com clique.
Tópico 1
Texto que aparece quando o tópico abre.
Tópico 2
Texto que aparece quando o tópico abre.
Tópico 3
Texto que aparece quando o tópico abre.
Tópico 4
Texto que aparece quando o tópico abre.
Como inserir: cada item tem título e texto. Serve pra conteúdo programático ou detalhes do plano. O FAQ nativo continua sendo o campo FAQ. WordPress: igual.
O que muda em relação às páginas do WordPress
Comparativo com as páginas de vendas em mkt.estrategia.com/med, que são o formato mais usado hoje.
| Recurso | Strapi | WordPress (páginas de vendas atuais) |
|---|---|---|
| Editar texto, preço, banner, professor e FAQ pela tela | Sim nos campos nativos, sem tocar em código | Parcial layout e texto no mesmo HTML; quem edita precisa saber mexer |
| Produto e preço puxados do e-commerce | Sim automático (produtos_lp) | Não preço digitado à mão |
| Botões e chamadas em qualquer ponto | Sim módulos 01, 10 e 11 | Sim |
| Vídeo do YouTube | Sim módulo 02 (o GTM do site já mede o play) | Sim |
| Vídeo em loop sem som | Sim, como imagem AVIF/WebP animado (módulo 03) | Sim vídeo com autoplay |
| Números animados, carrossel, abas, linha do tempo, acordeão | Sim só com CSS (módulos 04 a 08); no celular as abas viram blocos empilhados | Sim com JavaScript |
| Contagem regressiva | Uma por página a do site (barra de baixo), pode ser reposicionada | Sim quantas quiser |
| Formulário de captura de lead | Não direto só embutindo uma página que tenha o formulário (a testar) | Sim |
| Pop-up e saída da página | Não | Sim |
| Pixel ou script próprio | Não fica o GTM geral do site | Sim |
| Endereço da página | Sim med.estrategia.com, o mesmo domínio do site e dos cursos | mkt.estrategia.com/med |
| Título, descrição e imagem de compartilhamento | Sim campo schema | Sim |
| H1 próprio e noindex por página | Ainda não H1 vem do banner; noindex depende do dev | Sim |
| Histórico de versões | Não edição por API não gera versão | Sim revisões do WordPress |
| Risco técnico | Atenção o CSS entra por uma brecha do filtro do site; se o dev fechar, a página perde o visual (o conteúdo continua) | Atenção JS em base64 dentro da página |
Título da chamada final
Texto de apoio com prazo ou condição.
Como inserir: é o módulo 01 com um botão só.
Sem colar código
Escreva o texto, aplique o link e centralize o parágrafo. O botão abaixo foi feito assim.
Obs.: no editor, todo link ganha "abrir em nova aba" automaticamente.
