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

View Builder

View Builder é o construtor visual da Metlycs para criar landing pages, pop-ups e e-mails

 

Como funciona o View Builder?

O View Builder foi desenvolvido para construir, de uma forma simples, uma landing page, um pop-up ou e-mails personalizados. Por meio do estilo drag and drop (arrastar e soltar), é possível criar uma estrutura personalizada e fluída.

Funcionalidades:

Ao lado esquerdo de sua landing page está a coluna de blocos de conteúdo. A parte superior da coluna conta com quatro 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;

Abaixo dos botões estão duas abas:

Aba Adicionar:

A seção adicionar contém os elementos de conteúdo, os quais 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;

· 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.

Trabalhando os elementos:

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

Ao selecionar um elemento de conteúdo, 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 a qual 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!