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.

Rodapé e cabeçalho são blocos permanentes, exibidos de forma consistente em todas as páginas do site.

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: 08.04.2025