# Planos pagos: exibir diferentes tipos de planos usando abas Source: https://support.wix.com/pt/article/planos-pagos-exibir-diferentes-tipos-de-planos-usando-abas (updated 2026-04-28) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt 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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/10/17/8a915c29-4cc7-4af3-bef5-427acd967feb/00085d1f-7692-4a8c-a4dd-9be26467eb71.png) > **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. **Editor Wix:** 1. [Vá para o seu editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Vá para a página Planos e preços: 1. Clique em **Páginas e menu** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png) no lado esquerdo do editor. 2. Clique na página Planos e preços. 3. Clique em **Elementos** ![](https://lh3.googleusercontent.com/dsYIl4Wh8BDXFgW9oR9RkUN2MZBZkhh0BYJm6-Eb6QtDdgXRYCA98TysuHaNhq8Smw4EtbfQrH8EGaTX3f09u09Rl3m1NMfRJZRjyOfXInicQHHR3Ux-YmGMCSPRS5bfQnDifOzp6gXChU1UMTgWzQ) 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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/10/17/80b4b338-4dfe-4b06-8449-32d0ed0604d7/08533dae-13d0-43cb-b9d4-3593898468af.png) **Editor do Wix Studio:** 1. [Vá para o seu editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Vá para a página Planos e preços: 1. Clique em **Páginas** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/321a54e1-ec18-42be-9c2b-b93f3f6c8383/b26db553-6344-412a-b9f6-16f1a76dba92.png)no lado esquerdo do editor. 2. Clique na página Planos e preços. 3. Clique em **Elementos** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/08/11/1023b0e0-dc5a-404a-8961-6b0990109a07/cf6c6c07-217d-4761-8671-10cada2cee06.png) no lado esquerdo do editor. 4. Clique em **Ferramentas de layout**. 5. Clique em **Abas**. 6. Selecione um design e arraste-o para a página. ![Uma captura de tela do painel Elementos. As abas foram selecionadas nas ferramentas de layout e o cursor está passando sobre um design.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/05/22/90a2dafc-78d2-4b80-b5a2-b9059fc682d5/8e86a08d-a816-4049-94c8-aca185cc634b.jpg) --- ## 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. **Editor Wix:** 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** ![](https://lh4.googleusercontent.com/jrVg52_f-P1fCfv0T2Y4nHn3Pgo1mjDjZWNn_DZuPKEsY2Jy9lK9-26GODrtQJBEPjsHEd79bfj1-WKhu-RExWamHEtZcctRwoZcMDJibLn9cV6ZaeDZi-Bt3IUuKqhIPbRGJSrgaw42tGRLiWV6hg). 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.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/10/17/c00ca0ce-43ba-4c6d-b258-3dc3b1ff4998/3a88575d-b6c5-4e27-a691-f4c2686d33ff.png) **Editor do Wix Studio:** 1. Clique no elemento abas no seu editor. 2. Clique em **Gerenciar abas**. 3. Passe o mouse sobre a aba relevante e clique no ícone **Mais ações** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/01/24/71ba9901-5dd2-4ee3-8517-b61ea9d03493/dc53b909-de1a-480a-b37a-99e5f4587ba0.png). 4. Clique em **Renomear**. ![Uma captura de tela do painel Gerenciar abas na tela. O menu Mais ações está aberto, exibindo as opções.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/05/22/390d48bd-4ff5-4211-973c-27f10e048e24/050f45e3-7706-4297-b9fc-f48717b144de.jpg) --- ## 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. **Editor Wix:** 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. **Editor do Wix Studio:** 1. Vá para a página **Planos de membros** no canto superior esquerdo. 2. Clique no elemento Planos pagos. 3. Clique em **Configurações**. 4. Clique em **Add-Ons**. 5. Clique no dropdown **Adicionar à página** ao lado do cartão do plano único. 6. Selecione a página relevante onde você adicionou suas abas. 7. Arraste e solte seu widget de plano único na primeira aba. 8. Selecione o widget de plano único. 9. Clique em **Aplicar**. 10. Selecione o elemento Abas novamente. 11. Clique em **Gerenciar** abas. 12. Selecione a segunda aba. 13. Clique no ícone **Mais ações** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2025/01/22/f08a8a07-4bb7-4a8c-a047-2c67c2c44212/587ec740-0391-4bd2-b335-77cc5153f21a.png). 14. Clique em **Colar**. 15. Repita os passos 8 a 14 para cada aba e plano adicionais. ![Uma captura de tela mostrando como adicionar widgets de planos pagos únicos às abas no Editor do Wix Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2025/01/22/fa0f454c-ae52-427b-b6d4-880091c4581d/4eb29307-a4df-43f5-98de-2a33c94f74b1.png) --- ## 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. **Editor Wix:** 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. **Lista de planos** 1. Clique no widget Lista de planos na aba. 2. Clique em **Configurações**. 3. Clique em **Planos**. 4. Marque a caixa de seleção ao lado de cada plano que você deseja exibir na aba selecionada. ![Uma captura de tela mostrando como selecionar quais planos exibir em um widget de lista de planos.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/10/17/931b4f6f-9c21-40de-a875-7db4b73d7cd5/5cf2bb17-5a7b-4cd6-93cc-37c4dc146a93.png) **Plano único** 1. Clique no widget de plano único na aba. 2. Clique em **Configurações**. 3. Clique no dropdown e selecione o plano que deseja exibir. ![A screenshot showing how to select which plan to display in a single plan widget.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/10/17/0ae66f9f-0e93-40ad-a0e1-e21f8933f350/fd3cb0b0-4ab1-4dee-8521-3fc7bd8314e6.png) **Editor do Wix Studio:** 1. Clique no elemento abas no seu editor. 2. Selecione o widget de plano único. 3. Clique em **Escolher plano**. 4. Selecione o plano relevante que deseja exibir. 5. Clique no elemento abas novamente. 6. Clique em **Gerenciar abas**. 7. Selecione a segunda aba. 8. Repita os passos acima para cada aba e plano. ![Uma captura de tela mostrando como escolher qual plano a ser exibido no widget de plano única em uma aba.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2025/01/22/e9812f82-73c3-4334-a072-6cf0706df2d0/3ba6782d-54d7-4788-9ecf-8a67c505e525.png)