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

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 use-form-component

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 note
    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 note
    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 lp-form-styles

  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.

Usar contexto da página principal use-primary-page-context

Você pode usar dados contextuais provenientes de outra página dentro da mesma página de aterrissagem.

Por exemplo, se você vincular uma caixa de seleção a uma lista de assinaturas na página de aterrissagem principal, poderá usar essa lista de assinaturas na subpágina de agradecimento.

Digamos que você vincule duas caixas de seleção na página principal a duas listas de assinaturas diferentes. Se um usuário assinar uma dessas opções, você deseja exibir uma mensagem específica ao enviar o formulário, dependendo da caixa de seleção selecionada.

Para isso, siga as etapas abaixo:

  1. Na página principal, vincule cada caixa de seleção do componente Formulário à lista de assinaturas relevante. Saiba mais.

  2. Na subpágina, coloque o ponteiro do mouse onde deseja inserir o texto e selecione Adicionar personalização na barra de ferramentas contextual.

  3. Na janela Editar personalização, selecione Atributos contextuais > Páginas de Aterrissagem > Contexto da Página Principal > Assinatura.

  4. Todas as listas de assinaturas selecionadas na página principal são listadas. Selecione os itens relevantes usando o ícone +.

  5. Adicione as condições relevantes usando as funções auxiliares do editor de personalização. Saiba mais

    note caution
    CAUTION
    Se houver um caractere especial, como um hífen na expressão, você deverá omitir o texto, incluindo o hífen.
  6. Salve as alterações.

Agora, quando os usuários marcam uma das caixas de seleção,

a mensagem correspondente à caixa de seleção selecionada é exibida ao enviar o formulário.

NOTE
Se um usuário marcar as duas caixas de seleção, ambos os textos serão exibidos.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76