Como usar um formulário de registro de página inteira como landing page

read
Last updated at:

O que você vai aprender

Saiba como criar um formulário de registro no Klaviyo que ocupa uma página inteira no seu site e é aberto imediatamente quando um visitante clica em uma URL designada, se assemelhando a uma experiência de landing page para a qual os visitantes podem navegar e se inscrever. Para configurar isso, primeiro você precisa criar o formulário de página inteira e, em seguida, ajustar algumas configurações de Segmentação e comportamento para que ele apareça quando um usuário clicar em um determinado link.

Um formulário de registro de página inteira ocupa toda a altura e largura da página para parecer uma landing page personalizada; ele não é, na verdade, uma landing page por si só, e é preciso incluir um ícone de fechar para que os visitantes possam dispensá-lo e retomar a navegação. Quando um visualizador clicar no seu link, ele abrirá seu site com o formulário de página inteira aparecendo imediatamente.

Criar um novo formulário de página inteira

  1. Selecione formulário de registro na navegação principal à esquerda.
  2. Para começar com um modelo em branco, selecione Criar formulário de registro > Criar novo formulário de registro.
      • Dê um nome ao formulário e escolha a lista à qual os assinantes devem ser adicionados.
      • Selecione um tipo de formulário de página inteira.
      • Clique em Salvar e criar para começar a criar seu novo formulário no editor de formulários.
    The creation modal that appears when you choose a template in the form library where you name, choose a list for, and choose a style type for a new form.
  3. Se você preferir usar um formulário existente na sua conta ou personalizar a partir de um modelo na biblioteca de formulários, navegue até a seção Estilos no editor e verifique se Página inteira está definido como o Tipo de formulário.
    The Styles section open within the form editor showing the Full page selected in the Form Type menu.
  4. Personalize o design e o conteúdo do formulário para corresponder ao seu objetivo.
    • Selecione a aba Adicionar blocos à esquerda para arrastar e soltar diferentes blocos de entrada no seu formulário (ou seja, campo de número de telefone, campo de data etc.). Saiba mais sobre blocos e campos de formulários.
    • Selecione a aba Estilos para editar e personalizar o formulário para que ele combine com sua marca (por exemplo, imagens, cor de fundo, estilos de formulário etc.). Saiba mais sobre estilos de formulário e opções de design.
    • Selecione qualquer texto na prévia para editá-lo e personalizar o tom ou a mensagem do seu formulário.

Atualize a chamadas à ação no seu formulário

  1. No editor de formulários, clique no botão de envio na prévia do seu formulário (por exemplo, o botão "Inscrever-se" na imagem abaixo).
  2. Defina a Ação do botão como Enviar formulário. Você também pode ajustar aqui a lista à qual você quer que os assinantes sejam adicionados. Se a lista tiver inscrição em duas etapas, lembre-se de atualizar a página de confirmação de inscrição associada.
  3. Ao lado de Após enviar, escolha uma destas opções:
    • Mostrar próxima etapa se você quiser que novos assinantes vejam a mensagem de sucesso depois de se inscreverem.
    • Ir para URL e insira o URL de destino se você quiser redirecionar assinantes para outra página do seu site, como a sua página inicial.

An example full page form being created in the form editor showing the Button menu open and the Action set to Submit Form, the List to Submit set to Main list, and After Submit set to Show Next Step.

Direcione seu formulário para aparecer quando um link for clicado

  1. No editor de formulários, selecione a seção Segmentação e comportamentos.
    The Targeting & behavior section highlighted and being selected within the form editor.
  2. Em Timing, selecione Imediatamente.
  3. Em Frequência de exibição, defina o período como 0 dias e selecione Não mostrar novamente se o formulário tiver sido enviado ou se o botão "Ir para URL" tiver sido clicado.
    The Display tab within the editor showing a form's Timing set to Immediately, it's Frequency set to show again after 0 days, and the button checked to not show again after form submit or go to URL clicked.
  4. Alterne para a seção Segmentação no topo.
  5. Em Visitantes, escolha Mostrar para todos os visitantes.
    The Targeting menu open in the form editor with Show to all visitors selected under Visitors.
  6. Em Segmentação por URL, selecione Mostrar apenas em determinadas URLs, depois escolha Contendo no menu suspenso
  7. Na caixa de texto correspondente, insira um link âncora. Um link âncora começa com uma hashtag, seguida de um nome de página descritivo (por exemplo, #InstagramSignup).
      • Quando adicionado ao final do URL do seu site (por exemplo, https://swak-lip-care.myshopify.com/#InstagramSignup), qualquer pessoa que clicar no link será direcionada ao seu site, onde o formulário de página inteira será carregado imediatamente, replicando a experiência de uma landing page.
    The Targeting for a form set to Show to all visitors and the Target by URL set to show to Only show on URLs containing the example anchor link.
  8. Certifique-se de que o ícone de fechar (botão X) seja fácil de encontrar no seu formulário, pois esta é a única maneira de os clientes conseguirem dispensar o formulário de registro da tela. Clique no botão X na visualização dentro do editor para ajustá-lo.
  9. Quando estiver tudo pronto, clique em Publicar.

Quando o formulário for publicado, você vai começar a coletar assinantes pelo seu link âncora. Os visitantes precisarão clicar diretamente no URL que contém o link âncora ou digitá-lo exatamente no navegador para exibir seu site mostrando o formulário de página inteira.

Por exemplo, se a SWAK Lip care definir o link âncora como #InstagramSignup para publicar em um story do Instagram, o link ficará assim:

https://swak-lip-care.myshopify.com/#InstagramSignup.

Próximas etapas

Compartilhe seu link nos seus canais sociais ou em mensagens para incentivar os espectadores a se registrarem e saberem mais sobre sua marca.

Para tornar este link clicável no seu Story, utilize um adesivo de link do Instagram.

Considere adicionar uma divisão à sua série de boas-vindas para direcionar aqueles que se inscreveram usando este formulário, se você quiser enviar a eles uma mensagem mais personalizada.

x
Esse artigo foi útil?
Usuários que acharam isso útil: 67 de 116