Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar uma tabela de preços vertical no WordPress (2 métodos)

Como criar uma tabela de preços vertical no WordPress (2 métodos) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

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:

  1. Criação manual de tabelas com código
  2. 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.

Plug-in do WordPress Easy Pricing Tables (Tabelas de preços fáceis)

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.

Escolha um modelo WordPress de tabela de preços vertical

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

Inicie seu design WordPress de tabela de preços vertical

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.

Personalize sua tabela de preços vertical no WordPress

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.

Alterar as cores 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. 

Escolha o bloco WordPress gutenburg de tabelas de preços fáceis

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.

Publique sua tabela de preços vertical no WordPress

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.

Copie o shortcode das tabelas de preços fáceis

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.

Cole o shortcode das tabelas de preços fáceis no editor clássico do WordPress

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

Publicado Easy Pricing Tables tabela de preços vertical WordPress

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.

SeedProd, o melhor construtor de páginas do WordPress

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:

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.

Verifique sua chave de licença do seedprod

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.

criar 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.

Modelo de página de preços do SeedProd

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.

adicionar o bloco WordPress da tabela de preços vertical do seedprod

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.

Configurações avançadas da tabela de preços do SeedProd

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.

Salve suas alterações na página de preços

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.

Publique sua página de preços personalizada no WordPress

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.

Tabela de preços vertical personalizada Página de preços do WordPress criada com o seedprod

Perguntas frequentes sobre a tabela de preços vertical

O que é uma 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.

Quantas camadas minha tabela de preços vertical deve ter?

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.

Que informações devo incluir em uma tabela de preços vertical?

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.

Devo destacar um nível de preço recomendado?

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.

Qual é a diferença entre tabelas de preços verticais e horizontais?

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.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.