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

Editor Wix: sobre abas

Neste artigo
  • Organize seu conteúdo com abas
  • Alinhe as abas para complementar o layout da página
  • Personalize o design das abas
  • Ajuste as abas para seu site mobile
  • Perguntas frequentes
As abas são contêineres que você divide em exibições separadas. Você pode adicionar um conteúdo diferente a cada item da aba, e os visitantes podem clicar nelas para encontrar o que precisam.
Use o elemento Abas para mostrar uma variedade de informações e facilitar ainda mais o acesso dos visitantes as notícias e o conteúdo da sua marca.

Organize seu conteúdo com abas

Como as abas são contêineres interativos, você pode exibir elementos diferentes em cada item. Escolha o tipo de conteúdo ou as informações que você deseja mostrar e adicione elementos de acordo para configurá-los. 
As abas são uma maneira útil de exibir conteúdo relevante em sua página/seção ou sobre o seu negócio. Por exemplo, uma seção "Fale conosco" pode incluir abas diferentes para o número de telefone, email, endereço comercial, etc. Saiba mais sobre como adicionar e configurar abas no seu site
GIF do mouse passando sobre 4 abas diferentes.

Alinhe as abas para complementar o layout da página

Após adicionar e configurar abas, altere o layout para criar uma estrutura coerente em sua página. Você pode ajustar o espaçamento entre o menu e o contêiner, escolher como exibir itens que não cabem no menu e muito mais. Saiba como alterar o layout das abas
Captura de tela da aba no painel layout

Personalize o design das abas

Personalize cada parte do elemento de abas como desejar. Altere o background do contêiner, escolha uma fonte para os itens do menu e adicione sombras para dar às suas abas um efeito 3D legal.
Você pode usar as opções para criar abas que se harmonizam com o tema do seu site ou criar um contêiner criativo e atraente que se destaque em sua página.  Saiba mais sobre como personalizar o design das abas
Captura de tela de abas com o painel de design da aba.

Ajuste as abas para seu site mobile

As abas que você adiciona no editor do desktop aparecem automaticamente no seu site mobile. Você pode escolher se deseja ocultar todo o contêiner de abas do seu site mobile ou personalizar seu layout, espaçamento e design para se adequar a telas menores.
As alterações feitas no mobile não afetam seu site para desktop, então você pode editar suas abas o quanto quiser para criar uma experiência fácil e interativa para usuários mobile. Saiba mais sobre como ajustar abas para mobile
Captura de tela de abas com o painel de design da aba.

Perguntas frequentes