{"id":4423,"date":"2025-07-02T14:23:26","date_gmt":"2025-07-02T14:23:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=4423"},"modified":"2025-07-02T14:24:15","modified_gmt":"2025-07-02T14:24:15","slug":"como-adicionar-um-botao-de-alternancia-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-a-toggle-button-in-wordpress\/","title":{"rendered":"Como adicionar um bot\u00e3o de altern\u00e2ncia ao seu site WordPress"},"content":{"rendered":"<p>Deseja oferecer aos seus usu\u00e1rios uma maneira r\u00e1pida e limpa de alternar entre diferentes conte\u00fados ou op\u00e7\u00f5es de pre\u00e7os no seu site WordPress? Um bot\u00e3o de altern\u00e2ncia \u00e9 a solu\u00e7\u00e3o perfeita! <\/p>\n\n\n\n<p>Com um bot\u00e3o de altern\u00e2ncia, os visitantes podem alternar instantaneamente entre duas ou mais op\u00e7\u00f5es, como pre\u00e7os mensais ou anuais, modo claro ou escuro ou at\u00e9 mesmo se\u00e7\u00f5es de conte\u00fado completamente diferentes, sem sobrecarregar a p\u00e1gina.<\/p>\n\n\n\n<p>Nesta postagem, voc\u00ea descobrir\u00e1 duas maneiras simples de adicionar bot\u00f5es de altern\u00e2ncia ao seu site WordPress:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9todo 1:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Any-Type-of-Content\">Adicionar um bot\u00e3o de altern\u00e2ncia para qualquer tipo de conte\u00fado (texto, imagens, formul\u00e1rios, etc.)<\/a><\/li>\n\n\n\n<li><strong>M\u00e9todo 2:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">Adicionar um bot\u00e3o de altern\u00e2ncia para tabelas de pre\u00e7os ou qualquer tipo de dados tabulares<\/a><\/li>\n<\/ul>\n\n\n\n<p>Vamos mergulhar de cabe\u00e7a!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Any-Type-of-Content\">M\u00e9todo 1: Adicionar um bot\u00e3o de altern\u00e2ncia para qualquer tipo de conte\u00fado<\/h2>\n\n\n\n<p>Se quiser permitir que seus usu\u00e1rios alternem entre diferentes blocos de conte\u00fado, como <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-faqs-com-categorias-e-pesquisa-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Perguntas frequentes<\/a>detalhes do produto ou conjuntos de recursos diferentes, este m\u00e9todo \u00e9 para voc\u00ea. <\/p>\n\n\n\n<p>Usaremos o <strong><a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocos definitivos<\/a><\/strong> que oferece um bloco Content Toggle (Conte\u00fado com abas) vers\u00e1til que funciona para todos os tipos de conte\u00fado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 1: Instalar o plug-in Ultimate Blocks<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e1 para o painel de controle do WordPress.<\/li>\n\n\n\n<li>Navegue at\u00e9 Plugins &gt; Adicionar novo.<\/li>\n\n\n\n<li>Pesquise \"Ultimate Blocks\" e instale\/ative-o.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png\" alt=\"Instalar o plug-in Ultimate Blocks\" class=\"has-border-color has-primary-accent-border-color wp-image-4432\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-300x114.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-768x291.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1536x583.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 2: Adicionar o bloco de conte\u00fado com guias<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Abra um post ou uma p\u00e1gina no editor do WordPress.<\/li>\n\n\n\n<li>Tipo <code>\/conte\u00fado da aba<\/code> ou use o \u00edcone + para adicionar o bloco Tabbed Content.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png\" alt=\"Adicionar bloco de conte\u00fado com guias\" class=\"has-border-color has-primary-accent-border-color wp-image-4433\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-768x333.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1536x667.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2.png 1613w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>O bloco \"Tabbed Content\" ter\u00e1 a seguinte apar\u00eancia <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png\" alt=\"Interface inicial do bloco\" class=\"has-border-color has-primary-accent-border-color wp-image-4434\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-768x439.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 3: Personalizar o bloco para a funcionalidade de altern\u00e2ncia<\/strong><\/h3>\n\n\n\n<p>Selecione o bloco e escolha a op\u00e7\u00e3o <strong>Estilo de p\u00edlulas<\/strong> nas configura\u00e7\u00f5es (isso faz com que as guias se pare\u00e7am com bot\u00f5es).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png\" alt=\"V\u00e1 para as configura\u00e7\u00f5es e selecione o estilo Pills\" class=\"has-border-color has-primary-accent-border-color wp-image-4435\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Centralize o alinhamento para obter um visual cl\u00e1ssico de altern\u00e2ncia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png\" alt=\"Ajustar o alinhamento do bloco\" class=\"has-border-color has-primary-accent-border-color wp-image-4436\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2.png 1438w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Clique no bot\u00e3o<strong> + sinal<\/strong> ao lado da primeira guia para adicionar outra guia. Adicione pelo menos duas guias (por exemplo, \"Monthly\" (Mensal) e \"Yearly\" (Anual) ou \"Details\" (Detalhes) e \"Summary\" (Resumo)). Renomeie as guias para que correspondam \u00e0s suas op\u00e7\u00f5es de altern\u00e2ncia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png\" alt=\"Adicionar outra guia\" class=\"has-border-color has-primary-accent-border-color wp-image-4437\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1.png 1402w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Use as Configura\u00e7\u00f5es de cores para definir cores contrastantes, de modo que fique claro qual guia est\u00e1 ativa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png\" alt=\"Renomeie as guias e utilize as configura\u00e7\u00f5es de cores\" class=\"has-border-color has-primary-accent-border-color wp-image-4438\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-768x360.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1.png 1465w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Etapa 4: Adicione seu conte\u00fado<\/strong><\/p>\n\n\n\n<p>Clique dentro de cada guia para adicionar o conte\u00fado de sua prefer\u00eancia (texto, imagens, listas, formul\u00e1rios ou at\u00e9 mesmo outros blocos).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png\" alt=\"Adicionar conte\u00fado \u00e0s guias\" class=\"has-border-color has-primary-accent-border-color wp-image-4439\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-300x156.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-768x399.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1536x798.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5.png 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Personalize ainda mais, se necess\u00e1rio: altere os planos de fundo das guias, as cores do conte\u00fado e muito mais.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png\" alt=\"personalizar guias\" class=\"has-border-color has-primary-accent-border-color wp-image-4440\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 5: Visualizar e publicar<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use a op\u00e7\u00e3o Preview para testar a altern\u00e2ncia.<\/li>\n\n\n\n<li>Quando estiver satisfeito, publique ou atualize a p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png\" alt=\"Visualizar e publicar\" class=\"has-border-color has-primary-accent-border-color wp-image-4441\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-300x176.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-768x452.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4.png 1415w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>\u00c9 isso a\u00ed!<\/strong> Agora voc\u00ea tem um bot\u00e3o de altern\u00e2ncia flex\u00edvel para qualquer tipo de conte\u00fado em seu site WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">M\u00e9todo 2: Adicionar um bot\u00e3o de altern\u00e2ncia para tabelas de pre\u00e7os (e mais)<\/h2>\n\n\n\n<p>Deseja permitir que os usu\u00e1rios alternem entre tabelas de pre\u00e7os mensais e anuais ou comparem diferentes conjuntos de dados lado a lado? O <strong><a href=\"https:\/\/tableberg.com\/pt\/introducao-de-alternancia-para-tableberg-organizar-tabelas-em-guias\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/introducing-toggle-for-tableberg-organize-tables-in-tabs\/\" rel=\"noreferrer noopener\">Altern\u00e2ncia para Tableberg<\/a><\/strong> no plug-in Tableberg foi projetado exatamente para isso!<\/p>\n\n\n\n<p>Com <a href=\"https:\/\/tableberg.com\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg Pro<\/a>voc\u00ea pode organizar qualquer n\u00famero de tabelas em guias organizadas e clic\u00e1veis, perfeitas para planos de pre\u00e7os, compara\u00e7\u00f5es de produtos, tabelas em v\u00e1rios idiomas ou qualquer cen\u00e1rio em que v\u00e1rias tabelas fa\u00e7am sentido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 1: Insira o bloco \"Toggle for Tableberg<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Abra sua postagem ou p\u00e1gina no editor do WordPress.<\/li>\n\n\n\n<li>Clique no \u00edcone + (mais) e pesquise por \"Toggle for Tableberg\".<\/li>\n\n\n\n<li>Adicione o bloco \u00e0 sua p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png\" alt=\"\" class=\"has-border-color wp-image-7133\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 2: Configure e personalize suas guias<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Por padr\u00e3o, voc\u00ea ver\u00e1 tr\u00eas guias rotuladas como \"Guia 1\", \"Guia 2\" e \"Guia 3\".<\/li>\n\n\n\n<li>Adicione ou remova guias conforme necess\u00e1rio usando os \u00edcones + ou -.<\/li>\n\n\n\n<li>Renomeie cada guia (por exemplo, \"Monthly\", \"Yearly\" ou \"Basic Plan\", \"Pro Plan\").<\/li>\n\n\n\n<li>Use o painel de op\u00e7\u00f5es do lado direito para ajustar os t\u00edtulos das guias, o alinhamento, as cores e as bordas para obter uma apar\u00eancia de marca.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 3: Adicione suas tabelas<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clique em cada guia para adicionar uma tabela exclusiva em seu interior.<\/li>\n\n\n\n<li>Crie uma nova tabela do zero ou insira um padr\u00e3o de tabela Tableberg pr\u00e9-criado.<\/li>\n\n\n\n<li>Cada guia pode conter uma tabela completamente diferente - excelente para compara\u00e7\u00f5es de recursos, n\u00edveis de pre\u00e7os, conjuntos de dados e muito mais.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Casos de uso populares<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tabelas de pre\u00e7os:<\/strong> Permita que os usu\u00e1rios alternem entre pre\u00e7os mensais e anuais ou entre planos diferentes.<\/li>\n\n\n\n<li><strong>Compara\u00e7\u00f5es de dados:<\/strong> Mostre dados regionais, especifica\u00e7\u00f5es de produtos diferentes ou m\u00e9tricas de desempenho em guias separadas.<\/li>\n\n\n\n<li><strong>Conte\u00fado educacional:<\/strong> Organize as li\u00e7\u00f5es ou o material do curso para facilitar a navega\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Tabelas em v\u00e1rios idiomas:<\/strong> Exibir os mesmos dados em diferentes idiomas para visitantes internacionais.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Etapa 4: Visualizar e publicar<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualize suas guias de altern\u00e2ncia para ter certeza de que tudo parece e funciona como esperado.<\/li>\n\n\n\n<li>Publique ou atualize seu post\/p\u00e1gina quando estiver pronto.<\/li>\n<\/ul>\n\n\n\n<p>Veja um exemplo de como a altern\u00e2ncia se parece com uma tabela de pre\u00e7os. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1029\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Toggle-for-Tableberg-Example-.gif\" alt=\"\" class=\"wp-image-7131\" style=\"border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Adicionar um bot\u00e3o de altern\u00e2ncia ao seu site WordPress \u00e9 uma \u00f3tima maneira de melhorar a navega\u00e7\u00e3o, economizar espa\u00e7o e dar aos visitantes acesso instant\u00e2neo ao conte\u00fado que lhes interessa - seja alternando entre planos de pre\u00e7os, visualizando detalhes ou comparando dados.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para qualquer tipo de conte\u00fado, use <strong>Blocos definitivos<\/strong> para criar altern\u00e2ncias flex\u00edveis em segundos.<\/li>\n\n\n\n<li>Para tabelas de pre\u00e7os e layouts de tabela mais avan\u00e7ados, experimente <strong>Bloco de altern\u00e2ncia do Tableberg Pro<\/strong> para uma experi\u00eancia perfeita com guias.<\/li>\n<\/ul>\n\n\n\n<p>Experimente esses m\u00e9todos em seu site e torne seu conte\u00fado mais interativo e f\u00e1cil de usar. Tem d\u00favidas ou precisa de ajuda? Entre em contato conosco nos coment\u00e1rios!<\/p>","protected":false},"excerpt":{"rendered":"<p>Want to give your users a quick and clean way to switch between different content or pricing options on your WordPress site? A toggle button is the perfect solution! With a toggle button, visitors can instantly switch between two or more options\u2014like monthly vs. yearly pricing, light vs. dark mode, or even completely different content [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":4443,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-4423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/content-toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/pt\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=4423"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4423\/revisions"}],"predecessor-version":[{"id":10037,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/4423\/revisions\/10037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/4443"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=4423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=4423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=4423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}