Você tem uma VSL pronta, o roteiro está no ponto e a oferta é boa. Abre o WordPress para criar a página de vendas e percebe que vai precisar de um desenvolvedor para deixar o layout no jeito certo: centralizar o player, esconder o menu, ajustar o botão de CTA. O criador de conteúdo vira refém de um técnico para cada alteração de cor, margem ou posição de elemento.
É nesse cenário que o Elementor entrou no mercado e mudou as regras do jogo. Hoje, 1 a cada 4 sites WordPress no mundo usa esse page builder para criar landing pages profissionais, e para quem trabalha com VSL, ele elimina a dependência de programadores na etapa mais sensível da conversão: a construção da página de vendas.
O que é o Elementor
O Elementor é um construtor de páginas visual para WordPress. Na prática, significa que você cria sites e landing pages arrastando elementos na tela e vendo o resultado em tempo real, sem precisar escrever HTML, CSS ou qualquer código.
A ferramenta funciona como um plugin que você instala no WordPress. Depois de ativado, qualquer página ou post ganha um botão “Editar com Elementor”. Ao clicar, você entra em uma interface de arrastar e soltar (drag-and-drop) onde monta o layout visualmente:
┌─────────────────────────────────────────┐
│ PAINEL DE WIDGETS │
│ Título · Texto · Imagem · Vídeo │
│ Botão · Divisor · Espaçador │
│ HTML Personalizado · Shortcode │
└─────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────┐
│ │
│ ÁREA DE CONSTRUÇÃO │
│ (você vê a página em tempo real) │
│ │
│ ┌─────────────────────────────┐ │
│ │ HEADLINE │ │
│ ├─────────────────────────────┤ │
│ │ │ │
│ │ PLAYER DE VSL │ │
│ │ │ │
│ ├─────────────────────────────┤ │
│ │ BOTÃO DE CTA │ │
│ └─────────────────────────────┘ │
│ │
└─────────────────────────────────────────┘Cada elemento na página (título, imagem, vídeo, botão) é um widget que você arrasta da barra lateral para a área de construção. O Elementor organiza o layout em seções e colunas, o que permite estruturar páginas complexas com controle preciso sobre espaçamento, alinhamento e responsividade.
A versão gratuita, disponível no repositório oficial de plugins do WordPress, oferece cerca de 40 widgets essenciais e já resolve a grande maioria das necessidades de uma página de vendas. A versão Pro adiciona mais de 100 widgets extras, construtor de temas, formulários e pop-ups.
Por que o Elementor importa para quem trabalha com VSL
Uma página de vendas com VSL tem requisitos específicos que temas tradicionais de WordPress raramente atendem sem customização: layout sem distrações, player centralizado como protagonista, CTA posicionado no lugar certo e zero elementos competindo pela atenção do lead.
O Elementor resolve esses quatro problemas de uma vez:
1. Layout sem distrações. Com o Elementor, você cria uma página “canvas” (tela em branco) e desenha exatamente o que o lead deve ver: headline, player de VSL, botão de CTA e prova social. Sem menu de navegação, sem sidebar, sem links para outros posts. Cada pixel da página trabalha a favor da conversão.
2. Player centralizado. Arraste um widget de HTML Personalizado para a seção principal e cole o shortcode do seu player de VSL. O Elementor respeita o espaço do player sem sobrepor elementos, e você ajusta margens e largura no painel visual até o vídeo ficar exatamente como planejou.
3. CTA no momento certo. O botão de call-to-action pode ser posicionado via Elementor em qualquer lugar da página, seja logo abaixo do player ou em uma seção de prova social. Se você usa um player com CTA com delay (como o botão programado do Pluma Vídeo), o Elementor cuida do posicionamento visual enquanto o player controla o timing de exibição.
4. Responsividade integrada. O Elementor permite ajustar tamanhos de fonte, margens e visibilidade de elementos separadamente para desktop, tablet e celular. Isso é essencial para VSL, já que mais da metade do tráfego de páginas de vendas hoje vem de dispositivos móveis.
Como criar uma página de VSL no Elementor em 4 passos
Depois de configurar dezenas de páginas de vendas com Elementor e Pluma Vídeo, cheguei a um fluxo simples que funciona:
1. Escolha um tema leve como base
Antes de abrir o Elementor, instale um tema WordPress que sirva apenas de “esqueleto” para o page builder. O Hello Elementor, feito pela mesma empresa do construtor, é a escolha mais comum: pesa menos de 6 KB e não adiciona nenhum estilo ou script desnecessário. Outras opções leves e compatíveis são GeneratePress e Kadence.
2. Crie uma página em branco
No WordPress, vá em Páginas > Adicionar Nova. Dê um título (ex: “VSL Produto X”) e clique em “Editar com Elementor”. Escolha o template “Elementor Canvas” (tela em branco), que remove cabeçalho, rodapé e qualquer elemento do tema. Sua página agora é uma folha em branco pronta para receber os elementos da VSL.
3. Monte a estrutura da página
Crie uma estrutura de seção única (largura total) com os seguintes elementos, nesta ordem:
| Ordem | Widget | Configuração |
|---|---|---|
| 1 | Título | Headline principal da oferta, centralizado |
| 2 | Subtítulo | Uma frase de reforço abaixo do título |
| 3 | HTML Personalizado | Shortcode do player: [pluma_vsl id="1"] |
| 4 | Texto | Breve descrição ou reforço da oferta |
| 5 | Botão | CTA principal visível (link de checkout) |
Ajuste larguras, margens e cores no painel lateral conforme sua identidade visual. Centralize o bloco do player e mantenha espaçamento generoso para o vídeo respirar.
4. Ajuste a responsividade
Clique no ícone de dispositivo responsivo (ícone de monitor na barra inferior do Elementor) e alterne entre as visualizações de desktop, tablet e celular. No mobile, verifique se:
- O player ocupa 100% da largura da tela
- O texto do CTA não quebra em duas linhas
- As margens laterais são suficientes para o conteúdo não encostar nas bordas
Publique a página e teste em um iPhone e em um Android reais. O player da Pluma Vídeo já inclui tratamento específico para iOS (mute inicial e autoplay após o primeiro toque), então a reprodução no Safari funciona sem ajustes adicionais.
Armadilhas comuns ao usar Elementor em páginas de VSL
Excesso de widgets e animações. A galeria de widgets do Elementor impressiona, e a tentação de usar efeitos parallax, animações de entrada e ícones animados é grande. Em uma página de VSL, cada animação extra compete com o player pela atenção do lead e adiciona milissegundos ao carregamento. Use o mínimo: título, player, CTA, prova social. Nada mais.
Ignorar o cache. O Elementor carrega arquivos CSS e JavaScript que somam algumas centenas de KB. Sem cache, principalmente em hospedagens compartilhadas, o tempo até o player aparecer pode passar de 3 segundos e custar leads. Instale o WP Rocket (disponível na área de Downloads do Pluma Vídeo), ative a minificação de CSS e JS e habilite o lazy load. A diferença no LCP (Largest Contentful Paint) costuma cair pela metade.
Não testar o shortcode antes de publicar. Todo page builder renderiza shortcodes do WordPress de forma ligeiramente diferente. Depois de colar o shortcode [pluma_vsl id="X"] no widget de HTML, publique a página como rascunho e acesse em uma aba anônima. Verifique se o player carrega, se o vídeo de capa aparece e se o CTA com delay surge no segundo programado.
Esquecer o botão com delay. O Elementor tem widgets nativos de botão, mas eles aparecem junto com a página, antes mesmo do lead clicar no play. Para o CTA com delay (o botão que só aparece após X segundos de vídeo assistido), adicione a classe CSS botao-delay ao elemento. O player do Pluma Vídeo controla a exibição, e o Elementor cuida do design do botão. Um não interfere no outro.
Como o Pluma Vídeo se integra ao Elementor
O Pluma Vídeo foi construído para funcionar com qualquer page builder que aceite shortcodes do WordPress, e o Elementor é o mais popular entre nossos usuários. A integração é direta, mas os resultados dependem de como você combina as duas ferramentas.
Player de VSL com vídeo de capa. Depois de criar a página no Elementor, você cola o shortcode [pluma_vsl id="X"] em um widget de HTML Personalizado. O player carrega com todos os recursos: vídeo de capa em loop de 10 segundos que aquece o lead antes do play, botão de play personalizável (4 estilos, 3 idiomas e a cor da sua marca) e overlay de pausa com mensagem de incentivo para continuar assistindo.
CTA com delay programado. Você desenha o botão no Elementor (cor, tamanho, texto) e adiciona a classe CSS botao-delay. O player do Pluma Vídeo exibe esse botão somente após o lead ter assistido X segundos reais do vídeo, não do buffer. Isso significa que o CTA aparece no momento exato do pitch, enquanto o Elementor garante que o design do botão esteja alinhado com sua identidade visual.
Upload de VSL para YouTube integrado. O vídeo que o player exibe foi enviado ao YouTube diretamente pelo painel da plataforma. Você arrasta o arquivo (MP4, MOV, MKV, WEBM, M4V ou AVI), digita título e descrição, acompanha o progresso e publica. Não precisa abrir o YouTube Studio nem configurar visibilidade. O ID do vídeo gerado é o que você insere na configuração da VSL.
Métricas de retenção. Depois que a VSL está no ar (página criada no Elementor, player carregado via shortcode do Pluma Vídeo), o painel da plataforma mostra exatamente onde o público mantém atenção e onde abandona. Métricas como retenção ao lead (aos 20 segundos) e retenção ao pitch (aos 90% do vídeo) indicam quais trechos do roteiro precisam ser ajustados. O Elementor cuida da página; as métricas informam se o conteúdo está funcionando.
Gestão de licenças. Chave no formato XXXX-XXXX-XXXX-XXXX com 365 dias de validade. Alertas 7 dias antes do vencimento para você renovar sem interrupção. Cada licença cobre um site ou domínio, e é possível gerar licenças adicionais para múltiplos sites direto no painel.
O fluxo completo fica assim: você cria a página de vendas no Elementor em minutos, sem desenvolvedor, envia a VSL ao YouTube pelo painel do Pluma Vídeo em paralelo, gera o vídeo de capa, configura o CTA com delay e publica. Depois, acompanha as métricas de retenção para otimizar continuamente. Um criador de VSL que antes dependia de um programador para cada ajuste passa a controlar sozinho toda a operação.
O Elementor não é apenas um plugin de página, é a ferramenta que devolveu o controle das landing pages para os criadores de conteúdo. Combine isso com um player de VSL otimizado para conversão e você tem uma operação de vendas independente, ágil e profissional.
O Pluma Vídeo organiza todo o pipeline da sua VSL em um só lugar: upload para YouTube, vídeo de capa e métricas de retenção. Integrado ao Elementor via shortcode, você para de caçar plugins separados e concentra sua operação em uma plataforma desenhada para vender.
Pagamento via PIX. Envie o comprovante pelo WhatsApp +55 (51) 99668-4483 e tenha seu acesso liberado em até 24 horas úteis.
Quer o passo a passo completo para sua primeira VSL? Leia o guia Como Criar Sua Primeira VSL (Passo a Passo Completo).
Veja também: Melhor Plugin de Vídeo para WordPress, Melhor Tema para Página de Vendas e Player de VSL: O Que É e Por Que Sua Página Precisa de Um.