Deseja criar uma tabela de preços vertical no WordPress?
As tabelas de preços são uma excelente maneira de incentivar os usuários a tomar uma decisão de compra. Portanto, a inclusão de tabelas de preços simplificáveis em seu site WordPress ajuda as pessoas a escolherem o produto certo e, por fim, aumenta suas conversões e vendas.
Neste artigo, mostraremos a você como criar uma tabela de preços vertical no WordPress sem escrever nenhum código.
Codificação de uma tabela de preços vs. plug-ins de tabela de preços
Ao adicionar qualquer novo recurso ao seu site WordPress, geralmente há duas opções:
- Criação manual de tabelas com código
- Uso de um plug-in de tabela de preços do WordPress
Se você é um usuário do WordPress com experiência em HTML e CSS, criar uma tabela de preços vertical manualmente não é muito complicado. Isso significa que você terá controle total sobre o design da tabela de preços e não requer conhecimento avançado de desenvolvimento.
Dito isso, ainda há algumas desvantagens em codificar tabelas de preços manualmente:
- Seu design precisa ser responsivo desde o início
- Codificar e testar seu projeto leva tempo
- Seu design deve ser compatível com vários navegadores
Mas se você não tem nenhuma experiência em design ou codificação, usar um plug-in do WordPress é uma opção mais rápida e fácil.
A maioria dos plug-ins inclui modelos de tabela de preços para dar início ao seu design. A partir daí, é tão simples quanto definir algumas configurações e clicar em publicar.
Como criar uma tabela de preços vertical no WordPress: 2 métodos fáceis
Como a criação manual de uma tabela de preços vertical no WordPress é um pouco técnica demais para iniciantes, hoje compartilharemos dois métodos para criar tabelas de preços com um plug-in do WordPress.
O primeiro método mostra como criar uma tabela de preços para posts e páginas gerais do WordPress. E o segundo método explica como usar um construtor visual de arrastar e soltar para adicionar tabelas de preços a páginas de destino personalizadas.
Método 1: Tabelas de preços fáceis para posts e páginas do WordPress
Para nosso primeiro método, usaremos o plug-in Easy Pricing Tables para WordPress. Esse plug-in permite que você crie, personalize e publique tabelas de preços em apenas alguns minutos, diretamente do editor de posts, sem necessidade de codificação.

Primeiro, baixe sua cópia do Easy Pricing Tables, instale-a e ative-a em seu site WordPress.
Para obter ajuda com essa etapa, consulte este guia sobre como instalar um plug-in do WordPress.
Quando o plugin estiver ativo em seu site WordPress, você estará pronto para começar a criar sua tabela de preços.
Etapa 1. Criar uma tabela de preços vertical
Para criar uma tabela de preços vertical no WordPress, navegue até Tabelas de preços " Adicionar novo na área de administração do WordPress.
Na tela seguinte, você verá vários modelos de tabela de preços para escolher. Os estilos de tabela variam de layouts simples gratuitos a modelos mais complexos disponíveis no plano de preços premium.

Clique em qualquer modelo para escolher seu design. Agora seu modelo será aberto no editor do WordPress para que você possa personalizá-lo.

Etapa 2. Personalize sua tabela de preços
Personalizar seu modelo é fácil com o editor visual. Você pode clicar em qualquer lugar da tabela para editar os títulos, subtítulos, preços, recursos e muito mais.

E na barra de configurações na parte superior da tela, você pode:
- Alterar o alinhamento de linhas e colunas
- Adicionar uma nova coluna
- Definir qual coluna é a mais popular
- Mover colunas para a esquerda ou para a direita
- Alterar os tamanhos das fontes das colunas
- E mais
Além disso, você pode personalizar as cores de fundo, os botões e as cores de destaque no painel de configurações da tabela de preços à direita.
Por exemplo, você pode alterar a cor de destaque para realçar seu melhor plano de preços. E na seção Misc Settings (Configurações diversas ), é possível mostrar ou ocultar os botões da tabela de preços.

Quando estiver satisfeito com a aparência da tabela de preços, clique no botão Update (Atualizar ) no canto superior direito da tela para salvar as alterações.
Etapa 3. Publique sua tabela de preços
Há duas maneiras de publicar sua tabela de preços responsiva com esse plug-in.
Você pode:
- Copie e cole o shortcode da tabela de preços
- Use o bloco do WordPress Easy Pricing Tables (Tabelas de preços fáceis)
Para adicionar sua tabela de preços com o editor de blocos do WordPress, basta criar ou editar um post ou uma página do WordPress. Em seguida, clique no ícone de mais (+) para adicionar um novo bloco do WordPress.
No campo de pesquisa, digite "pricing" para filtrar os resultados do bloco. Você verá a tabela de preços que criou anteriormente convertida em um bloco automaticamente.

Vá em frente e clique em sua tabela de preços para adicioná-la à sua página e ver uma prévia de sua aparência. Agora você pode clicar no botão Publish (Publicar) para tornar sua página ativa.

Como alternativa, se você usar o editor clássico do WordPress, vá para Pricing Tables (Tabelas de preços) " All Tables (Todas as tabelas ) no painel do WordPress. Em seguida, copie o shortcode ao lado da tabela de preços que você criou na etapa anterior.

A partir daí, crie ou edite o post ou a página em que você deseja adicionar sua tabela de preços. Em seguida, cole seu shortcode no editor do WordPress.

