O editor de Landing Pages usa o editor Drag & Drop criado e editado pelo Mailify para simplificar a criação e publicação de uma página de destino. Sua simplicidade permite um uso sem competência técnica em HTML ou CSS para criar uma página web responsiva e eficaz.
A partir de uma página em branco, pode compor facilmente e rapidamente uma página de destino arrastando e soltando módulos. Tudo é personalizável e configurável: estilo gráfico, cores, bordas, tipografia ...
Basta criar sua página da web, o Mailify hospeda para você, e só precisa divulgá-la por email!
Acessar a criação de uma landing page
Para criar uma landing page, basta ir ao menu "Páginas e formulários" e clicar em "Criar uma página de destino" depois de nomear e escolher o tipo "Responsivo", e será guiado para o editor da landing page.
Você pode criar
- do zero a partir de uma página em branco arrastando os módulos
- de um template já existente para modificar uma estrutura já existente e adaptar o layout
No topo da página, pode:
- ver a landing page no desktop ou no celular clicando neste ícone
- visualizar sua página clicando neste ícone
- trabalhe na landing page em tela cheia, removendo os menus e ganhando espaço para trabalhar no layout de sua página web, clicando neste ícone
- reduza o menu direito uma vez os módulos integrados, você ganha espaço para integrar seus textos e imagens clicando neste ícone
Configurações e parâmetros
Antes de começar a inserir o conteúdo da página da Web, deve definir o layout, o tema, as cores e as configurações. Para configurá-lo, vá para o menu "Estilos" no lado direito da tela.
Layout
Para o layout, tem a escolha entre um fundo simples, um fundo colorido, blocos de cores alternadas e blocos de cores alternadas em largura total. Ao navegar pelas diferentes possibilidades, escolha o estilo que melhor se adequa à sua landing page.
Temas e distribuição de cores
Todas as cores são personalizáveis. Os temas são propostos para sugerir uma base de cores. Faça sua escolha:
Cada cor pode então ser alterada por elemento na "Distribuição de cores". Então, pode alterar as cores de todos os elementos do seu email: corpo, fundo, borda, textos, botões, títulos, links ...
pode personalizar a cor clicando na cor correspondente, escolha uma cor na paleta ou preencha a cor diretamente.
Configurações
Nas configurações, configure sua página de destino:
- Ative ou desative a versão móvel da sua página Web
- Altere as cores do recipiente principal, as bordas e especifique o tamanho desejado das bordas
- Defina a largura da sua página para a versão desktop
- Especifique o tipo de letra que deseja usar para títulos H1 e H2, parágrafos e botões
- Defina o espaço entre os blocos de conteúdo
- Defina as margens internas
Conteúdos
Uma vez que a estrutura da página é criada, pode integrar os blocos e os conteúdos para criar sua página.
Blocos
Para integrar o conteúdo da sua página, deve primeiro escolher os blocos: 1 coluna, 2 colunas, 3 colunas ... Basta arrastar e soltar para criar a estrutura da sua página de destino.
Contenidos
Os conteúdos são elementos que pode implantar nas colunas dos seus blocos. Para isso, clique no conteúdo desejado e arraste-solte no lugar de sua escolha.
Imagem | Texto | Título | Espaço | Botão | Redes sociais | Compartir | Separador | Flujo RSS | Imagem flutuante | Google Maps | Código | Vídeo | Artigo | Formulário
Imagem
Uma vez que o módulo "Imagem" está integrado, pode:
- escolher sua imagem clicando no primeiro ícone
- duplicar a imagem para reutilizá-la na sua página, clicando no segundo ícone
- mover a imagem na estrutura da página, clicando no terceiro ícone
- apagar o módulo, clicando no quarto ícone
Para importar uma imagem, pode escolher entre uma imagem armazenada em seu computador, uma imagem no banco de imagens ou usar uma imagem já hospedada ao inserir uma URL.
O banco de imagens
Um banco de imagens isentas de royalties está disponível na solução Mailify Sunrise. Possui mais de 1.000 fotos profissionais para ilustrar suas páginas web.
Aviso: estas imagens só podem ser usadas na solução Mailify para ilustrar suas campanhas de e-mail, seus formulários e suas páginas de destino.
Para importar uma foto, basta escolhê-la e clicar diretamente na imagem. O editor de imagens será exibido e pode modificar a imagem recortando, adicionando um filtro ou adicionando texto. Clique aqui para saber mais sobre o uso do editor de imagens.
Uma vez integrado, ainda pode editar sua imagem, personalizar as dimensões, alterar o alinhamento, adicionar um link e uma legenda.
O texto
Para integrar texto, simplesmente arraste o módulo de texto para um bloco. Uma vez integrado, pode modificar o texto atual e colocá-lo na página:
Configuração:
- tipografia, tamanho e cor do texto
- negrito, itálico, sublinhado, traçado, índice
- Espaçamento entre linhas
- Alinhamento
- listas com marcadores ou numerados
- o tipo de texto: título 1, título 2 ou parágrafo
- o cor de fundo do texto
- uma imagem
- um link para adicionar ou remover
O espaço
Ao adicionar o módulo "Espaço", adiciona automaticamente um espaço em branco de 20px. Este espaço é ajustável apenas indicando o tamanho do espaço desejado:
O separador
Pode adicionar no seu layout um módulo "Separador":
Ajustável quando clica na caneta:
Tem a opção de criar um separador contínuo, de linha pontilhada ou de linha dupla.
O título
Também pode adicionar uma caixa de texto apenas para o título:
O título leva automaticamente o tamanho e a tipografia dos parâmetros "Título" definidos nas configurações. No entanto, ainda tem a possibilidade de modificar sua formatação graças à paleta de configurações:
O botão
Pode integrar um botão no layout da sua página de destino, é configurável apenas clicando nele:
Pode:
- alterar tipografia, tamanho, cor, negrito e itálico
- adicionar um link para uma página da Web ou um formulário publicado
- usar um tema para mudar a cor do plano de fundo e da borda, e seu tamanho
- indicar a posição
Redes sociais
Pode adicionar links para suas redes sociais:
e configurá-los:
Ao clicar no botão "Adicionar / Remover", você tem a opção de selecionar ou desmarcar redes sociais:
Então, só precisa inserir o URL da sua página em cada rede:
Compartilhar em redes sociais
Um módulo permite que adicione compartilhamento de conteúdo nas redes sociais. Tem a opção de configurar compartilhamento para LinkedIn, Google+, Twitter e Facebook.
Configure o módulo "Compartilhar" clicando nele e modifique o link, o texto, a tipografia, a cor, as bordas e o alinhamento:
O feed RSS
Na sua página de destino, pode integrar um feed RSS graças ao módulo fornecido para esse fim. Uma vez integrado, pode configurá-lo clicando nele:
A imagem flutuante
Pode integrar diretamente um módulo de texto com uma imagem flutuante no canto superior direito. Para editar a imagem, basta clicar no ícone Imagem e escolher o método de imprimir ou excluir a inserção de uma imagem no bloco de texto.
Google Maps
Tem a possibilidade de integrar na sua página de destino um Google Maps. Para fazer isso, simplesmente arraste o conteúdo do Google Maps e digite o endereço a exibir:
E a imagem é exibida clicando em "Gerar mapa":
Pode definir no mapa: tamanho, alinhamento e legenda.
Código HTML
Você pode inserir um conteúdo de código HTML diretamente na sua landing page. Você tem a possibilidade de inserir ou copiar e colar o seu código no conteúdo. Isso dá-lhe mais controlo e flexibilidade sobre o design e a estrutura dos blocos. No entanto, é necessário dominar a integração HTML para usar esse tipo de conteúdo.
Video
É possível gerar Gifs animados automaticamente a partir de vídeos de sua escolha. Para fazer isso, arraste e solte esse tipo de conteúdo em um bloco.
No campo "URL", copie e cole a URL do seu vídeo hospedado no Youtube, Dailymotion, Vimeo, Twitter, Facebook, Instagram.....
Um link para esta URL será inserido automaticamente no seu vídeo.
No menu "Formato", seleccione o formato que pretende aplicar à imagem do seu vídeo. Apenas o formato ""Animated Gif"" pode exibir uma animação. O formato Jpeg é exibido como uma imagem estática.
O menu "Botão" permite-lhe seleccionar o estilo do " reprodutor" que pretende adicionar ao seu conteúdo. Podes escolher não o usar se quiseres. No entanto, um botão "play" permite que você indique claramente que a imagem (animada ou não) é clicável e é direcionada para um vídeo.
O campo "Iniciar" permite determinar a partir de que hora/minuto/segundo do vídeo deseja capturar a imagem (animada ou não).
O campo "Duração" permite-lhe determinar a duração do seu GIF animado (entre 1 e 20 segundos).
A opção "Repetir loop" permite-lhe reproduzir a sua animação em loop (opção ativada) ou pará-la no final da animação (desativada).
Uma vez concluídas estas operações, clique em "Gerar captura". Gerar um Gif animado pode levar vários segundos.
Artigo do Wordpress
Este conteúdo permite-lhe automatizar a construção da sua newsletter a partir dos artigos do seu blog. Você deve primeiro configurar o conector Wordpress.
Formulário
Pode integrar um formulário para enriquecer a sua página de destino.
Ao editar a sua página de destino, basta arrastar-soltar um conteúdo do tipo formulário no bloco da sua escolha.
Então, poderá visualizar na sua página de destino o espaço que será dedicado ao seu formulário. O espaço é de cor cinzenta, o que significa que está vazio, pois nenhum formulário se encontra associado.
Clique agora no espaço cinzento dedicado ao seu formulário, uma janela se abre com uma lista deslizante que lhe apresenta todos os formulários disponíveis na sua conta. Todos os formulários publicados na sua conta podem ser integrados à sua página de destino, independentemente do modo de publicação escolhido (página dedicada, pop-up ou bloco a integrar)
Selecione o formulário que pretende integrar à sua página de destino na lista deslizante.
Deve ter publicado o seu formulário para que o mesmo seja exibido nesta lista e para que possa integrá-lo à sua página de destino
Se ainda não criou um formulário, nenhuma lista será exibida, mas poderá clicar no botão laranja "Criar um formulário"
Então, será encaminhado a uma ferramenta de criação de formulários e sairá da edição da sua página de destino. Poderá regressar à mesma quando o seu formulário for criado e publicado. Uma vez o seu formulário criado, poderá selecioná-lo na lista deslizante dos formulários existentes.
OBS.: Poderá integrar somente um formulário por página de destino.
A sua página de destino está pronta?
Clique em "Seguinte", na parte superior direita, ou em "Publicação", no menu da esquerda, para publicá-la. Então, será encaminhado a uma etapa de publicação da sua página de destino.
Após ter selecionado o nome de domínio da sua escolha, clique no botão verde "Publicar a sua página de destino" para publicar a mesma.
Uma vez publicada, poderá recuperar o URL da sua página para partilhá-lo nos suportes de comunicação da sua escolha: campanha de e-mail, redes sociais, etc...