header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Use o Editor Wix
  4. Mobile
  5. Outros elementos no mobile
  6. Editor Wix: personalizar breadcrumbs no site mobile

Editor Wix: personalizar breadcrumbs no site mobile

Neste artigo
  • Configurar breadcrumbs no seu site mobile
  • Ajustar o layout do breadcrumb no mobile
  • Personalizar o design dos seus breadcrumbs no mobile
Breadcrumbs são um método de navegação do site que exibe uma trilha de navegação (breadcrumb) em seu site. Dependendo do que você escolher exibir, os visitantes podem ver a página atual e a página inicial do seu site. Se seus visitantes clicarem em uma subpágina, a página principal também será exibida no breadcrumb.
Depois de adicionar breadcrumbs ao seu site a partir do editor no desktop, você pode personalizá-los para o seu site mobile. Isso permite que você crie uma experiência única para os visitantes em dispositivos móveis sem afetar seu site para desktop.
Importante:
Os breadcrumbs não estão disponíveis para adicionar como um elemento apenas para mobile. Você só pode adicioná-los através do editor no desktop.

Configurar breadcrumbs no seu site mobile

Use o painel de configurações para escolher o que você gostaria de exibir em seu breadcrumb na versão mobile do site.
Se você mostrar a página inicial, você também pode escolher se deseja exibi-la como texto ou um ícone.

Para alterar as configurações dos breadcrumbs:

  1. Clique no elemento de breadcrumbs no editor mobile.
  2. Clique no ícone Configurações . 
  3. Use as opções para escolher como deseja que os breadcrumbs sejam exibidos:
    • Vincular os breadcrumbs a: escolha quais itens são exibidos nos breadcrumbs:
      • Breadcrumb completo: mostre todo o breadcrumb que leva à página atual.
      • Ocultar a página inicial: oculte a página inicial do breadcrumb.
      • Ocultar a página atual: oculte a página do breadcrumb em que o visitante está no momento.
      • Página anterior: exiba um Símbolo ">" no breadcrumb, assim como a página inicial do site.
    • Exibir "Página inicial" como: escolha como você deseja que sua página inicial apareça no breadcrumb:
      • Texto: o nome da sua página inicial aparece nos breadcrumbs.
      • Ícone: um ícone que representa sua página inicial aparece nos breadcrumbs.
O painel de configurações dos breadcrumbs. O cursor passa sobre a opção para exibir a página inicial como um ícone no breadcrumb.

Ajustar o layout do breadcrumb no mobile

Dependendo do que você escolher mostrar no breadcrumb, você pode ajustar o espaçamento horizontal e vertical para caber em telas menores para seus visitantes mobile.

Para alterar o espaçamento dos breadcrumbs:

  1. Clique no elemento de breadcrumbs no seu editor mobile.
  2. Clique no ícone Layout .
  3. Arraste os sliders relevantes para alterar o espaçamento horizontal ou vertical entre os itens. 
O painel de layout dos breadcrumbs no Editor mobile. O cursor está passando sobre o espaçamento horizontal.
Observação:
As opções mostradas dependem do que você escolhe exibir no breadcrumb.

Personalizar o design dos seus breadcrumbs no mobile

Ajuste e edite o design do seu breadcrumb. Você pode personalizar o background, os separadores e os itens para que fiquem exatamente como você deseja e incentivar seus visitantes mobile a continuar explorando seu site.

Para personalizar seu breadcrumb:

  1. Clique no elemento de breadcrumbs no editor mobile.
  2. Clique no ícone Design .
  3. Selecione qual parte do breadcrumb você deseja personalizar no menu dropdown:
O painel de design dos breadcrumbs. A aba de texto para itens de breadcrumb está aberta.

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
  • Configurar breadcrumbs no seu site mobile
  • Ajustar o layout do breadcrumb no mobile
  • Personalizar o design dos seus breadcrumbs no mobile

Esse artigo foi útil?

|