As tabelas de preços são muito importantes quando você está vendendo um produto ou serviço em seu site. Eles ajudam tremendamente a impactar a decisão do usuário.
Para criar uma tabela de preços no WordPress, você pode usar um código personalizado ou um plugin do WordPress. Existem muitos plugins do WordPress que você pode usar para criar tabelas de preços em seu site.
Mas muitos deles são difíceis de usar e têm um processo muito longo até para criar uma tabela simples. Não seria ótimo criar uma tabela de preços em apenas alguns minutos?
Neste artigo, falaremos sobre como você pode criar uma tabela de preços no WordPress com apenas 3 etapas simples.
Como criar uma tabela de preços no WordPress
Para criar a tabela de preços, usaremos o plugin WP Table Builder , pois possui um processo muito simples e direto para criar tabelas.
Criaremos uma tabela de preços exatamente assim:
Vamos começar.
Passo 1: Instale e ative o plugin ‘WP Table Builder’
Para instalar e ativar o plugin WP Table Builder em seu site, vá para Plugins > Adicionar novo no seu painel do WordPress.
Procure por ‘WP Table Builder’ e clique no botão Instalar agora .
Após a instalação do plug-in, clique no botão Ativar agora e seu plug-in estará pronto para uso.
Etapa 2. Crie uma tabela de preços
Depois de ativar o plug-in, você será redirecionado para a página de boas-vindas do plug-in, onde poderá começar.
Clique no botão Create Your First Table para iniciar o processo de criação da tabela.
Depois de clicar nesse botão, você chegará à interface do WP Table Builder, onde poderá criar sua tabela.
Você verá um painel da barra lateral com elementos que você pode arrastar e soltar em sua tabela.
Para criar uma tabela de preços, usaremos um modelo pré-construído oferecido pelo plugin WP Table Builder. É importante notar aqui que os modelos pré-construídos estão disponíveis apenas na versão pro do plugin.
Vamos selecionar Tabela de preços 1 como nosso modelo para a tabela de preços.
Depois de selecionar o modelo, você poderá escolher o número de colunas e linhas que deseja adicionar à sua tabela. Isso é muito legal e torna todo o processo muito suave e rápido.
Após selecionar o número de colunas e linhas, clique no botão Gerar para criar sua tabela.
Uma vez que sua tabela de preços é gerada, é apenas uma questão de adicionar informações e personalizar seu estilo.
Você pode selecionar e personalizar diferentes elementos e adicionar novos elementos à tabela a partir do painel da barra lateral.
Para criar nossa tabela de preços desejada, vamos primeiro adicionar todas as informações necessárias à tabela. Começaremos movendo o botão Preço e Comprar agora acima dos itens da lista.
Também removeremos a faixa de texto Popular da tabela. Veja como está a tabela agora:
Agora, é hora de adicionar mais informações sobre cada plano.
Como você pode ver, a tabela está começando a se parecer com o nosso resultado desejado. Vamos adicionar a lista de recursos à nossa tabela.
Para adicionar isso, vá para Elementos e insira o elemento Ícone de texto em sua tabela.
Para alterar o ícone, selecione o elemento e vá para a guia Ícone . Aqui, você poderá alterar o ícone de uma lista de ícones fornecidos.
Depois de adicionar a lista de recursos, nossa tabela de preços está quase pronta.
É hora de personalizar a mesa. Vamos começar adicionando espaçamento entre os elementos. Adicionaremos algum espaçamento entre o preço e os nomes dos planos.
Selecione o elemento de texto Preço e role para baixo até as configurações de espaçamento no painel da barra lateral.
Na seção Preenchimento , adicione preenchimento de 20px ao topo. Da mesma forma, adicione preenchimento a outros elementos para espaçamento adequado.
O próximo passo para estilizar nossa tabela é personalizar os botões. Selecione o elemento do botão e altere o tamanho do botão para Grande.
Além disso, ative a opção Button Full Width e altere o raio da borda para 0. Depois de fazer essas alterações junto com a mudança da cor do botão, nossa tabela está muito parecida com a tabela desejada.
A última etapa em nosso estilo de tabela é alterar o plano de fundo de cada coluna da tabela de preços.
Clique no botão Gerenciar Células na parte superior da tabela e clique na primeira coluna. Você poderá ver as configurações na barra lateral dessa coluna específica.
A partir dessas configurações, altere a Cor de fundo da célula .
Depois de alterar a cor de fundo da célula de cada coluna, sua tabela deve ficar assim:
Criamos com sucesso uma tabela de preços bonita e de alta conversão usando o WP Table Builder.
Vamos passar para o próximo passo que é colocar sua mesa em seu site.
Passo 3. Coloque sua mesa
Colocar sua tabela de preços usando o WP Table Builder é muito simples. O plugin oferece duas maneiras de fazer isso.
Usando o código de acesso
Depois que sua tabela for criada, clique no botão Incorporar e você verá um pop-up aberto com o código de acesso.
Você pode inserir esse código de acesso em qualquer lugar do seu site para incorporar sua tabela.
Usando o Bloco Gutenberg
Outra maneira de colocar sua mesa é usando o bloco Gutenberg que vem com o WP Table Builder.
No seu editor de postagem/página, clique no ícone inserir bloco e procure por ‘WP Table Builder ‘.
Insira este bloco e escolha a tabela que deseja inserir.
Depois que sua tabela for inserida, você poderá visualizar sua postagem e página para ver a aparência da sua tabela.
Conclusão
E é isso! Essa é uma das maneiras mais fáceis e rápidas de criar uma tabela de preços no WordPress. O plugin WP Table Builder é muito intuitivo, o que torna todo o processo muito simples e fácil.
Você pode criar todos os tipos de tabelas de preços usando este plugin. Os modelos pré-construídos que vêm com este plugin tornam o trabalho muito mais fácil.
Se você está procurando o melhor plugin de construtor de tabelas para WordPress , não há mais nada que combine simplicidade e ótima aparência de tabelas da maneira que o WP Table Builder faz.
