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.
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.
-
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. -
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 -
Na seção Caixa de seleção 1, você pode editar o rótulo correspondente a essa caixa de seleção.
-
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).
-
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.
-
-
Clique em Adicionar campo > Caixa de seleção para adicionar outra caixa de seleção. Repita as etapas acima para definir suas propriedades.
-
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.
-
-
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.
-
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.
-
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.
-
-
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.
-
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
-
Para modificar os estilos do conteúdo do componente de formulário, alterne a qualquer momento para a guia Style.
-
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.
-
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.
-
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.
-
Expanda a seção Layout do formulário para editar as configurações do layout, como cor do plano de fundo, preenchimento ou margem.
-
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:
-
Na página principal, vincule cada caixa de seleção do componente Formulário à lista de assinaturas relevante. Saiba mais.
-
Na subpágina, coloque o ponteiro do mouse onde deseja inserir o texto e selecione Adicionar personalização na barra de ferramentas contextual.
-
Na janela Editar personalização, selecione Atributos contextuais > Páginas de Aterrissagem > Contexto da Página Principal > Assinatura.
-
Todas as listas de assinaturas selecionadas na página principal são listadas. Selecione os itens relevantes usando o ícone +.
-
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. -
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.