Construtor de página: monte a presell arrastando blocos

O Construtor de página monta a sua presell arrastando blocos, sem escrever código: topo de produto, kits de potes, depoimentos, garantia, FAQ, contagem regressiva e muito mais. Você clica no texto e digita ali mesmo, puxa a quina de uma caixa para aumentar e vê como fica no celular, no tablet e no computador. Ao salvar, a página já está no ar, com hospedagem, SSL, rastreamento e proteção da Click Defender.

Criando a página

Clique em Nova Campanha e, em "Selecione sua criação de campanha", escolha Construtor de página. Ele aparece tanto no Google Ads quanto no Meta Ads.
Siga os passos de sempre: nome do produto, plataforma de afiliado e meta de conversão.
No último passo, "Como você quer começar a página?", escolha um modelo:
- Página em branco: começa do zero.
- Produto com kits de potes: topo do produto, benefícios, depoimentos, kits 2/3/6 potes, garantia e FAQ.
- Artigo (advertorial): formato de matéria, com título, autor, imagem, texto corrido e botão para a oferta.
A campanha é criada e o editor abre com o modelo já aplicado. Tudo nele pode ser apagado, trocado ou mudado de lugar.

Para voltar a editar depois, abra a campanha, clique em Editar Campanha, vá na aba Página e clique em Abrir editor.

O básico do editor

Arraste um bloco da barra da esquerda para a página, ou clique nele para adicionar logo abaixo do bloco selecionado.
Clique em qualquer texto, preço ou item de lista e digite ali mesmo.
Os detalhes (cor, foto, link, tamanho) ficam no painel da direita. Os ajustes avançados ficam em Mais opções.
Na barra do bloco selecionado: Subir, Descer, Duplicar, Excluir e Salvar como meu bloco.
Errou? Use Desfazer e Refazer no topo.
Salvar publica a página na hora. Ver página abre a versão publicada em outra aba.

Os blocos

Layout: Container (caixa), Seção, Colunas, Espaço e Divisor. É por eles que se começa: definem a estrutura onde as peças entram.
Peças: Título, Texto, Imagem, Botão, Cartão, Vídeo (YouTube, Vimeo ou .mp4), Lista com ícones, Banner, Cabeçalho, Grade de cartões, Galeria de imagens, Sanfona, Abas, Botão do WhatsApp e Código HTML.
Blocos de venda prontos: Topo de produto, Ofertas de potes (kits), Comparativo, Antes e depois, Como funciona (passos), Números de prova, Especialista / autor, Resumo de avaliações, Estoque acabando, Ingredientes, Benefícios, Depoimentos, Garantia, Perguntas frequentes, Contagem regressiva, Barra de aviso, Botão fixo no rodapé, Selos e logos e Rodapé.

Vários blocos têm estilos prontos (chips no topo do painel da direita): troque o visual com um clique e ajuste o que quiser depois.

Tudo livre: tamanho, posição e cor

Container (caixa): guarda blocos e outras caixas, lado a lado ou um embaixo do outro, como no Elementor. Cada caixa tem largura própria no computador, no tablet e no celular, e pode ficar à esquerda, no centro ou à direita.
Puxar para redimensionar: selecione um bloco e puxe as alças azuis das bordas e quinas. Na caixa e na imagem, muda a largura e a altura; em título, texto, botão e blocos de venda, as quinas aumentam ou diminuem o bloco inteiro. Você vê o tamanho mudando enquanto puxa, e ele fica quando você solta.
Colunas: puxe a divisória entre as colunas para mudar a proporção (60/40, 70/30...). No tablet, dá para manter igual ao computador ou empilhar.
Cada tela com o seu tamanho: troque para Celular, Tablet ou Computador no topo. A largura das caixas e a divisão das colunas são guardadas separadas para cada tela: o que você puxa no tablet vale só para o tablet. Títulos diminuem sozinhos no celular.
Mostrar em: esconda um bloco no celular ou no computador (Todos / Só computador / Só celular).
Cores e fontes da página: clique fora de qualquer bloco e o painel da direita mostra a Página: cor principal (botões e destaques), fundo, cor do texto, fonte e largura do texto.

Botões, link da oferta e âncoras

Em Página, preencha o Link da oferta (seu link de afiliado). Todos os botões que apontam para a oferta usam esse link, com o rastreamento da Click Defender. Se faltar, o editor avisa ao salvar.
Para um botão rolar até uma parte da página (ex.: "Ver kits"), dê um nome em Âncora no bloco de destino (em Mais opções) e escolha essa âncora no link do botão.
Escreva {hoje} em qualquer texto e o visitante vê a data do dia, útil em "Promoção válida até {hoje}".

Traduzir a página inteira

O botão Traduzir, no topo, passa todos os textos da página para outro idioma de uma vez: inglês, espanhol, francês, alemão, italiano, árabe, japonês e mais de 30 outros. Se o idioma não estiver na lista, é só digitar o nome dele na busca.

Muda só o texto. Link da oferta, imagens, cores e preços ficam como estão.
A página também passa a avisar o navegador do idioma novo. Em árabe e hebraico, ela vira da direita para a esquerda.
Não gostou? Clique em Desfazer e a página volta ao idioma anterior. Confira os textos antes de clicar em Salvar.
Para ter a página em dois idiomas ao mesmo tempo, duplique a campanha, troque o endereço (slug) da cópia em Configurações e traduza a cópia. Duas páginas com o mesmo domínio e slug não ficam no ar juntas.
O limite é de 40 traduções por dia por conta.

Meus blocos

Montou um bloco que quer usar em outras páginas (uma seção de kits com o seu visual, um rodapé com os seus dados)? Selecione e clique em Salvar como meu bloco. Ele aparece em Meus blocos, no topo da barra da esquerda, em qualquer página que você abrir.

Código próprio: scripts, pixels e CSS

Bloco Código HTML: cole player de vídeo (CD Player, VTurb), formulário ou qualquer embed. Se o código tem script, ele só roda na página publicada; use Ver página para conferir.
Em Página → Mais opções:
- CSS personalizado: vale para a página toda e já aparece no editor. Exemplo: .cdb-btn { border-radius: 0; } deixa todos os botões quadrados.
- Código no <head>: pixels, tags e meta tags.
- Código no fim da página: scripts que mexem na página depois que ela carrega.

Não precisa colar o script de rastreamento. A página do construtor já nasce com o rastreamento, a proteção e a decoração dos links da Click Defender. Os campos de código são só para o que for seu (pixel, chat, player).

Dúvidas comuns

Salvei e não mudou na página publicada. Atualize a aba da página (Ctrl+F5 ou Cmd+Shift+R). O Salvar publica na hora.
"Página salva, mas falta o link da oferta". Abra Página e preencha o Link da oferta. Sem ele, os botões não levam ao checkout.
Posso sair no meio? Pode. Se houver alteração sem salvar, o editor pergunta se você quer Salvar e sair, Sair sem salvar ou Continuar editando.
E se eu prefiro colar o meu HTML? Use o tipo HTML/Presell Customizada (Gabarito). O passo a passo está no artigo "Construtor de páginas (presell)".