Definir conteúdo específico da página de destino

Última atualização: 5 de novembro de 2024

Criado para:

  • Iniciante
  • Usuário

Para projetar o conteúdo da página de aterrissagem, é possível usar os mesmos componentes de um email. Saiba mais

Para criar conteúdo específico que permita aos usuários selecionar e enviar suas escolhas, use o componente de formulário e defina seus estilos específicos de página de aterrissagem.

NOTE
Você também pode criar uma página de aterrissagem de click-through sem um componente de Formulário. Nesse caso, a landing page será exibida para os usuários, mas eles não precisarão enviar nenhum formulário. Isso pode ser útil se você quiser apenas mostrar uma landing page sem exigir qualquer ação de seus recipients, como aceitação ou recusa, ou se quiser fornecer informações que não exijam entrada do usuário.

Com o designer de conteúdo da página de aterrissagem, você também pode aproveitar os dados contextuais provenientes da página principal em uma subpágina. Saiba mais

Usar o componente de formulário

Para definir um conteúdo específico que permita aos usuários selecionar e enviar suas opções a partir da página de aterrissagem, use o componente Formulário. Para isso, siga as etapas abaixo.

  1. Arraste e solte o componente Formulário específico da página de aterrissagem da paleta esquerda no espaço de trabalho principal.

    NOTE
    O componente Formulário só pode ser usado uma vez na mesma página.

  2. Selecione-o. A guia Conteúdo do formulário é exibida na paleta direita para permitir que você edite os diferentes campos do formulário.

    NOTE
    Alterne para a guia Estilos a qualquer momento para editar os estilos do conteúdo do componente de formulário. Saiba mais

  3. Na seção Caixa de seleção 1, você pode editar o rótulo correspondente a essa caixa de seleção.

  4. Defina se essa caixa de seleção é para aceitar ou recusar os usuários: eles concordam em receber comunicações ou pedem para não serem mais contatados?

    Selecione entre as três opções abaixo:

    • Aceitar se estiver marcado: os usuários precisam marcar a caixa para consentir (aceitar).
    • Recusar se marcado: os usuários precisam marcar a caixa para remover seu consentimento (recusar).
    • Aceitar se estiver marcado, recusar se estiver desmarcado: essa opção permite inserir uma única caixa de seleção para aceitação/recusa. Os usuários precisam marcar a caixa para consentir (aceitar) e desmarcá-la para remover seu consentimento (recusar).

  5. Escolha o que será atualizado entre as três opções a seguir:

    • Lista de assinaturas: você deve selecionar a lista de assinaturas que será atualizada se o perfil marcar esta caixa de seleção. Saiba mais em listas de assinaturas.

    • Canal (email): a aceitação ou recusa se aplica a todo o canal. Por exemplo, se um perfil que recusar tiver dois endereços de email, ambos os endereços serão excluídos de todas as suas comunicações.

    • Identidade de email: a aceitação ou recusa se aplica somente ao endereço de email usado para acessar a página de aterrissagem. Por exemplo, se um perfil tiver dois endereços de email, somente aquele que foi usado para opt in receberá comunicações da sua marca.

  6. Clique em Adicionar campo > Caixa de seleção para adicionar outra caixa de seleção. Repita as etapas acima para definir suas propriedades.

  7. Você também pode adicionar um Campo de texto.

    • Insira o Rótulo que será exibido na parte superior do campo no formulário.

    • Insira um texto de Espaço reservado. Ele será exibido dentro do campo antes que o usuário preencha o campo.

    • Marque a opção Tornar campo de formulário obrigatório, se necessário. Nesse caso, a landing page só poderá ser enviada se o usuário tiver preenchido esse campo. Se um campo obrigatório não estiver preenchido, uma mensagem de erro será exibida quando o usuário enviar a página.

  8. Depois de adicionar todas as caixas de seleção e/ou campos de texto desejados, clique em Chamada para ação para expandir a seção correspondente. Ela permite definir o comportamento do botão no componente Formulário.

  9. Defina o que acontecerá ao clicar no botão:

    • URL de redirecionamento: digite a URL da página para a qual os usuários serão redirecionados.
    • Texto de confirmação: digite o texto de confirmação que será exibido.
    • Link para uma subpágina: configure uma subpágina e selecione-a na lista suspensa que é exibida.

  10. Defina o que acontecerá ao clicar no botão caso ocorra um erro:

    • URL de redirecionamento: digite a URL da página para a qual os usuários serão redirecionados.

    • Texto do erro: digite o texto do erro que será exibido. Você pode visualizar o texto do erro ao definir os estilos de formulário.

    • Link para uma subpágina: configure uma subpágina e selecione-a na lista suspensa que é exibida.

  11. Para fazer atualizações adicionais ao enviar o formulário, selecione Aceitar ou Recusar e defina se deseja atualizar uma lista de assinaturas, o canal ou apenas o endereço de email usado.

  12. Salve o conteúdo e clique na seta ao lado do nome da página para voltar às propriedades da página de aterrissagem.

Definir estilos de formulário de página de destino

  1. Para modificar os estilos do conteúdo do componente de formulário, alterne a qualquer momento para a guia Style.

  2. A seção Campos é expandida por padrão e permite editar a aparência do campo de texto, como o rótulo e a fonte do espaço reservado, a posição do rótulo, a cor de fundo do campo ou a borda do campo.

  3. Expanda a seção Caixas de seleção para definir a aparência das caixas de seleção e o texto correspondente. Por exemplo, é possível ajustar a família ou o tamanho da fonte, ou a cor da borda da caixa de seleção.

  4. Expanda a seção Botões para modificar a aparência do botão no formulário do componente. Por exemplo, você pode alterar a fonte, adicionar uma borda, editar a cor do rótulo ao passar o mouse ou ajustar o alinhamento do botão.

    Você pode visualizar algumas de suas configurações, como a cor do rótulo do botão ao passar o mouse, usando o botão Simular conteúdo. Saiba mais sobre como testar páginas de aterrissagem aqui.

  5. Expanda a seção Layout do formulário para editar as configurações do layout, como cor do plano de fundo, preenchimento ou margem.

  6. Expanda a seção Erro de formulário para ajustar a exibição da mensagem de erro exibida em caso de problema. Marque a opção correspondente para visualizar o texto do erro no formulário.