Todas as coleções > Conversões > View Builder

View Builder

Saiba mais sobre o construtor de Landing Pages, Pop Ups e E-Mails da Metlycs

Preparamos um passo a passo para você começar a usar Personas e trazer ainda mais resultados para seus negócios! Você pode acompanhar esse conteúdo pelo vídeo abaixo ou pelo texto a seguir.

 

O QUE É VIEW BUILDER?

 

O View Builder é uma solução desenvolvida pela Metlycs e foi desenhada para construir, de uma forma simples e intuitivamente, uma landing page, um Pop Up ou e-mails personalizados. Por meio da funcionalidade drag and drop (arrastar e soltar), é possível criar uma estrutura personalizada e fluída em poucos instantes.

 

USANDO O VIEW BUILDER

 

No construtor visual, ao lado esquerdo, está a coluna de blocos de conteúdo. A parte superior da coluna conta com cinco botões. Da esquerda para a direita, são eles:

· Botão de sair: indicado por uma seta reta apontando para a esquerda;

· Botão de desfazer: indicado por um seta em formato circular apontando para a esquerda;

· Botão de refazer: indicado por uma seta em formato circular apontando para a direita;

· Botão de salvar: indicado por um ícone de disquete;

· Botão de visualizar: indicado por um ícone com formato de olho.

 

Abaixo dos botões estão duas abas:

Aba Adicionar

A seção adicionar contém os elementos de conteúdo, que são:

· Seção: define um bloco ou um grupo de assunto específico. É importante entender que o bloco de seção agrupará diversos elementos que tenham relação entre si;

· Cabeçalho: elemento utilizado para dar título às seções;

· Parágrafo: representa um parágrafo de texto;

· Botão: executará uma ação a ser definida;

· Link: executará um redirecionamento, seja na mesma página ou em uma outra aba;

· HTML: permite que o usuário incorpore um HTML de um vídeo;

· Imagem: cria um bloco que exibirá uma imagem;

· Formulário: gera um formulário para a captação de leads, o qual executará uma ação definida no momento de configuração da landing page, Pop Up ou e-mail;

· Grid: é uma malha formada por um conjunto de linhas verticais, definidas como colunas, e é utilizada para estruturar e segmentar as seções. Lembre-se de sempre utilizar o grid dentro de uma seção.

 

Aba Config

Defina a cor de fundo e a fonte de texto que será usada em sua Landing Page, Pop Up ou e-mail.

 

TRABALHANDO OS ELEMENTOS

 

Ao lado direito está a coluna de personalização e configuração, onde cada um dos elementos de conteúdo é trabalhado e editado.

Quando um elemento de conteúdo é selecionado, seus campos personalizáveis são exibidos nessa coluna. As abas de personalização englobam:

· Aparência: permite editar alinhamento, largura, margem, bordas, cor de fundo, cor do texto, colunas (Grid), entre outros; 

Observação: dependendo do elemento de conteúdo selecionado, nem todos os campos de aparência estarão disponíveis. 

· Link: é possível configurar a URL de destino e a maneira que o link se comportará ao ser clicado;

· Conteúdo: espaço a ser preenchido com o texto que será exibido no elemento;

· Atributo: aba de personalização disponível no elemento de imagem, onde é selecionada a imagem a ser exibida (Máx. 600kb), definido o título desta imagem e o alt (atributo para especificar um texto alternativo que deve ser renderizado quando o elemento ao qual ele é aplicado não puder ser renderizado).

 

Agora é só clicar e arrastar elementos para construir landing pages, Pop Ups e e-mails sensacionais de forma ainda mais rápida!