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 opções, usar o componente de formulário e definir seus estilos específicos da página de aterrissagem.

NOTE
Você também pode criar uma landing page click-through sem uma Formulário componente. 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 Formulário componente. Para isso, siga as etapas abaixo.

  1. Arraste e solte as páginas de aterrissagem específicas Formulário da paleta esquerda para o espaço de trabalho principal.

    note note
    NOTE
    A variável Formulário O componente só pode ser usado uma vez na mesma página.
  2. Selecione-o. A variável Conteúdo do formulário é exibida na paleta direita para permitir a edição dos diferentes campos do formulário.

    note note
    NOTE
    Alterne para a Estilos a qualquer momento para editar os estilos do conteúdo do componente de formulário. Saiba mais
  3. No Caixa de seleção 1 é possível 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 estiver 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: é necessário selecionar a lista de assinaturas que será atualizada se o perfil marcar essa caixa de seleção. Saiba mais sobre 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 que foi usado para acessar a landing page. 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 Espaço reservado texto. Ele será exibido dentro do campo antes que o usuário preencha o campo.

    • Verifique a Tornar campo de formulário obrigatório opção, 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 ter adicionado 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 na variável Formulário componente.

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

    • URL de redirecionamento: digite o 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: configurar um subpágina e selecione-o na lista suspensa que é exibida.

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

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

    • Texto de erro: digite o texto do erro que será exibido. É possível visualizar o texto do erro ao definir a variável estilos de formulário.

    • Link para uma subpágina: configurar um subpágina e selecione-o na lista suspensa que é exibida.

  11. Se quiser fazer atualizações adicionais ao enviar o formulário, selecione Opção de participação ou Recusar e define 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 para a propriedades da landing page.

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 o Estilo guia.

  2. A variável Campos A seção é 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 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 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 Simular conteúdo botão. Saiba mais sobre como testar páginas de destino aqui.

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

  6. Expanda a Erro de formulário para ajustar a exibição da mensagem de erro que é exibida caso ocorra um 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 para um lista de assinaturas na página de aterrissagem primária, é possível 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 Formulário componente à 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. No Editar personalização selecione Atributos contextuais > Landing Pages > Contexto da página principal > Inscrição.

  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 expressã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