Como trabalhar com elementos do site

Você pode criar sites de várias páginas com diferentes seções, colunas e widgets usando o construtor visual de sites do SendPulse. Falaremos sobre em que elementos os sites consistem e como adicioná-los, movê-los ou editá-los.

Apresentando os elementos do site

Você pode usar os seguintes elementos para criar um site: bloco, seção, coluna, widget e layout. Blocos, seções e colunas ajudam a estruturar o conteúdo do site, enquanto widgets adicionam elementos funcionais.

Bloco

Um bloco é um elemento onde todos os outros elementos do mesmo estilo podem ser adicionados. Você pode usá-lo para organizar o conteúdo por sua finalidade. Por exemplo, você pode colocar um menu em um bloco e adicionar algumas informações sobre sua empresa em outro.

Para adicionar um novo bloco, passe o mouse sobre a borda superior ou inferior do bloco e clique em + (Adicionar bloco).

Na lateral esquerda, você pode selecionar blocos prontos da galeria, organizados por categorias, como cabeçalho, rodapé, primeira tela e outros. Navegue pelas categorias e escolha um bloco que se adeque ao seu design.

Para adicionar um bloco vazio, clique em Bloco vazio na parte inferior da lista de categorias.

Seção

O elemento Seção permite colocar uma nova linha de colunas em um bloco. Passe o mouse sobre a linha inferior abaixo das colunas ou a linha superior acima das colunas e clique em +(Adicionar seção) a ela.

Com este elemento, você só pode adicionar uma nova linha de colunas em um bloco, mas não pode personalizá-lo, copiá-lo ou excluí-lo. Você precisa trabalhar com cada coluna separadamente.

Coluna

O elemento “Coluna” permite colocar os widgets verticalmente. Você pode adicionar até 6 colunas em uma linha para cada seção.

Passe o mouse sobre a borda esquerda ou direita de um elemento e clique em + (Adicionar coluna) para adicionar uma coluna.

Widget

Widgets são elementos funcionais do site projetados para adicionar informações e interagir com os visitantes.

Por exemplo, você pode criar uma seção sobre os benefícios e o valor do seu serviço ou produto usando os widgets Texto, Botão e Imagem. Use os widgets Formulário ou Chatbots para coletar assinantes. Você pode responder às perguntas frequentes dos usuários se adicionar o widget Perguntas frequentes. Além disso, você pode criar uma loja online usando o widget Pagamentos.

Leia mais: Como adicionar elementos.

Clique em + (Adicionar widget) para adicionar um widget.

Você pode adicionar um número ilimitado de widgets a uma coluna.

Layout

O elemento Layout permite dividir o conteúdo em segmentos bem definidos dentro de blocos, seções ou colunas.

Para adicionar um layout, clique em + Adicionar widget em um bloco, coluna ou seção e, em seguida, clique em Layout.

Selecione um posicionamento entre as opções disponíveis.

Após isso, você pode adicionar widgets verticalmente a cada segmento. Clique em + e selecione um widget.

Para ajustar o espaçamento entre os segmentos, passe o cursor sobre o layout, clique nos três pontos na parte inferior e selecione Editar. À direita, insira os valores em pixels para o espaçamento dos widgets nos eixos X e Y.

Movendo os elementos do site

Você pode arrastar o widget dentro de uma coluna verticalmente, movê-lo para outra coluna quando estiver posicionado horizontalmente e arrastá-lo para uma seção (para uma linha vertical diferente) ou um bloco.

Para mover um elemento, passe o mouse sobre ele no canto superior direito, mantenha pressionado o ícone correspondente e mova o elemento para o local desejado.

Você pode mover as colunas em uma linha horizontalmente ou movê-las para outra seção ou bloco verticalmente.

Você pode mover blocos para cima ou para baixo verticalmente.

Duplicando elementos do site

Após definir o estilo do seu bloco ou coluna, você pode duplicar este elemento e usá-lo como modelo no futuro.

Passe o cursor sobre o canto superior direito do elemento que deseja copiar e selecione Duplicar. Um novo elemento com o mesmo conteúdo e configurações aparecerá ao lado do original. Você pode então editá-lo ou movê-lo na página.

Você também pode aplicar opções de cópia mais avançadas para blocos:

Excluindo elementos do site

Você pode excluir elementos do site. Para excluir um bloco ou coluna, passe o mouse sobre o elemento no canto superior direito e selecione Excluir.

Para remover um widget, passe o mouse sobre ele no canto superior esquerdo e selecione Excluir.

Ocultar blocos

Você pode ocultar um bloco em dispositivos móveis para otimizar a exibição de conteúdo, melhorar a velocidade de carregamento da página e aprimorar a experiência do usuário em telas menores.

Passe o mouse sobre o canto superior direito do seu bloco e clique em Configurações do bloco.

No campo Ocultar bloco em, selecione o tipo de dispositivo no qual deseja ocultar seu bloco (desktop ou móvel).

Bloco e ID do widget

Cada bloco e widget tem um ID que os distingue na página. Com este ID, você pode fazer o seguinte:

• Adicionar links de âncora aos elementos da sua página (aplicável apenas a blocos)*;
• Adicionar estilos e scripts a elementos específicos;
• Rastrear eventos por elementos para configurar metas de análise;
• Mostrar um pop-up após o usuário clicar no seu elemento.

Para copiar um ID, vá para as configurações do seu elemento e clique no ID — ele será automaticamente salvo na área de transferência.

Para editar um ID, clique no ícone de lápis. Recomendamos o uso de letras latinas e números sem espaços, com um máximo de 256 caracteres. Seu ID deve ser único para toda a página do site.

Última Atualização: 02.12.2024