Avançar para o conteúdo
Ajuda
Seções e blocos do editor

Blocos Grupo, Texto, Botão e Separador: como funcionam as configurações dos componentes de disposição?

Visão geral dos blocos Grupo, Texto, Botão e Separador usados em todo o construtor, com todas as configurações do Botão: etiqueta, tipo de link (URL, e-mail, telefone, âncora), estilo e largura no computador e no telemóvel. Links para os guias de Grupo e de Texto, imagem e separador.

2 min de leitura

Quatro blocos base aparecem em muitas secções do construtor: Grupo, Texto, Botão e Separador. Juntos permitem-lhe construir disposições sem código. Selecione um bloco para abrir as suas configurações.

Grupo

Um contentor que guarda outros blocos e os organiza empilhados ou lado a lado, com a sua própria largura, espaçamento, cores, borda e sobreposição. Guia completo: Como uso os blocos Grupo para colocar conteúdo lado a lado ou em colunas?.

Texto e Separador

O Texto contém títulos e parágrafos, com predefinições, tamanho, altura da linha e espaçamento entre letras. O Separador é uma linha que separa conteúdos e fica vertical dentro de um grupo horizontal. Ambos funcionam como blocos e como secções completas. Guia completo: Como uso as secções e os blocos Texto, Imagem e Separador?.

Botão

Um apelo à ação, que existe no hero, nos diapositivos da apresentação, na página 404, na página de agradecimento e nos grupos dentro deles.

  • Etiqueta: o texto do botão.
  • Tipo de link: URL (uma página ou um site), Email (abre um e-mail), Telefone (inicia uma chamada) ou Âncora (desloca até uma secção da mesma página). Depois preencha o Link, por exemplo https://example.com/products/your-link.
  • Estilo: Primária, Secundário ou Link (link de texto simples). As cores vêm das cores de botão do esquema de cores.
  • Largura no computador e Largura no telemóvel: Ajustar ao texto, ou Personalizado com uma Largura personalizada em percentagem.

Problemas comuns

  • As cores do botão parecem erradas: altere as cores do botão primário ou secundário no esquema de cores. Veja Esquemas de cores.
  • Dois botões devem ficar lado a lado: coloque-os num grupo definido como Horizontal.
  • O texto tem a cor errada: está a seguir um elemento pai com outro esquema. Desative Utilizar esquema de cores do elemento pai e escolha o esquema que quer.

Ainda precisa de ajuda?

Escreva-nos e nós respondemos.

Contacte-nos