Vamos começar?Para criar sua primeira landing page, faça login na sua conta Benchmark e siga os passos abaixo:
No painel principal, clique na opção de Landing Pages e então selecione Landing Pages.
Clique no botão Criar Nova Landing Page.
Escolha um nome para a sua Landing Page. Este nome será apenas de referência, os visitantes não poderão vê-lo.Ao concluir, clique em Próximo.
Para criar uma cópia de uma landing page existente, clique no ícone de mais opções da landing page que deseja duplicar. Atribua um novo nome à cópia ou simplesmente mantenha o nome padrão e clique em Salvar.
Criar uma cópia de uma landing page significa que apenas o conteúdo da página de entrada original será copiado, como textos, imagens e links. Ou seja, você ainda precisará preencher a checklist da landing page para poder publicá-la.
Você passará a visualizar a checklist. Perceba que o botão de Publicar ainda não estará ativado. Ele permanecerá assim até que você complete todas as etapas.
Preencha toda a checklist com as informações, o título e a descrição da sua landing page. O título e a descrição podem ajudar a melhorar o desempenho da sua página. Clique aqui para saber mais.Importante: Quando as informações em todas os etapas da lista forem adicionadas, o símbolo de marcação (✔) ficará verde.
Agora, vamos nos concentrar na etapa de Design.
Para customizar sua landing page, na checklist, clique em Criar o Design da Landing Page.
MAIS INFORMAÇÕES
O Editor de Landing Page é quase uma réplica do nosso Editor de Email e, se você estiver familiarizado com ele, criar uma landing page será fácil, fácil. Mas caso você não esteja, continue lendo para aprender a usar Editor de Arrastar e Soltar.
No canto superior esquerdo, você verá três guias. A primeira, selecionada por padrão, é Modelos. Você pode começar a criar do zero escolhendo Layouts em branco, ou pode clicar em Templates e selecionar um dos modelos existentes. Você pode escolher qualquer opção, ambas são adaptáveis a dispositivos móveis e fáceis de usar.
Depois que um layout é selecionado, esta é a tela que você vai ver.
Modelos: Esta opção te levará de volta às opções de layout, onde é possível alterar para um modelo predefinido ou utilizar um modelo em branco. Caso opte por alterar os modelos, você irá deletar permanentemente qualquer conteúdo criado na sua landing atual. Esta ação não é reversível.
Estilos gerais: Nesta guia, você encontrará a opção Cor do plano de fundo, onde é possível alterar a cor do plano de fundo da sua landing page.
Botão Mostrar Áreas: Este botão mostra as seções da sua landing page e o número de colunas em cada seção.
Botão Mostrar Blocos: Ao clicar aqui, uma moldura verde é colocada sobre cada bloco e você verá as opções de Mover, Copiar e Excluir seus blocos.
Botão Versão Mobile: Nosso editor responsivo organiza automaticamente os blocos para otimizar a exibição da sua landing page nos dispositivos móveis. No entanto, essa opção possibilita controlar como sua página será exibida num dispositivo móvel. Caso não goste do layout para celular, você poderá personalizar as seções para adaptar melhor o conteúdo. Importante: Fazer alterações nesta parte, também será alterada a exibição para desktop.
Título: No canto superior direito, você verá o nome da sua landing page. Lembrando que este não é o título da página.
Voltar ao Checklist: Ao selecionar esta opção, você retornará à Checklist principal, onde poderá concluir outras seções necessárias.
Layout da Landing Page: É aqui que o design da sua página é feito. Arraste e solte blocos nesta área para personalizar sua landing page.
Layout da Landing Page: É aqui que o design da sua página é feito. Arraste e solte blocos nesta área para personalizar sua landing page.
Pré-visualize: Essa opção permite que você veja como a aparência da sua landing page vai ficar no seu navegador.
Salvar & Próximo: Ao clicar nessa opção, você salva seu trabalho e passa para a Checklist principal para publicar imediatamente ou em outro momento.
Ocultar
Esta opção permite ocultar alguns elementos em alguns dispositivos. Para usá-la, clique no elemento que deseja ocultar, vá para a guia Contentor e alterne a barra de cinza para azul. Você pode ocultar alguns elementos de dispositivos móveis ou desktop.
Seções são as partes em que o layout da sua landing page é dividido. Uma landing page pode ter várias seções, e cada seção pode ter diferentes blocos.
Você poderá encontrar a opção de Seções dentro da guia de Blocos epoderá adicionar quantas seções achar necessário.
As seções disponíveis estão divididas em colunas, ou seja, elas podem ter de 1 a 4 colunas.
Para adicionar uma seção na sua landing page, basta arrastar e soltar o bloco com o número de colunas que deseja ter, como mostra a imagem abaixo.
Para visualizar as seções no seu layout, clique no botão Mostrar Áreas.
Clicando neste botão, você poderá ver a landing page dividida em seções e cada seção mostrará número de colunas por seção, bem como as seguintes opções:
Seta(s): Esta opção permitirá que você mova a seção para cima ou para baixo.
Engrenagem: Abre as configurações da seção onde você pode alterar a cor de fundo ou adicionar uma imagem de fundo para a seção selecionada.
Copiar: Permite a cópia de uma seção inteira. A seção copiada é então inserida.
Lixeira: Esta opção exclui a seção inteira, uma ação que não é reversível.
Para sair do modo de seção, clique no botão Esconder Áreas.
As imagens de plano de fundo estão disponíveis na área de seções e na aba de Estilos Gerais. Para adicionar uma imagem de plano de fundo, siga as etapas abaixo:
Adicionar uma imagem de plano de fundo em uma seção
Essa opção adiciona uma imagem de plano de fundo a uma seção específica do layout da sua landing page.
Na sua landing page, clique na opção Mostrar Áreas.
Vá até a seção onde você deseja adicionar uma imagem de fundo e clique no ícone de engrenagem.
As configurações da seção serão exibidas à esquerda. Clique em Adicionar Background.
Adicionar uma imagem de fundo em toda a página
Ao adicionar uma imagem de fundo através da aba de Estilos Gerais, a imagem será aplicada ao fundo de todo o design da sua landing page.
No design da sua landing page, clique na aba de Estilos Gerais.
Clique na opção Imagem de Fundo.
Por fim, selecione a opção Adicionar Background.
Em ambas as opções:
Ao selecionar a opção de Adicionar Background, você verá a sua Galeria de Imagens. Você poderá então adicionar uma imagem existente ou adicionar uma nova.
Uma vez que a imagem for inserida, novas configurações aparecerão.
Estilos de Fundo
Preencher. A imagem preencherá o tamanho da tela, cobrindo a seção inteira. Ao rolar a página, a imagem ficará estática.Veja um exemplo de uma landing page usando o estilo Preencher. Para esta página, usamos um plano de fundo no começo e outro no final. Na seção do meio, adicionamos uma cor que corresponde cor final da primeira imagem e à cor inicial da última imagem, criando um efeito de gradiente.
Mosaico. A imagem será exibida lado a lado, baseada em seu tamanho. As imagens criarão um efeito semelhante a um mural com mosaico. O número de cópias da imagem será ajustado de acordo com o tamanho da tela.
Parallax. Essa opção corrigirá sua imagem e dará o efeito de um movimento dinâmico ao rolar pela sua landing page. A imagem ocupará 100% da tela, e você também pode definir a posição da imagem.
Observação: O efeito parallax é melhor observado ao rolar para cima e para baixo. Você pode ir de uma seção para outra com a aparência de que a imagem anterior desaparece, enquanto a nova imagem a cobre completamente, como neste exemplo da taça de vinho.
Posição da Imagem. Esses controles permitem alterar a posição da imagem facilmente. Selecione a opção que melhor atenda à sua necessidade.
Opções de Edição
Editar: Utilize o nosso editor de imagens para redimensionar ou adicionar um efeito na sua imagem.
Substituir: Se a imagem adicionada não é bem o que você precisa, você pode substituí-la.
Reiniciar: Essa opção irá deletar a imagem, permitindo que você utiliza uma nova imagem ou uma cor de fundo.
Layout do Conteúdo
Background com Moldura: Essa opção, também chamada de caixa, possui um preenchimento nas laterais e uma cor de fundo aplicada a ela. O conteúdo ficará centralizado.
Background com Largura Completa: Esta opção irá mostrar o conteúdo sem nenhuma moldura ao redor.
Ao finalizar, não se esqueça de clicar em Salvar & Fechar.
Os blocos podem ser elementos de design ou mesmo funcionalidades. Clicando na guia de Blocos, você terá duas opções: Seções e Conteúdo. Para encontrar os blocos disponíveis, clique na opção Conteúdo abaixo da guia blocos.
Para adicionar um bloco ao seu layout, clique no bloco desejado e então arraste para onde deseja posicioná-lo, como mostra a imagem abaixo.
MAIS INFORMAÇÕES
Agora, mostraremos os blocos disponíveis. Continue lendo para aprender como utilizá-los.
Com estes blocos, você poderá carregar uma imagem ou selecionar uma imagem existente da sua galeria. Para utilizar qualquer um desses blocos, arraste-o para a sua landing page primeiro e, em seguida, adicione a imagem.
Arraste e solte uma imagem do seu computador. Ao escolher esta opção, certifique-se de que o bloco esteja aberto antes de soltar a imagem.
Procurar por um arquivo – Escolher esta opção permite que você selecione uma imagem já carregada em sua galeria. Você também pode fazer upload de novas imagens ou utilizar imagens hospedadas em outros sites. Se você tiver a URL de uma imagem, clique na opção Inserir imagem da URL e então cole a URL da imagem.
Depois de já ter sua imagem no layout da landing page, você verá no painel esquerdo algumas opções para personalizar sua imagem.
Um Bloco Imagem irá incluir uma imagem no seu layout, enquanto o Bloco Cartão de Imagem irá incluir uma imagem com texto dentro de um quadro em seu layout.
Abaixo você pode ver um Bloco Imagem à esquerda e um bloco Cartão de Imagem à direita.
Qual utilizar, afinal?
Utilize o Bloco Imagem quando for necessário adicionar uma imagem simples.
Utilize o Bloco Cartão de Imagem quando for necessário adicionar uma descrição à sua imagem, e caso você mova o bloco de lugar, a descrição também será movida.
Para aprender como adicionar um Bloco de Imagem, clique aqui. Para aprender como adicionar um Bloco Cartão de Imagem, clique aqui.
Um Bloco de imagem com Legenda Inferior é um bloco que permite que você adicione um texto à sua foto. A principal diferença entre este bloco e o Bloco de Cartão de Imagem é que este bloco não possui um quadro ou container. Você pode ajustar o padding até a borda do layout, como mostrado abaixo, onde o bloco de legenda está à esquerda, e o bloco de cartão de imagem está à direita.
Para aprender como adicionar um Bloco de imagem com Legenda Inferior, clique aqui.
Você pode adicionar texto à sua landing page através do Bloco Texto. Para utilizá-lo, basta arrastar para onde deseja posicioná-lo. Após isso, mude o texto padrão e insira o seu próprio.
Abaixo, seguem algumas observações sobre o uso dos Blocos de Texto:
Mais opções de blocos de texto
Verificação Ortográfica Novo
O recurso de Verificação Ortográfica de Marca de Referência verifica seu conteúdo para garantir que sua ortografia esteja correta. O idioma da Correção Ortográfica será o padrão para o idioma preferido de sua conta. Você pode alterar o idioma ou desativar o recurso de Correção Ortográfica na barra de menu superior da Landing Page.
Para ver o corretor ortográfico em ação, abra qualquer bloco de texto e comece a escrever. Palavras mal soletradas são sublinhadas em vermelho. Você pode clicar com o botão direito sobre a palavra para selecionar a ortografia correta ou ignorar o aviso. A opção Mais abrirá outra lista de palavras disponíveis.
IMPORTANTE
O clique direito não funciona: Alguns sistemas operacionais possuem configurações padrão para gestos de clique com o botão direito do mouse. Verifique as configurações do seu mouse ou trackpad se o clique com o botão direito do mouse não solicitar as sugestões ortográficas.
MAIS INFORMAÇÕES
Escolher a opção Ignorar poupa a preferência durante essa instância. Se você fechar o bloco e voltar a ele mais tarde, a palavra mal soletrada aparecerá como mal soletrada.
O recurso de Verificação Ortográfica está atualmente disponível nos seguintes idiomas.
Inglês
Espanhol
Deutsch (alemão)
Italiano
Português (BR)
Francês
Colar Fácil Novo
Copie e cole seu conteúdo de outras fontes usando o recurso Easy Paste. O recurso Easy Paste torna a cópia e colagem de conteúdo de outras fontes como seu website, Google e Microsoft Documents rápida e fácil. Você pode remover a formatação original ou mantê-la para corresponder a suas outras páginas.
Para usar o recurso Easy Paste, siga os passos abaixo.
Copie seu conteúdo de uma de suas fontes.
Em seguida, cole o conteúdo em um dos blocos de texto do seu e-mail.
Na janela popup, selecione Manter ou Remover formato.
Remove formatos, remove estilos em linha e mantém algumas formatações como negrito, itálico, recuo, listas numeradas e links de URL.
Manter o formato, preservando o estilo e a estrutura do conteúdo original. Easy Paste somente preservará HTML seguro para web e removerá estilos, atributos e tags inseguros inválidos, proprietários dentro do código do conteúdo.
Quando terminar o seu conteúdo, clique em Salvar.
IMPORTANTE
As fontes que não são seguras para a web serão padrão para a fonte Arial.
O recurso Easy Paste não suporta imagens.
Você pode usar a Barra de Ferramentas de Bloco de Texto ou o Editor de Código do bloco, se for necessário mais estilo.
Copiar e Colar
Caso você tenha um texto que gostaria de copiar e colar na sua landing page, nós recomendamos utilizar a opção Colar. Essa opção remove qualquer caractere oculto no seu texto que possa interferir na aparência do texto.
Código-fonte
Para adicionar um código-fonte, clique no ícone Código-fonte e então cole seu código.
Caso você não encontre a opção mencionada acima, clique no ícone Ver Mais na barra de ferramentas.
Vídeos são ótimas ferramentas visuais. Através deles, você pode apresentar as qualidades de um produto ou as razões pelas quais eles deveriam escolher você ao invés de seus concorrentes. Sempre que possível, utilize vídeos em sua landing page.
Caso você queira aprender como fazer o upload de um vídeo na sua Galeria e como adicioná-lo em seu layout, clique aqui.
Divisores são uma ótima opção para criar espaços entre elementos da sua landing page, e não precisam ser necessariamente espaços em branco. Para adicionar um divisor, arraste o bloco até a posição desejada. Saiba quais são as possibilidades dos divisores aqui.
A CTA (“Call to Action”, ou “Chamada para Ação” em português) é a parte mais interessante de sua landing page. Aqui é decidido se todo o trabalho colocado no design de sua landing page foram frutíferos. Para adicionar um botão, arraste-o para a posição desejada. No painel da esquerda, você verá as opções para customizar seu botão. Abaixo você terá mais informações sobre as configurações do botão Conteúdo.
Nesta caixa, você irá adicionar o texto do botão, ou seja, a sua CTA (Call to Action). Sua landing page tem um alvo e um objetivo de marketing, e a CTA irá te ajudar a alcançar esses objetivos. Escreva seu texto de uma maneira que irá atrair a atenção de seus visitantes.
Primeiro, selecione o Tipo de Link. Depois, na seção Link, adicione a URL que deseja redirecionar seus visitantes. Observe que também poderá ser uma URL externa ou mesmo outra região da mesma landing page. Por exemplo, caso escreva CADASTRE-SE AQUI,você poderá redirecionar o visitante a um formulário de cadastro na mesma landing page. Caso queira adicionar um link alternativo, siga um dos passos abaixo:
Você pode adicionar um link alternativo clicando na opção Link na barra de edição de texto.
Também é possível adicionar selecionando diretamente o tipo de link na opção de Conteúdo do bloco Botão. Nota: Você precisa criar uma âncora antes. Para saber como criar uma âncora, clique aqui.
Barra de edição de texto: Nela, você pode encontrar as opções de customização para o seu texto e também as opções de links.
Caso você tenha vários botões em sua landing page, não é necessário ir um a um para customizá-los. Customize um botão e apenas marque a opção “Aplicar o estilo a todos”. Assim, todos os botões em sua landing page a partir desse momento terão o mesmo estilo.
Os blocos de mídia social são essenciais. Nosso editor oferece dois tipos de blocos para adicionar suas redes sociais. Para usar qualquer um dos blocos, arraste-o para a seção de sua escolha.
O bloco Mídias Sociais permite adicionar o ícone de suas mídias sociais ou o ícone + texto. Esse bloco permite adicionar até 20 serviços diferentes, incluindo Facebook, Twitter, Whatsapp, Linkedin, YouTube, Pinterest, RSS, Vimeo, TripAdvisor, entre outros.
O bloco Compartilhar nas Redes Sociais adiciona os seguintes serviços: Facebook, Twitter, Linkedin, Myspace e instapaper. Assim, esse bloco permitirá que os usuários compartilhem sua landing page diretamente nas redes sociais citadas.
Qual bloco utilizar?
Se você deseja redirecionar os visitantes da sua landing page para as suas redes sociais, utilize o bloco de Mídias Sociais, assim, seus visitantes poderão clicar nas mídias sociais onde gostariam de acompanhar ou seguir você.
Agora, se você deseja que os visitantes compartilhem o seu conteúdo, utilize o bloco Compartilhar nas Redes Sociais.
Siga as instruções abaixo para adicionar um serviço nestes dois blocos:
Arraste o bloco desejado ou clique em um desses blocos já existente em seu layout.
No painel esquerdo, vá até a guia Conteúdo.
Clique no menu suspenso Adicionar um Serviço (ou Add Service), selecione um dos serviços e depois clique no ícone de adicionar ao lado do menu.
Dentro do seu email, clique no ícone de serviço recém adicionado. As opções para personalizar serão exibidas no painel esquerdo.
Adicione a URL do link e personalize os ícones. Ao finalizar as configurações, você pode usar a opção Aplicar raio para todos os blocos no texto para adicionar o mesmo raio a todos os botões.
Além disso, ao passar o mouse sobre um dos ícones, você terá a opção de movê-lo ou excluí-lo.
A barra de navegação ajuda seus visitantes a descobrirem mais sobre seu negócio.
Para adicionar um link, clique no ícone “(+)”. Para customizar esse link, clique nele, e as opções de customização irão aparecer no painel da esquerda. Você pode adicionar até seis links. Existem duas opções de link: Texto ou imagem. Você pode selecionar qualquer uma dessas opções.
Existem três tipos de layout disponíveis para seus links de navegação. Você pode combinar imagens e textos. Clique nos estilos e selecione o que melhor se encaixa no seu design.
Use as opções de alinhamento horizontal e vertical para customizar sua barra. A opção Tamanho determina o espaçamento entre cada link.
Na Estilização Mobile, você pode escolher as opções Padrão, Vertical e Vertical centralizada para determinar a aparência da sua página em um dispositivo móvel.
Landing pages são uma ótima maneira de obter novos contatos para a sua lista. Quanto mais contatos você tiver, mais pessoas o seu conteúdo irá alcançar, o que torna sua página capaz de aumentar suas vendas.
MAIS INFORMAÇÕES
Siga essas instruções caso você já tenha criado um formulário de cadastro incorporado. Para saber como criar um, clique aqui.
Arraste o ícone de Formulário de Inscrição para a posição desejada no layout.
Vá ao painel da esquerda e selecione “Formulário Incorporado” no menu suspenso.Importante: Apenas formulário incorporados são permitidos nas landing pages.
Seu formulário irá aparecer na área selecionada. No editor da landing page, você pode customizar a largura ativando a Largura Customizada. Caso você precise customizar seu formulário, clique na opção Abrir Editor de Formulários. Essa opção irá abrir uma nova janela onde você poderá alterar seu formulário. Quando terminar, clique em Salvar & Publicar e depois em Confirmar.
Alguns segundos depois, as alterações serão aplicadas em sua landing page. Se você não conseguir visualizar as novas alterações, exclua o formulário de inscrição da sua landing page (para excluir, passe o mouse sobre o formulário e clique no ícone de excluir) e adicione o mesmo formulário novamente, repetindo as etapas acima.
O bloco de Ecommerce pode ser utilizado para promover a venda dos produtos de sua loja online através de suas landing pages.
O bloco de Ecommerce inclui o seguinte:
Espaço reservado para imagem
Descrição do produto
Preço do produto
Seção para botão
Para utilizar este bloco, arraste-o e solte-o para uma das seções de sua landing page.
Para personalizar seu Bloco de Ecommerce, siga as seguintes etapas:
Comece adicionando a imagem do produto.
Adicione uma descrição do produto, que deve ser curta e descritiva.
Atualize o preço do seu produto.
Em seguida, personalize o botão do produto com o seguinte:
Texto do botão.
URL do botão – Adicione um link onde seus contatos possam visitar para finalizar a compra.
Por último, estilize o botão de acordo com sua identidade de marca. Você pode poupar tempo ao definir o mesmo estilo para todos os botões presentes em sua landing page. Para saber mais sobre as opções de estilo dos botões, clique aqui.
Se você preferir não usar nenhum dos elementos do bloco, basta desativá-los na guia Conteúdo.
Ao concluir, clique em Salvar e depois em Salvar e Próximo ou simplesmente clique fora do layout de sua página para salvar seu trabalho.
Veja alguns exemplos de como o Bloco de Ecommerce pode ser usado e estilizado.
Para começar a utilizá-lo, clique e arraste o bloco para a seção desejada do layout de sua landing page.
É importante observar que, para usar o Bloco de Produtos da Shopify, você precisará ter uma conta paga e ativa na Shopify. Ao usar o bloco pela primeira vez, você precisará integrar a Shopify com a sua conta Benchmark. Para saber como fazer a integração, clique aqui.
Uma vez que você tiver completado a integração com sucesso, você verá uma lista de produtos disponíveis.
Selecione então um dos produtos disponíveis. O bloco irá ser preenchido automaticamente com as informações do produto conforme detalhado na sua loja da Shopify.
O Bloco de Produtos da Shopify possui as seguintes opções:
Foto do Produto
A foto do produto será obtida a partir da URL do produto da Shopify. Esta imagem não será salva em sua Galeria de Imagens da Benchmark. No entanto, se a imagem for modificada usando o editor de imagens da Benchmark, a imagem modificada será salva como uma nova imagem na sua Galeria.
Descrição do Produto
A descrição do produto será obtida a partir do título do produto na Shopify.
Preço do Produto
O preço do produto será obtido a partir do valor atribuído a ele na loja da Shopify.
Botão do Produto
O botão vincula automaticamente a URL do produto em sua loja da Shopify.
Importante
Se a sua conta da Shopify não for uma conta de administrador, você precisará ter Product Permissions. Para saber mais sobre as permissões de usuário da Shopify, clique aqui.
Você só poderá se conectar a uma loja da Shopify por vez. O uso da opção Alterar Loja (ou Change Store) remove todos os produtos anteriores da loja.
Os detalhes do produto da Shopify são preenchidos automaticamente com as informações fornecidas pela Shopify. Quaisquer dados alterados na Benchmark não serão atualizados na Shopify.
Se um produto já tiver sido incluído em um email ou numa landing page e for atualizado posteriormente na Shopify, os detalhes do produto não serão atualizados automaticamente na Benchmark.
Os produtos arquivados não serão exibidos na sua lista de produtos disponíveis (Available).
Ao duplicar um bloco, qualquer personalização feita no bloco original será mantida no bloco duplicado. No entanto, se você selecionar um produto diferente, a personalização anterior será removida e você precisará personalizar novamente.
Veja alguns exemplos de como o Bloco de Produtos da Shopify pode ser usado e personalizado:
Otimize o tempo na criação de seus layouts de landing pages utilizando blocos salvos. Os blocos de design podem ser salvos e armazenados para que você utilize em outras landing pages. O estilo, o texto e as imagens do bloco serão salvos quando você salvar o bloco. Depois que o bloco for adicionado ao seu conteúdo, você poderá modificá-lo e o bloco original salvo permanecerá inalterado.
Para salvar um bloco, passe o mouse sobre o bloco em seu layout e clique na opção Salvar Bloco. Dê um nome ao bloco e clique em Salvar e Fechar.
Como utilizar um Bloco Salvo
Arraste o bloco salvo para o layout de seu landing page e solte-o na seção desejada.
Selecione um bloco para usar e continue editando o bloco ou apenas salve e feche.
Ao passar o mouse sobre cada bloco salvo, você verá uma prévia do conteúdo do bloco.
Como deletar Blocos Salvos
Arraste o bloco Salvo para qualquer seção do layout de sua landing page. No lado esquerdo, você verá uma lista de seus blocos salvos anteriormente.
Clique no ícone da lixeira e confirme sua escolha selecionando a opção Deletar.
Se não houver mais blocos salvos em sua lista, você pode excluir o Bloco Salvo do seu design.
Impressione os seus visitantes ao animar os blocos da sua landing page! Isso tornará sua página muito mais dinâmica e divertida.
Para acessar a opção de animação dos blocos, siga as etapas abaixo:
Vá para a etapa de Design da landing page.
Arraste qualquer bloco que deseja incluir no layout da sua página. A opção de bloco animado estará disponível em todos os blocos.
Depois que o bloco for colocado no layout do seu email, você verá as opções de Configuração do bloco no menu à esquerda.
Encontre a opção Bloco Animado na parte inferior e selecione-a.
As animações disponíveis serão exibidas e então, basta selecionar o tipo de animação que gostaria de usar e, em seguida, a Duração (tempo) da animação. Você também pode adicionar um Atraso (delay), que será o tempo que leva para a animação aparecer, e um Offset, que permite determinar a qual distância da parte inferior do navegador seu objeto deve estar antes da animação começar.
Landing Pages 
da landing page que deseja duplicar. Atribua um novo nome à cópia ou simplesmente mantenha o nome padrão e clique em Salvar.
MAIS INFORMAÇÕES
IMPORTANTE 
. Essa opção remove qualquer caractere oculto no seu texto que possa interferir na aparência do texto.
e então cole seu código.
