Como criar tabelas de preços atraentes

Há uma razão para tantos sites usarem tabelas de preços. Eles permitem que você mostre muitas informações importantes lado a lado e podem parecer muito elegantes ao fazê-lo. No entanto, criar, estilizar e adicionar uma tabela de preços ao seu site pode ser muito mais difícil do que você imagina.

É aí que o Uncode vem em socorro. Com nosso tema WordPress multiuso, você pode facilmente criar tabelas de preços elegantes e adicioná-las a qualquer página ou postagem que desejar, usando um construtor visual intuitivo. Basta aprender alguns passos simples e você estará criando tabelas de preços incríveis em pouco tempo.

Neste artigo, falaremos um pouco mais sobre tabelas de preços, por que elas são tão eficazes e quando faz sentido usá-las. Em seguida, mostraremos como criar sua própria tabela de preços usando o Uncode. Vamos ao trabalho!

Uma introdução às tabelas de preços (e por que elas são úteis)

Depois de começar a procurá-los, você descobrirá que as tabelas de preços estão por toda parte. Por exemplo, se você verificar o site de qualquer provedor de hospedagem, apostamos que você encontrará pelo menos uma tabela listando os planos ou níveis dessa empresa:

A estrutura geral das tabelas de preços é bastante simples. Você verá várias colunas – cada uma focada em um único plano, produto ou outra opção – divididas em seções com mais detalhes. No exemplo acima, você pode ver os nomes de cada plano, juntamente com seus principais recursos e preços.

Com uma tabela de preços, você pode comparar rapidamente quais são suas opções e fornecer aos visitantes um resumo do que eles podem esperar de cada uma delas. Além disso, o uso de tabelas de preços também permite chamar a atenção para os planos ou produtos que você deseja que os visitantes escolham.

Se você verificar a captura de tela acima novamente, notará que há um plano destacado com um adesivo de melhor valor . Na maioria dos casos, este é o plano mais lucrativo para você e útil para seus clientes.

Embora a estrutura das tabelas de preços seja sempre semelhante, seu estilo pode variar muito. Aqui está um exemplo legal de um site Uncode, que usa uma abordagem muito minimalista:

Você também pode eliminar completamente as bordas e optar por um estilo mais uniforme:

Observe que, mesmo nesse caso, as informações são divididas em segmentos e você pode encontrar rapidamente o que procura. Isso só mostra que você pode usar qualquer estilo que desejar para suas tabelas de preços, desde que as informações estejam bem organizadas.

De um modo geral, as tabelas de preços são uma excelente opção para sites de serviço e associação. Ou seja, eles são quase essenciais para sites que oferecem vários níveis de planos. Você também pode usar tabelas de preços para comparar produtos individuais. Por fim, se você tiver um portfólio online e oferecer serviços de preço fixo, também poderá se beneficiar do uso de tabelas de preços.

Como criar tabelas de preços que chamam a atenção usando o Uncode (em apenas 2 etapas)

Criar uma tabela de preços usando o Uncode é bem simples. O verdadeiro trabalho está em personalizar seu estilo. Veremos as duas etapas do processo nas seções a seguir.

Etapa 1: adicione um módulo de tabela de preços à sua página ou postagem

Para os propósitos deste tutorial, vamos supor que você já tenha o Uncode configurado e ativado em seu site. Depois disso, a primeira coisa que você precisa fazer é abrir o editor de qualquer página ou postagem onde você deseja colocar sua tabela e certificar-se de que está no construtor visual Uncode:

Clique no ícone de adição da seção que você gostaria de usar e você verá uma lista de opções de módulo. Encontre o chamado Tabela de preços e selecione-o:

Lembre-se de que você precisará adicionar um novo módulo Tabela de preços para cada coluna que deseja incluir. Por exemplo, estamos criando uma tabela de preços com três opções, então colocamos três módulos lado a lado. Esta é a aparência da nossa página agora:

Isso fornece a estrutura para sua tabela de preços, mas isso não é suficiente. Seu próximo passo será adicionar as informações que você deseja que cada coluna inclua. Para fazer isso, escolha um dos módulos que você acabou de colocar e selecione o ícone Editar para fazer algumas alterações.

Uma nova janela aparecerá agora, onde você pode inserir o texto para essa coluna da sua tabela de preços:

Haverá algum texto padrão aqui, que você pode substituir por qualquer coisa que desejar. Claro, você também pode inserir o preço para esse plano ou opção específica.

Depois de salvar suas alterações, repita esse processo para cada outra coluna que você deseja que sua tabela inclua. Quando terminar, sua tabela de preços deve estar parecida com esta:

Nesse estágio, você pode encerrar o dia e publicar sua nova tabela de preços. No entanto, o Uncode oferece muitas opções de personalização que você pode usar para tornar suas tabelas mais atraentes visualmente, que abordaremos a seguir.

Etapa 2: personalize o estilo de sua tabela de preços

Para personalizar sua tabela de preços, você precisará abrir a janela de edição para cada um de seus elementos mais uma vez. Na etapa anterior, você usou o menu resultante para alterar o texto e os preços em cada coluna. No entanto, se você rolar mais para baixo na janela de configurações, notará que também tem algumas opções estilísticas:

As duas configurações mais importantes que você pode personalizar aqui são chamadas Block Color e Most Popular . A primeira permite que você escolha cores de destaque para o conteúdo dentro de cada coluna, como no exemplo abaixo:

Você tem muitas opções de cores para brincar. Portanto, sinta-se à vontade para testá-los todos, até encontrar uma combinação que você goste. Quanto à configuração Mais popular , você pode usar essa opção para tornar uma coluna específica em sua tabela mais proeminente, assim:

Isso é útil porque, em muitos casos, você terá um plano que deseja que as pessoas escolham sobre os outros. Ao realçá-lo, você garantirá que os olhos de seus visitantes sejam atraídos para essa coluna. No entanto, lembre-se de que você ainda precisará convencê-los de que o plano vale o dinheiro, o que depende do conteúdo dessa coluna.

Na prática, você pode concluir todo esse processo em questão de minutos se já tiver todo o conteúdo que deseja incluir em sua tabela pronto para uso. Depois disso, é só fazer algumas alterações estilísticas simples e sua tabela estará pronta para publicação. Claro, você pode continuar a brincar no construtor visual Uncode o quanto quiser, ajustando a aparência e o layout da sua tabela de preços até que esteja tudo certo.

Conclusão

Há muitas situações em que o uso de tabelas de preços pode mudar o jogo. Sites de serviços, por exemplo, podem se beneficiar ao apresentar todos os seus planos e opções lado a lado. Dessa forma, os clientes em potencial poderão obter as informações de que precisam rapidamente.

Quando se trata de criar tabelas de preços, o Uncode simplifica sua vida graças ao seu elemento dedicado à tabela de preços. Isso simplifica a adição de uma tabela de preços em qualquer lugar do seu site. Em seguida, você pode personalizá-lo o quanto quiser, para destacá-lo.

Você tem alguma dúvida sobre como criar tabelas de preços eficazes? Vamos falar sobre eles na seção de comentários abaixo!