Editor Wix: personalizar seu breadcrumb | Central de Ajuda

Confira como usar o Wix para construir seu site e negócio.

Personalize e gerencie seu site com os recursos do Wix.

Gerencie assinaturas, planos e faturas.

Administre seu negócio e conecte-se com os membros.

Compre, conecte ou transfira um domínio para o seu site.

Expanda seu negócio e presença online.

Aumente sua visibilidade com recursos de SEO e marketing.

Acesse recursos avançados e otimize sua produtividade.

Encontre soluções, problemas conhecidos ou contate-nos.

Domine novas habilidades com nossos cursos e tutoriais.

Confira nossas dicas de web design, marketing e mais.

Aumente o tráfego orgânico vindo dos motores de busca.

Desenvolva um site único com a nossa plataforma full-stack.

Alcance seus objetivos com a ajuda de um especialista.

Início

Crie o seu site

Use o Editor Wix

Gerencie páginas e menus

Editor Wix: personalizar seu breadcrumb

4 min

Neste artigo

Alterar o layout dos breadcrumbs
Fazer o design de seus breadcrumbs

Após adicionar e configurar seu breadcrumb, você pode personalizá-lo para que ele combine com a aparência e o tema do seu site.

Selecione predefinições, ajuste o layout e personalize o design para incentivar os visitantes a continuar clicando e explorando seu site.

Importante:

Você precisa ativar o modo avançado Velo no seu site para adicionar e personalizar breadcrumbs. O Velo permite que você use codificação em seu site para criar funcionalidades e interações personalizadas. Saiba mais sobre o Velo

Alterar o layout dos breadcrumbs

Ajuste o layout do seu breadcrumb para que ele se adeque ao alinhamento do seu site. Você pode alterar configurações como separadores, espaçamento e direção dos itens.

Para ajustar o layout do breadcrumb:

Clique no elemento Breadcrumbs no seu editor.
Clique no ícone Layout .
Ajuste o layout usando as opções disponíveis:
- Itens excedidos: escolha como exibir os itens no breadcrumb:
  - Quebrar texto: se os itens não couberem, outra linha será criada na trilha.
  - Recolher: os itens são exibidos em apenas uma linha. Se eles não couberem, mostraremos "...".
- Mostrar separadores: ative a alavanca para mostrar separadores entre itens do breadcrumb e escolha o ícone que deseja usar: Seta ">" ou Barra "/".
- Espaçamento horizontal: arraste o slider para alterar o espaçamento entre os itens.
- Espaçamento vertical: arraste o slider para alterar o espaçamento acima e abaixo dos itens.
- Alinhar itens: escolha como os itens são alinhados: à esquerda, ao centro ou à direita.
- Exibir breadcrumbs de: escolha a direção em que os itens aparecem: Esquerda para direita ou Direita para esquerda.

Painel de layout de breadcrumbs. O cursor está passando sobre um slider de espaçamento.

Fazer o design de seus breadcrumbs

Selecione outra predefinição de breadcrumbs entre as opções disponíveis ou personalize-o ainda mais para criar uma maneira limpa e sofisticada de exibir a hierarquia de suas páginas aos visitantes. Ajuste a aparência de todo o breadcrumb com configurações como espaçamento, cor e tamanho.

Para personalizar o design:

Clique no elemento Breadcrumbs no seu editor.
Clique no ícone Design .
Clique em Personalizar design.
Escolha o que você deseja personalizar no menu dropdown:

Background

Ícones do separador

Itens

Esse artigo foi útil?

Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.

Começar

Neste artigo

Alterar o layout dos breadcrumbs
Fazer o design de seus breadcrumbs