Etapa 3: Escolha uma mesa pr\u00e9-constru\u00edda<\/h3>\n\n\n\n Agora, se quiser, voc\u00ea pode criar uma tabela a partir do zero. Mostrarei isso mais tarde.<\/p>\n\n\n\n
Vamos ver primeiro a op\u00e7\u00e3o pr\u00e9-constru\u00edda. Depois de inserir o bloco Tableberg, basta clicar em 'Pre-Built Tables'. <\/p>\n\n\n\nUma biblioteca de padr\u00f5es ser\u00e1 exibida. Selecione a se\u00e7\u00e3o \"Pricing Table\" (Tabela de pre\u00e7os) e escolha um modelo de tabela de pre\u00e7os. <\/p>\n\n\n\nA tabela ser\u00e1 inserida no editor. <\/p>\n\n\n\nEtapa 4: Personalizar a tabela<\/h3>\n\n\n\n Selecione o bloco inteiro clicando no \u00edcone Tableberg e, em seguida, clique no \u00edcone Settings (Configura\u00e7\u00f5es) no canto superior direito. Voc\u00ea pode personalizar a tabela a partir da\u00ed. <\/p>\n\n\n\nComo criar uma tabela de pre\u00e7os do zero<\/h2>\n\n\n\n Voc\u00ea tamb\u00e9m pode criar uma tabela do zero. <\/p>\n\n\n\n
Etapa 1: Escolha o n\u00famero de colunas e linhas<\/h3>\n\n\n\n Depois de inserir o bloco Tableberg, defina o n\u00famero da linha e da coluna. No entanto, voc\u00ea pode aumentar ou diminuir o n\u00famero de linhas e colunas depois de criar a tabela, conforme necess\u00e1rio. Mas, por enquanto, estamos selecionando uma linha e uma coluna 4*4.<\/p>\n\n\n\n\u00c0 medida que voc\u00ea adiciona muito conte\u00fado, pode precisar de mais espa\u00e7o nas c\u00e9lulas da tabela. Portanto, \u00e9 melhor aumentar a largura da tabela. Selecione a tabela inteira clicando tr\u00eas vezes no \u00edcone TableBerg na barra de ferramentas.<\/p>\n\n\n\n
Voc\u00ea obter\u00e1 o Guia Configura\u00e7\u00f5es<\/strong> que aparece na barra lateral direita. Na tabela de configura\u00e7\u00f5es, voc\u00ea encontrar\u00e1 a op\u00e7\u00e3o Largura da mesa<\/strong> op\u00e7\u00e3o. Aumente sua largura conforme sua necessidade.<\/p>\n\n\n\nEtapa 2: Adicionar t\u00edtulos \u00e0s colunas da tabela<\/h3>\n\n\n\n Adicione t\u00edtulos adequados \u00e0s colunas da tabela. Suponha que criaremos uma tabela de pre\u00e7os para uma empresa de hospedagem na Web. H\u00e1 quatro planos de pre\u00e7os na tabela. Portanto, o t\u00edtulo da coluna ser\u00e1 Econ\u00f4mico, Deluxe, Ultimate,<\/strong> e M\u00e1ximo<\/strong>.<\/p>\n\n\n\nVoc\u00ea pode personalizar o texto do t\u00edtulo e a cor do plano de fundo na respectiva guia na barra lateral direita. Voc\u00ea tamb\u00e9m pode aumentar a tipografia e o tamanho do texto.<\/p>\n\n\n\nEtapa 3: Adicionar pre\u00e7os e taxas de desconto \u00e0s colunas da tabela de pre\u00e7os<\/h3>\n\n\n\n Primeiro, adicione os pre\u00e7os dos planos em suas respectivas colunas. Deixamos os textos dos pre\u00e7os em negrito, um pouco maiores e coloridos em azul.<\/p>\n\n\n\nA taxa de desconto geralmente fica muito pr\u00f3xima do pre\u00e7o principal. Coloque o cursor na c\u00e9lula de pre\u00e7o e crie um espa\u00e7o abaixo dela, pressionando a tecla Bot\u00e3o Enter<\/strong> em seu teclado.<\/p>\n\n\n\nDepois disso, digite suas taxas de desconto desejadas nas respectivas colunas. <\/p>\n\n\n\nAgora vamos destacar a taxa de desconto para que ela fique mais vis\u00edvel. Selecione a taxa de desconto<\/strong> \u00e1rea de texto com o cursor. Clique no bot\u00e3o Mais op\u00e7\u00f5es<\/strong> na barra de ferramentas. Selecione a op\u00e7\u00e3o Op\u00e7\u00e3o de destaque<\/strong>.<\/p>\n\n\n\nUse um marcador de fundo para o texto da taxa de desconto. Aplicamos o c\u00f3digo de cores #fcdc4b<\/strong> no plano de fundo da taxa de desconto na tabela de pre\u00e7os.<\/p>\n\n\n\nAplique o mesmo processo a cada coluna em suas respectivas \u00e1reas.<\/p>\n\n\n\nSe houver alguma observa\u00e7\u00e3o especial para os planos, voc\u00ea dever\u00e1 especific\u00e1-la na \u00e1rea de pre\u00e7os. Veja, n\u00f3s fizemos isso usando o primeiro sinal de colchete.<\/p>\n\n\n\nEtapa 4: Adicionar bot\u00f5es de CTA \u00e0 tabela<\/h4>\n\n\n\n Ao adicionar bot\u00f5es de CTA, voc\u00ea n\u00e3o pode fazer com que os usu\u00e1rios comprem seus produtos. Selecione a c\u00e9lula \u00e0 qual voc\u00ea deseja adicionar o bot\u00e3o de CTA. Pressione o bot\u00e3o \u00cdcone de mais (+)<\/strong> na c\u00e9lula e selecione a op\u00e7\u00e3o Bot\u00e3o CTA<\/strong>.<\/p>\n\n\n\nN\u00e3o abordaremos essa parte em detalhes. Tudo o que voc\u00ea precisa fazer aqui \u00e9 escrever um texto de CTA atraente para cada bot\u00e3o. Vincular os bot\u00f5es \u00e0 p\u00e1gina de checkout. Adicionar cores de fundo e de texto para os bot\u00f5es.<\/p>\n\n\n\nEtapa 5: Adicionar recursos \u00e0 tabela de pre\u00e7os<\/h3>\n\n\n\n Por fim, voc\u00ea precisa listar todos os recursos de seus produtos e servi\u00e7os com base em seus planos de pre\u00e7os. Se houver alguma palavra especial que voc\u00ea queira destacar, coloque-a em negrito.<\/p>\n\n\n\nEtapa 6: Visualizar a tabela de pre\u00e7os<\/h3>\n\n\n\n Antes de publicar a tabela de pre\u00e7os, \u00e9 melhor v\u00ea-la no modo de visualiza\u00e7\u00e3o para verificar se h\u00e1 algum erro. Se a tabela estiver totalmente limpa, voc\u00ea poder\u00e1 public\u00e1-la.<\/p>\n\n\n\nConclus\u00e3o<\/h3>\n\n\n\n Assim, voc\u00ea pode criar tabelas de pre\u00e7os informativas em seu site que ajudem os clientes a tomar decis\u00f5es informadas. O TableBerg est\u00e1 lan\u00e7ando mais recursos novos com os quais voc\u00ea pode criar tabelas mais avan\u00e7adas em seu site.<\/p>\n\n\n\n
Se voc\u00ea gostou desta postagem, comente abaixo e deixe-nos saber sua opini\u00e3o. D\u00ea uma olhada em como criar uma tabela de compara\u00e7\u00e3o no WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them. The default WordPress table block lacks many advanced features. You cannot create comprehensive price tables with it. You need a table builder […]<\/p>\n","protected":false},"author":1,"featured_media":6733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[9],"class_list":["post-519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Pricing-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/519","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/519\/revisions\/6735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6733"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png\")
<\/figure>\n\n\n\n![\"Definir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\")
<\/figure>\n\n\n\n![\"Aumentar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp\")
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp\")
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp\")
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp\")
<\/figure>\n\n\n\n![\"Selecione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp\")
<\/figure>\n\n\n\n![\"Use](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp\")
<\/figure>\n\n\n\n![\"Use](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp\")
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp\")
<\/figure>\n\n\n\n![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png\")
<\/figure>\n\n\n\n![\"Personalize](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png\")
<\/figure>\n\n\n\n![\"Listar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp\")
<\/figure>\n\n\n\n![\"Visualizar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp\")
<\/figure>\n\n\n\n