Como usar um formulário de inscrição de página inteira como uma página de destino

Estimado 6 minuto de leitura
|
Atualizado 11 de nov. de 2024, 10:29 EST
O que você vai aprender

O que você vai aprender

Saiba como criar um formulário de inscrição no Klaviyo que ocupa uma página inteira do seu site e é iniciado imediatamente quando o usuário clica em uma URL designada, lembrando uma experiência de página de destino para a qual os visitantes podem navegar para se inscrever. Para configurar isso, primeiro o senhor precisará criar o formulário de página inteira e, em seguida, ajustar determinadas configurações de comportamento do Targeting & para que ele apareça quando um usuário clicar em um determinado link.

Um formulário de inscrição de página inteira ocupa toda a altura e largura da página para parecer uma página de destino personalizada; na verdade, ele não é uma página de destino por si só, e um ícone de fechamento deve ser incluído para que os visitantes possam descartá-lo e retomar a experiência de navegação. Quando um espectador clicar no seu link, ele abrirá seu site com o formulário de página inteira que aparece imediatamente.

Criar um novo formulário de página inteira

Criar um novo formulário de página inteira

  1. Selecione Formulários de inscrição na navegação principal à esquerda.
  2. Para começar com um modelo em branco, selecione Create sign-up form (Criar formulário de inscrição) > Create new sign-up form (Criar novo formulário de inscrição). 
    • Dê um nome ao seu formulário e escolha a lista à qual os assinantes devem ser adicionados. 
    • Selecione um tipo de formulário Full Page.
    • Clique em Save (Salvar) e o design começa a criar seu novo formulário no editor de formulários.
      O modal de criação que aparece quando o usuário seleciona um modelo na biblioteca de formulários, onde nomeia, escolhe uma lista e escolhe um tipo de estilo para um novo formulário.
  3. Se preferir usar um formulário existente em sua conta ou personalizá-lo a partir de um modelo na biblioteca de formulários, navegue até a seção Styles (Estilos ) no editor e verifique se Full Page (Página inteira ) está definido como o Form Type (Tipo de formulário).
    A seção Styles é aberta no editor de formulários, mostrando a página inteira selecionada no menu Form Type (Tipo de formulário).
  4. Personalize o design e o conteúdo do formulário de acordo com sua meta. 
    • Selecione a guia Add blocks (Adicionar blocos ) à esquerda para arrastar e soltar diferentes blocos de entrada em 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 guia Styles (Estilos ) para editar e personalizar o formulário de acordo com sua marca (ou seja, imagens, cor de fundo, estilos de formulário, etc.). Saiba mais sobre estilos de formulários e opções de design.
    • Selecione qualquer texto na visualização para editá-lo e personalizar o tom ou a mensagem do formulário.
Atualize a chamada para ação em seu formulário

Atualize a chamada para ação em seu formulário

  1. No editor de formulários, clique no botão de envio na visualização do formulário (por exemplo, o botão "Subscribe" na imagem abaixo).
  2. Defina a ação do botão como Submit Form (Enviar formulário). O senhor também pode ajustar a lista à qual deseja que os assinantes sejam adicionados a partir daqui. Se a lista for double opt-in, lembre-se de atualizar a página de confirmação de assinatura associada.
  3. Ao lado de After Submit (Depois de enviar), escolha uma das opções:
    • Mostre a próxima etapa se o senhor quiser que os novos assinantes vejam a mensagem de sucesso depois de se inscreverem.
    • Vá para URL e insira a URL de destino se quiser redirecionar os assinantes para outra página do seu site, como a página inicial.
      Um exemplo de formulário de página inteira sendo criado no editor de formulários, mostrando o menu Button (Botão) aberto e a Action (Ação) definida como Submit Form (Enviar formulário), a List to Submit (Lista para envio) definida como Main list (Lista principal) e After Submit (Após envio) definida como Show Next Step (Mostrar próxima etapa).
Direcione seu formulário para aparecer quando um link for clicado

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

  1. No editor de formulários, selecione a seção Targeting & Behaviors.
    A seção de comportamento Targeting & destacada e selecionada no editor de formulários.
  2. Em Timing (Tempo), selecione Immediately (Imediatamente).
  3. Em Display Frequency (Frequência de exibição), defina o período de tempo como 0 dias e selecione Don't show again (Não mostrar novamente) se o formulário tiver sido enviado ou se o botão go to URL tiver sido clicado.
    A guia Display (Exibir) no editor mostra o Timing (Tempo) de um formulário definido como Immediately (Imediatamente), a Frequency (Frequência) definida para ser exibida novamente após 0 dias e o botão marcado para não ser exibido novamente após o envio do formulário ou o clique em go to URL (Ir para URL).
  4. Alterne para a seção Targeting (Direcionamento ) na parte superior.
  5. Em Visitors (Visitantes), selecione Show to all visitors (Mostrar para todos os visitantes).
    O menu Targeting é aberto no editor de formulários com a opção Show to all visitors (Mostrar a todos os visitantes) selecionada em Visitors (Visitantes).
  6. Em Targeting by URL, selecione Only show on certain URLs e , em seguida, escolha Containing no menu suspenso
  7. Na caixa de texto correspondente, insira um link de âncora. Um link de âncora começa com uma hashtag, seguida de um nome de página descritivo (por exemplo, #InstagramSignup).
    • Quando anexado ao final do URL do seu site (por exemplo, https://swak-lip-care.myshopify.com/#InstagramSignup), Qualquer pessoa que clicar no link será enviada para o seu site, onde o formulário de página inteira será carregado imediatamente, replicando uma experiência de página de destino.
      O Targeting for a form definido como Show to all visitors (Mostrar para todos os visitantes) e o Target by URL definido como show (Mostrar por URL) para mostrar apenas em URLs que contenham o link âncora de exemplo.
  8. Certifique-se de que o ícone de fechar (botão X) seja fácil de encontrar em seu formulário, pois essa é a única maneira pela qual os compradores poderão descartar o formulário de inscrição da tela. Clique no botão X na visualização dentro do editor para ajustá-lo.
  9. Quando estiver pronto, clique em Publicar.

Depois que o formulário for publicado, o senhor começará a coletar inscrições por meio do seu link de âncora. Os espectadores precisarão clicar diretamente no URL que contém o link âncora ou digitá-lo exatamente no navegador para que o site apareça exibindo o formulário de página inteira.

Por exemplo, se a SWAK Lip care definir o link âncora como #InstagramSignup para publicá-lo em uma história do Instagram, o link terá a seguinte aparência:

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

Próximas etapas

Próximas etapas

Compartilhe o link em seu canal social ou em suas mensagens para incentivar os espectadores a se inscreverem e receberem mais informações sobre sua marca.

Para tornar esse link clicável em sua história, utilize um adesivo de link do Instagram

Considere a possibilidade de adicionar uma divisão à sua série de boas-vindas para direcionar as pessoas que se inscreveram usando esse formulário, caso queira enviar a elas uma mensagem mais personalizada.

Recursos adicionais

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano