O widget Guias é uma excelente maneira de exibir conteúdo com eficiência em seu site. Os visitantes podem clicar nas guias (em vez de rolar o texto) para ver os conteúdos relacionados. As guias são ótimas para exibir conteúdos como serviços, planos ou membros da equipe em seções compactas e conectadas.

Cada guia pode conter um rótulo, título, descrição, imagem e botão, e cada um desses elementos pode ser totalmente personalizado.

Para adicionar o widget:

1. No painel esquerdo, clique em Widgets.
2. Clique e arraste o widget Guias para o seu site.

Veja mais informações sobre como adicionar widgets ao seu site em Adicione widgets.

Editor de Conteúdo

Para acessar o editor de conteúdo:

1. Clique com o botão direito do mouse no widget e clique em Editar conteúdo.
2. Para adicionar uma nova guia, clique em Adicionar guia.
3. Para editar a imagem (e o texto alternativo), a etiqueta da aba, o tipo de cabeçalho, título, descrição e botão da etiqueta, clique na aba.
   • Há tags de cabeçalho disponíveis para facilitar a identificação do seu texto pelos buscadores. É recomendável selecionar H3 para o Tipo de Cabeçalho da Etiqueta.
   • O campo texto alternativo da imagem fica na parte inferior.
4. Para exibir imagens nas guias, clique no botão Mostrar imagens.

Editor de Design

Para acessar o editor de design:

1. Clique com o botão direito do mouse no widget e depois em Editar design.
2. Clique no layout para selecionar outro layout para as guias.
3. Clique em Todas as guias para personalizar o estilo das guias não selecionadas, inverter a direção da guia e controlar o layout das guias no celular.
4. Clique em Guia selecionada e Hover para personalizar o estilo do texto e o plano de fundo. Isso não afeta o design em todas as guias.
5. Clique para alterar o Estilo da Descrição, Estilo do Botão e Estilo da Imagem.

Para informações sobre opções de design que não são específicos a este widget (como layout, estilo ou espaçamento), consulte Design de widget.

Visualização na versão móvel

Os aparelhos móveis têm duas opções de layout para exibição: abas e acordeão. O layout de abas é controlado com o deslize dos dedos. No entanto, nem todos os browsers móveis aceitam isso; nesse caso, você pode usar o modo acordeão no celular.

Para alterar o widget "Abas" nos aparelhos móveis:

1. Na barra de navegação superior, clique na visualização do aparelho para trocar para o modo móvel (). Saiba mais em Edite por aparelho.
2. Clique com o botão direito do mouse no widget e depois em Editar design.
3. Clique em Todas as abas e depois no botão Mostrar como acordeão.