Ú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: avatar do revisor Turner John
avatar do revisor 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.

Quando eu queria uma maneira clara de mostrar meus níveis de serviço, descobri que uma tabela de preços vertical funcionava melhor. Ela coloca cada plano lado a lado, de modo que os visitantes podem examinar os recursos rapidamente e ver qual opção se adequa a eles.

A boa notícia? Você não precisa mexer com códigos de acesso ou CSS personalizado. O WordPress oferece algumas maneiras simples de adicionar tabelas de preços, e o SeedProd torna isso ainda mais fácil se você quiser uma página de destino polida que converta.

Neste guia, mostrarei passo a passo como criar uma tabela de preços vertical facilmente sem codificação.

Etapas rápidas para criar uma tabela de preços vertical:

Crie uma seção de preços personalizada com o SeedProd

Se você deseja uma página de preços profissional que seja fácil de atualizar, o SeedProd é a melhor opção.

SeedProd Construtor de sites WordPress de arrastar e soltar

É um construtor de páginas de arrastar e soltar para WordPress que permite adicionar tabelas de preços verticais totalmente personalizáveis em minutos, sem codificação.

Gosto de começar com o SeedProd porque ele não oferece apenas uma tabela. Você pode criar uma seção inteira de preços com depoimentos, cronômetros de contagem regressiva e botões de chamada para ação que realmente geram inscrições.

Veja como configurar uma nova página de preços no WordPress com o SeedProd.

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ço 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

Adicionar uma tabela de preços a posts ou páginas do WordPress

Se não precisar de uma página de destino completa, você ainda poderá adicionar uma tabela de preços vertical diretamente em um post ou página do WordPress. Essa é uma boa opção se você quiser apenas mostrar seus planos dentro do conteúdo existente sem criar uma página separada.

Para fazer isso, você usará um plug-in leve de tabela de preços que funciona diretamente no editor do WordPress. Ele é rápido, fácil de usar para iniciantes e você pode publicar sua tabela com apenas alguns cliques.

Veja a seguir como funciona passo a passo.

Plugin 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

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

Quais 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 tenha ajudado você 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.