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:

Duplicar Cria uma cópia do elemento na página atual.
Copiar para a página Cria uma cópia do elemento em outra página. Após selecionar esta opção, escolha o nome da página na janela pop-up.
Salvar na galeria Salva um bloco na sua biblioteca para que você possa adicioná-lo à página atual ou a outra página do site.

Após ver a mensagem de confirmação de que o bloco foi salvo com sucesso, você pode encontrá-lo na barra lateral da seção Salvo.

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:

*Para enviar um link para um bloco do site, copie seu ID e adicione-o ao link principal do seu site com o sinal #. Por exemplo, se o ID do seu bloco for pricing_plans, seu link ficará assim: https://sitepulse.com#pricing_plans.

Para direcionar os usuários a um determinado bloco do site, você também pode adicionar seu ID ao widget de Menu e selecionar o tipo de Âncora.

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.

    Rate this article about "Como trabalhar com elementos do site"

    User Rating: 5 / 5 (9)

    Anterior

    Como criar um site

    Próximo

    Como adicionar uma página extra ao seu site

    Popular em nosso blog

    Teste o SendPulse hoje gratuitamente