{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"como-criar-uma-alternancia-de-precos-mensal-e-anual-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"Como criar uma altern\u00e2ncia de pre\u00e7os mensais\/anuais no WordPress"},"content":{"rendered":"

Os compradores de hoje avaliam as op\u00e7\u00f5es em segundos: alguns examinam os pre\u00e7os, outros comparam os recursos e muitos debatem sobre planos mensais ou anuais. Nesse ambiente de tomada de decis\u00e3o em fra\u00e7\u00f5es de segundo, o design de sua tabela de pre\u00e7os se torna o fator decisivo nas convers\u00f5es.<\/p>\n\n\n\n

Se voc\u00ea administra um servi\u00e7o ou um neg\u00f3cio baseado em assinatura, sua tabela de pre\u00e7os precisa fazer mais do que listar op\u00e7\u00f5es para converter visitantes em clientes pagantes. Ela deve orientar a aten\u00e7\u00e3o, apoiar compara\u00e7\u00f5es e fazer com que o melhor plano pare\u00e7a ser a escolha \u00f3bvia.<\/p>\n\n\n\n

Uma tabela de pre\u00e7os bem projetada com uma altern\u00e2ncia mensal\/anual transforma uma tabela de pre\u00e7os padr\u00e3o em algo muito mais din\u00e2mico e focado no usu\u00e1rio. Ela n\u00e3o apenas exibe op\u00e7\u00f5es, mas orienta ativamente o olhar, enfatiza a economia e elimina o atrito da compara\u00e7\u00e3o.<\/p>\n\n\n\n

Neste guia, voc\u00ea aprender\u00e1 a criar uma altern\u00e2ncia limpa de pre\u00e7os mensais e anuais no WordPress usando um formato de tabela que fica \u00f3timo em qualquer dispositivo.<\/p>\n\n\n\n

<\/span>
\n

Altern\u00e2ncia de pre\u00e7os mensais\/anuais<\/p>\n\n\n\n

\n
\n \n \n \n <\/tbody>\n <\/table>\n <\/div>\n \n <\/figure>\n\n
\n
\n \n \n \n <\/tbody>\n <\/table>\n <\/div>\n \n <\/figure><\/div>\n\n\n\n

Constru\u00eddo com Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

Como adicionar uma altern\u00e2ncia de pre\u00e7o mensal\/anual no WordPress<\/strong><\/h2>\n\n\n\n

Agora que voc\u00ea j\u00e1 sabe como uma altern\u00e2ncia de pre\u00e7os ajuda a simplificar as compara\u00e7\u00f5es e a destacar o valor, vamos percorrer as etapas para criar uma usando o plug-in Tableberg.<\/p>\n\n\n\n

Etapa 1: Instalar e ativar o Tableberg<\/strong><\/h3>\n\n\n\n

V\u00e1 at\u00e9 o painel do WordPress, acesse Plugins \u2192 Adicionar novo, procure por Tableberg e clique em Instalar agora, seguido de Ativar. Depois de ativado, voc\u00ea encontrar\u00e1 dois novos blocos no editor: Tableberg e Toggle for Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Etapa 2: Adicionar a altern\u00e2ncia para o bloco Tableberg<\/strong><\/h3>\n\n\n\n

Abra o post ou a p\u00e1gina onde deseja colocar sua tabela de pre\u00e7os. Clique no \u00edcone de adi\u00e7\u00e3o, pesquise Toggle for Tableberg e insira o bloco. Ele come\u00e7a com tr\u00eas guias por padr\u00e3o. Passe o mouse sobre qualquer guia para remov\u00ea-la ou clique no sinal de mais para adicionar mais. Para essa configura\u00e7\u00e3o, mantenha apenas duas guias - uma para \"Monthly\" (Mensal) e outra para \"Yearly\" (Anual).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Etapa 3: Configurar as defini\u00e7\u00f5es da guia<\/strong><\/h3>\n\n\n\n

Com o bloco selecionado, use o painel de configura\u00e7\u00f5es \u00e0 direita para ajustar as op\u00e7\u00f5es General e Style.<\/p>\n\n\n\n

Na guia General (Geral), renomeie cada guia, escolha qual delas estar\u00e1 ativa por padr\u00e3o e alinhe as guias conforme necess\u00e1rio. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Em Style (Estilo), voc\u00ea pode ajustar as cores das guias ativas e inativas, definir o espa\u00e7amento abaixo da altern\u00e2ncia e ajustar o raio da borda para arredondar os cantos, se quiser um visual mais suave.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Etapa 4: Adicionar tabelas dentro de cada guia<\/strong><\/h3>\n\n\n\n

Clique na primeira guia e crie a tabela. Ela conter\u00e1 sua tabela de pre\u00e7os mensal. Repita o mesmo procedimento na segunda guia e adicione sua vers\u00e3o anual. Sua estrutura para ambas as tabelas deve permanecer a mesma, alterando apenas os pre\u00e7os e os r\u00f3tulos relacionados.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Etapa 5: Personalizar as tabelas<\/strong><\/h3>\n\n\n\n

Adicione nomes de planos, tags de p\u00fablico-alvo, pre\u00e7os, recursos e bot\u00f5es de chamada para a\u00e7\u00e3o dentro de cada coluna. Use blocos de par\u00e1grafos, listas e blocos de bot\u00f5es dentro das c\u00e9lulas da tabela. <\/p>\n\n\n\n

Em seguida, abra as configura\u00e7\u00f5es gerais para definir o cabe\u00e7alho e o rodap\u00e9 e ajuste recursos como cabe\u00e7alho fixo, classifica\u00e7\u00e3o e pesquisa, se necess\u00e1rio. Por fim, use a guia estilo para ajustar o espa\u00e7amento, as cores de fundo, as bordas e o alinhamento para obter uma apar\u00eancia limpa e consistente em ambas as tabelas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Etapa 6: Salvar, visualizar e publicar<\/strong><\/h3>\n\n\n\n

N\u00e3o se esque\u00e7a de salvar seu trabalho primeiro. Em seguida, use a op\u00e7\u00e3o de visualiza\u00e7\u00e3o para verificar a apar\u00eancia da altern\u00e2ncia no desktop e no celular. Certifique-se de que a altern\u00e2ncia de guias seja suave e que cada vers\u00e3o da tabela seja clara. Quando estiver satisfeito, clique em Publish (Publicar) para torn\u00e1-lo ativo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Considera\u00e7\u00f5es finais<\/strong><\/p>\n\n\n\n

Uma altern\u00e2ncia de pre\u00e7os mensal\/anual n\u00e3o \u00e9 apenas um truque de design. \u00c9 uma maneira pr\u00e1tica de apresentar op\u00e7\u00f5es de faturamento flex\u00edveis sem sobrecarregar seu layout. Com o Tableberg, voc\u00ea n\u00e3o precisa de plugins extras ou c\u00f3digo personalizado para fazer isso direito. Voc\u00ea pode criar uma tabela de pre\u00e7os responsiva e bem estruturada que ajuda os visitantes a comparar os planos com clareza e escolher o que melhor se adapta a eles.<\/p>\n\n\n\n

Reserve um tempo para configurar a altern\u00e2ncia com cuidado e voc\u00ea ter\u00e1 uma p\u00e1gina mais limpa e uma experi\u00eancia de tomada de decis\u00e3o mais tranquila para seus usu\u00e1rios.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","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\/2025\/05\/MonthlyYearly-Pricing-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\/8698","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=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}