Como criar e publicar uma landing page?

Ao abrir uma página no construtor, a área de edição aproveita toda a largura disponível do painel. No computador, use Recolher menu, no topo da plataforma, para reduzir o menu principal a uma barra de ícones e ampliar a prévia. Use Expandir menu para mostrar os nomes novamente. Isso não troca o bloco selecionado, não descarta alterações e não salva nem publica o rascunho.

Em telas menores, o menu principal já fica oculto: abra pelo botão Abrir menu principal quando precisar navegar. O editor e a prévia ficam um abaixo do outro quando não há espaço para as duas colunas. O menu da página pública continua configurado separadamente, na aba Menu e rodapé.

No bloco Abertura, escolha Clássica ou Editorial em Apresentação da página. Editorial usa fotos amplas e tipografia de leitura. O painel continua compacto; a página pública mantém proporções de leitura. A legenda da imagem fica no bloco Abertura e em Imagem e texto. Identifique imagens ilustrativas e publique depoimentos somente quando forem reais e autorizados.

Abra Apps & Integrações → Landing pages, edite a página e entre na aba Aparência. As cores são usadas na apresentação Editorial, escolhida em Conteúdo → Abertura → Apresentação da página. A apresentação Clássica continua usando as cores da loja.

Em Fundos, escolha cores da página, cartões e menu, formulário, bloco de imagem e texto, chamada final e Como funciona. Em Textos e detalhes, ajuste títulos, textos de apoio, textos de Como funciona e bordas. Em Botões, ajuste a cor dos botões/destaques e a cor do texto. Use o seletor ou digite # e seis caracteres hexadecimais. Valor vazio usa o padrão; um valor inválido também usa o padrão e exibe um aviso.

A prévia acompanha as mudanças. O aviso de contraste compara o texto principal com o fundo da página e o texto dos botões com sua cor; confira também todos os outros blocos em computador e celular. Restaurar cores padrão limpa só a personalização das cores, sem apagar conteúdo, imagens ou SEO. Salvar guarda o rascunho; Publicar atualiza a página pública. As cores não modificam o painel, outras páginas, as próprias imagens nem o rodapé padrão do e-commerce.

Na aba Menu e rodapé, ative Exibir menu e rodapé. Mantenha um bloco Abertura ativo. Informe o nome da marca e escolha Usar logo do e-commerce ou Usar outra logo nesta página. A logo completa aparece sem recorte e leva ao início da loja; não é o ícone da aba. O campo mostra uma prévia, permite escolher ou trocar a imagem e recomenda 600 × 180 pixels com fundo transparente.

Manter menu fixo ao rolar deixa a navegação acessível. Em Links do menu, adicione, remova e reordene até oito links para blocos visíveis, páginas da loja ou endereços externos. Ver loja vem como sugestão. O botão de destaque é opcional e aparece somente no computador. No celular, o menu é recolhível; não há botão fixo inferior repetindo a chamada.

Em Modelo de rodapé, escolha Rodapé padrão do e-commerce para reutilizar identidade, contatos, políticas e links mantidos nas configurações da loja. Essas informações acompanham futuras alterações no e-commerce. Rodapé personalizado da página permite editar texto e até oito links, mantendo a atribuição HubFlower. As escolhas também funcionam na apresentação Clássica quando ativadas. O crédito HubFlower leva a hubflower.com.br com a origem da loja no endereço; ele é separado dos contatos da sua loja. Salvar mantém o rascunho; Publicar aplica a mudança ao site.

Em Apps & Integrações → Landing pages, edite a página e abra Menu e rodapé. Com Rodapé padrão do e-commerce selecionado, ative Personalizar pagamento nesta página. Edite Título do pagamento e Descrição do pagamento. Por exemplo, use Pagamento da assinatura e Pagamento da recorrência somente no cartão quando essas forem as condições reais da oferta.

Essa personalização substitui tanto o cartão Pague como preferir quanto a seção Formas de pagamento dessa página. Pix, bandeiras e parcelamento automáticos deixam de aparecer. Campos vazios usam textos neutros. Desative Mostrar informações de pagamento para ocultar as duas áreas sem apagar os textos; desative Personalizar pagamento nesta página para voltar a usar as condições do e-commerce.

Confira o rodapé na prévia da aba Conteúdo. Salvar guarda o rascunho; Publicar atualiza a landing page. O rodapé personalizado usa seus próprios textos e links. Nada disso muda os meios de pagamento do checkout, habilita cobrança recorrente ou altera outras páginas da loja.

Na Chamada final, ative Pedido de proposta pelo WhatsApp quando a página usar a apresentação Editorial. Configure o botão principal com https://wa.me/ seguido do número com país e DDD e cadastre as Opções de ambiente, uma por linha.

Em Apps & Integrações → Landing pages, abra a página e entre em Conteúdo → Chamada final. Use Mostrar cidade e bairro e Mostrar quantidade de pontos para exibir ou ocultar cada campo separadamente. Edite Nome do campo de cidade, Exemplo dentro do campo e Nome do campo de quantidade. Em Opções de quantidade, informe uma opção por linha, até 20 opções de 50 caracteres; a primeira fica selecionada inicialmente. Linhas vazias e repetidas são ignoradas. Textos e listas vazios usam o padrão, mantendo as páginas antigas compatíveis.

A prévia acompanha a edição. Campos ocultos não entram na mensagem do WhatsApp; ao reativá-los, a configuração é preservada. O campo de cidade continua opcional. Salvar guarda o rascunho, sem mudar o site; Publicar aplica as escolhas à página pública.

O visitante preenche os campos visíveis e o botão prepara uma mensagem com os nomes personalizados para revisão e envio no WhatsApp. Preencher a página não envia dados automaticamente, não cria um lead no painel e não contrata nem cobra uma assinatura. Para outros destinos, o botão continua sendo um link comum.

Em SEO e publicação, escolha uma Imagem de compartilhamento com marca, mensagem curta e boa leitura em tamanho pequeno. Uma capa horizontal JPG ou PNG de 1200 × 630 pixels é uma boa opção. Título e descrição também fazem parte da apresentação do link. Publique e confira o endereço público antes de divulgar.

O aplicativo de mensagem decide quando buscar e como mostrar a prévia. Links já enviados podem conservar a aparência anterior. Depois de uma mudança, cole o link em uma nova mensagem e aguarde a prévia antes de enviar. Se continuar antiga, tente o endereço com ?compartilhar=2 ao final. Isso não muda o conteúdo nem garante atualização imediata do cache do aplicativo.

Informe nos planos o preço, a frequência de renovação e a forma de cobrança. Um equivalente mensal não deve ocultar o total efetivamente cobrado pelo período. Não use selos como Mais escolhido sem dados que sustentem a afirmação.

SEO e publicação reúne endereço, título, descrição, imagem de compartilhamento e indexação. Salvar preserva a versão pública; Publicar atualiza o conteúdo publicado. Confira a página aberta no domínio da loja em computador e celular. Ao trocar uma URL que já foi divulgada, combine o redirecionamento do endereço antigo com o suporte; o editor não cria redirecionamentos automaticamente.