header-logo
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.
placeholder-preview-image
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.
placeholder-preview-image
  1. Início
  2. Gerencie o seu negócio
  3. Aplicativos e soluções comerciais
  4. Planos Pagos Wix
  5. Crie sua página de planos pagos
  6. Planos pagos: exibir diferentes tipos de planos usando abas

Planos pagos: exibir diferentes tipos de planos usando abas

6 min
Neste artigo
  • Etapa 1 | Adicione abas ao seu site
  • Etapa 2 | Nomeie suas abas
  • Etapa 3 | Adicione os elementos de planos pagos aos itens da aba
  • Etapa 4 | Escolha quais planos exibir em cada aba
Simplifique a experiência do seu cliente ao exibir seus diferentes planos pagos em abas. Por exemplo, você pode exibir seus planos mensais e anuais usando abas separadas. Isso torna mais rápido e fácil para seus clientes encontrarem o plano certo para eles. 
Uma captura de tela mostrando planos pagos mensais e anuais exibidos usando abas separadas.
Observação:
No momento, o elemento abas ainda não está disponível no Editor do Wix Harmony.

Etapa 1 | Adicione abas ao seu site

Comece adicionando o elemento abas à página relevante no seu site.
  1. Vá para o seu editor.
  2. Vá para a página Planos e preços:
    1. Clique em Páginas e menu no lado esquerdo do editor.
    2. Clique na página Planos e preços.
  3. Clique em Elementos no lado esquerdo do editor.
  4. Clique em Interativo.
  5. Clique em Abas abaixo de Caixas.
  6. Clique e arraste o design de aba escolhido para adicioná-lo à sua página.
Uma captura de tela mostrando como adicionar abas a uma página no seu site no Editor.

Etapa 2 | Nomeie suas abas

Agora que você adicionou o elemento abas à sua página Planos e preços, nomeie cada aba para ajudar os clientes a encontrar rapidamente o plano pago certo. Por exemplo, você pode marcar as abas com base na frequência de pagamento: semanal, mensal ou anual.
  1. Clique no elemento abas no seu editor.
  2. Clique em Gerenciar abas.
  3. Passe o mouse sobre o item relevante no painel.
  4. Clique no ícone Mais ações .
  5. Clique em Renomear.
  6. Insira o novo nome no campo.
  7. Clique em OK.
  8. Repita os passos 3 a 7 para cada aba que você exibir. 
Uma captura de tela mostrando como renomear abas no Editor.

Etapa 3 | Adicione os elementos de planos pagos aos itens da aba

Após nomear suas abas, adicione os elementos dos planos pagos a todas as abas. Em seguida, personalize cada um para exibir os planos pagos relevantes.
  1. Clique no elemento abas no seu editor.
  2. Clique no dropdown Abas e selecione a aba relevante.
  3. Clique em Elementos no lado esquerdo do editor.
  4. Clique em Pagamentos. 
  5. Clique em Plano único abaixo de Planos pagos.
  6. Arraste o elemento relevante para a aba. 
  7. Solte o elemento quando vir a mensagem Anexar à aba. 
  8. Repita os passos 2 a 7 para cada aba. 

Etapa 4 | Escolha quais planos exibir em cada aba

Agora que você adicionou widgets de planos pagos a cada uma das suas abas, você pode escolher os planos relevantes que deseja exibir em cada widget de cada aba. 
  1. Clique no elemento abas no seu editor.
  2. Selecione a primeira aba no dropdown.
  3. Clique para selecionar o elemento de planos pagos que você adicionou.
  4. Escolha quais planos exibir, dependendo de qual widget de planos pagos você escolheu para cada aba.

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
  • Etapa 1 | Adicione abas ao seu site
  • Etapa 2 | Nomeie suas abas
  • Etapa 3 | Adicione os elementos de planos pagos aos itens da aba
  • Etapa 4 | Escolha quais planos exibir em cada aba

Esse artigo foi útil?

|