Agora, vá em frente e publique ou atualize sua página para ver os resultados.

Método 2: SeedProd Page Builder para páginas de destino do WordPress
Para o segundo método WordPress de tabela de preços vertical, usaremos o SeedProd.

O SeedProd é o melhor construtor de páginas do WordPress e funciona com qualquer tema do WordPress. Com esse plugin, você pode personalizar completamente qualquer página do WordPress visualmente em seu construtor de arrastar e soltar.
O SeedProd é a melhor opção para criar páginas de preços de alta conversão. Além de ser muito fácil de usar, ele oferece vários blocos de construção visuais projetados para gerar leads para sua empresa.
Por exemplo, ele inclui:
- Tabelas de preços personalizáveis para facilitar a comparação de preços
- Temporizadores de contagem regressiva para criar urgência
- Botões de adicionar ao carrinho do WooCommerce
- Depoimentos e avaliações com estrelas para prova social
- Grades de produtos em destaque para upsells de produtos
- E mais
Todos esses aspectos podem transformar sua página de preços em uma potência de conversão. E como o SeedProd oferece centenas de modelos de página de destino responsivos, você não precisará começar do zero, e sua página sempre terá uma boa aparência em qualquer dispositivo móvel.
Para começar, baixe e instale o SeedProd em seu site WordPress.
Em seguida, navegue até SeedProd " Settings e insira sua chave de licença.

Etapa 1. Criar uma nova página de destino
Depois de instalar e ativar o SeedProd, vá para SeedProd " Pages e crie uma nova página de destino.

Para obter instruções completas, confira este guia passo a passo sobre como criar uma página de destino com o SeedProd.
O guia explica todas as etapas, inclusive como escolher um modelo de página de destino, todas as configurações do SeedProd e muito mais. Quando você tiver criado uma página, volte aqui para saber mais sobre o bloco de tabelas de preços do SeedProd.
Etapa 2. Adicionar um bloco de tabela de preços vertical
Depois de criar sua página de preços com o SeedProd, você pode usar o bloco Pricing Table (Tabela de preços ) para adicionar colunas personalizáveis de comparação de preços ao seu design.
Escolhemos um modelo predefinido para este exemplo e adicionamos uma linha com 3 colunas para abrigar nossa tabela de preços.

Para adicionar uma tabela de preços à sua página, escolha o bloco Pricing Table (Tabela de preços ) e arraste-o para o seu design. Se você quiser uma tabela de preços vertical com três colunas, repita essa etapa mais duas vezes.

Agora você pode clicar no ícone de configurações em cada bloco de tabela para personalizar o conteúdo da tabela de preços.
Por exemplo, você pode:
- Editar o nome do plano
- Alterar o preço
- Escolha uma moeda
- Adicionar um preço normal
- Incluir uma descrição
- Adicionar uma lista de recursos
- Mostrar vários botões de CTA
Além disso, na guia Advanced (Avançado ), você pode personalizar a cor, a fonte, os ícones, o espaçamento, os botões, os efeitos de foco de cada tabela e muito mais. Essa é uma excelente maneira de fazer com que um nível de preços se destaque mais do que os outros, incentivando os compradores a escolher essa opção.

Continue editando suas tabelas de preços até que esteja satisfeito com a aparência delas. Em seguida, clique no botão Save (Salvar ) para salvar suas alterações.

Etapa 3. Publique sua página de preços
Publicar sua página de preços com o SeedProd é muito fácil. Quando estiver satisfeito com seu design, clique na seta suspensa do botão Salvar e clique em Publicar.

Agora você pode clicar no botão See Live Page (Ver página ao vivo ) para ver como ficou sua nova página de preços do WordPress.

Perguntas frequentes sobre a tabela de preços vertical
Uma tabela de preços vertical é uma representação gráfica que exibe diferentes níveis de preços de um produto ou serviço em um formato vertical. Em geral, cada linha ou seção inclui recursos, benefícios e custos associados a cada nível de preço.
Não há uma resposta única para essa pergunta. O número de níveis depende de seu modelo de negócios e de suas ofertas. Entretanto, três a cinco níveis são comuns na maioria das tabelas de preços.
As informações mais importantes a serem incluídas são o custo de cada nível, o que está incluído em cada nível e as diferenças entre os níveis. Você também pode incluir os termos do serviço, como ciclo de faturamento (mensal, anual etc.), políticas de reembolso e quaisquer recursos ou bônus especiais.
Sim, geralmente é uma boa ideia destacar um nível recomendado. Isso pode ajudar a orientar os clientes para uma decisão, especialmente se essa camada oferecer o melhor valor para a maioria dos usuários.
A principal diferença é a orientação. Em uma tabela de preços vertical, os diferentes níveis de preços são apresentados verticalmente, de cima para baixo. Em uma tabela de preços horizontal, elas são apresentadas lado a lado.
Aí está!
Agora você sabe como criar uma tabela de preços vertical no WordPress sem escrever uma única linha de código. Esperamos que este artigo o tenha ajudado a encontrar a melhor solução de tabela de preços para sua empresa.
Enquanto estiver aqui, talvez você queira saber como incorporar eventos do Facebook no WordPress.
Obrigado pela leitura. Se você gostou deste artigo, siga-nos no YouTube, no Twitter e no Facebook para obter mais conteúdo útil para expandir seus negócios.