Últimas notícias da SeedProd

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

Como criar uma lista de preços no WordPress

Como criar uma lista de preços no WordPress (sem necessidade de código) 

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.

Você está procurando um tutorial fácil sobre como criar uma lista de preços no WordPress?

A exibição de preços claros e concisos em seu site WordPress ajudará os visitantes a pesquisar suas tarifas e a tomar decisões de compra com facilidade.

Há muitas maneiras de exibir preços de produtos e serviços em seu site WordPress. Você pode usar código personalizado, plug-ins do WordPress ou um tema premium do WordPress.

Mas neste artigo, mostraremos a você como criar uma lista de preços no WordPress sem tocar em uma única linha de código.

Por que seu site deve ter uma lista de preços?

A maioria dos compradores pesquisa preços antes mesmo de ter um orçamento definido. Portanto, exibir sua lista de preços para freelancers, os custos do cardápio do restaurante ou as tarifas do salão de beleza ajudará os clientes em potencial a comparar os custos antes de decidir sobre a melhor solução.

Além disso, listar os preços de sua pequena empresa é excelente para a experiência do cliente.

Se os usuários precisarem clicar em inúmeras páginas para encontrar informações sobre preços, há uma grande chance de eles desistirem e irem embora. Entretanto, se os preços forem fáceis de encontrar, os compradores poderão tomar decisões de compra rapidamente, evitando a perda de tempo e reduzindo as taxas de rejeição do site.

Por fim, se você estiver preocupado com o fato de os concorrentes conhecerem seus detalhes de preços, não precisa se preocupar. É provável que eles já conheçam suas tarifas. Além disso, se os seus produtos ou serviços forem de alta qualidade e atenderem às necessidades do seu público-alvo, você ainda atrairá os clientes certos.

Com isso em mente, como exatamente você cria uma lista de preços no WordPress? Veremos isso a seguir.

Como criar uma lista de preços no WordPress

Antes de começarmos, vamos esclarecer a diferença entre uma lista de preços e uma tabela de preços.

As tabelas de preços são uma forma popular de as empresas de SaaS e negócios semelhantes exibirem diferentes planos de preços. Você provavelmente já conhece a aparência delas:

Exemplo de tabela de preços

Normalmente, as tabelas de preços têm várias colunas com diferentes níveis de preços para que os clientes possam escolher o mais adequado para seus orçamentos. Muitas tabelas de preços têm botões de call-to-action para que os compradores possam "comprar agora", o que as torna uma maneira eficaz de aumentar as conversões.

Para isso, você pode usar um plug-in de tabela de preços do WordPress, como o Easy Pricing Tables. O construtor de tabelas do plug-in facilita a adição de estilos de tabela e personalizações. 

Aqui está um guia útil sobre como criar uma tabela de preços no WordPress.

Em comparação, uma lista de preços é mais como uma lista clara de opções de preços. Elas são uma excelente solução para freelancers, cardápios de cafeterias, salões de beleza e outros serviços profissionais.

As listas de preços ocupam menos espaço em seu site, permitindo que você as coloque onde quiser. Em vez de limitá-las a uma página de preços, você pode adicionar listas de preços à sua página inicial, às páginas sobre ou de serviços, ou até mesmo a postagens de blog sobre seus produtos.

Exemplo de lista de preços

Há várias maneiras de adicionar uma lista de preços ao seu site WordPress. Você pode contratar um desenvolvedor para criar uma do zero, usar um plug-in de lista de preços com funcionalidade integrada ou tentar um construtor de páginas do WordPress.

Para este guia, usaremos um construtor do tipo arrastar e soltar porque é a maneira mais fácil de fazer com que sua lista de preços tenha a aparência que você deseja, e o SeedProd é a melhor solução do mercado.

Construtor de sites WordPress SeedProd Drag and Drop

O SeedProd é o plug-in de criação de páginas de arrastar e soltar mais amigável para iniciantes no WordPress. Sua interface intuitiva facilita a criação de designs e layouts personalizados de páginas do WordPress (sem necessidade de codificação).

Com seu construtor interativo baseado em blocos e modelos predefinidos, você pode adicionar uma lista de preços elegante ao seu site em minutos.

O SeedProd também inclui os seguintes recursos:

Siga as etapas fáceis abaixo para saber como criar uma lista de preços no WordPress com o SeedProd.

Etapa 1. Instalar e ativar o SeedProd

A primeira etapa é acessar o site do SeedProd e fazer o download do plug-in. Você pode escolher entre vários planos de preços para se adequar ao seu orçamento, mas estamos usando a versão SeedProd Pro para este tutorial.

Em seguida, instale e ative o arquivo zip do plug-in em seu site do WordPress. Você pode seguir esta postagem sobre como instalar um plug-in do WordPress se esta for sua primeira vez.

Após a ativação do plug-in, vá para a página SeedProd " Settings e cole sua chave de licença. Você pode encontrar a chave de licença na sua conta do SeedProd, na seção Downloads.

digite sua chave de licença do SeedProd

Agora, clique no botão Verify Key (Verificar chave ).

Etapa 2. Escolha o tema ou o Landing Page Builder

Há várias maneiras de personalizar seu site WordPress com o plug-in do construtor de páginas do SeedProd.

Você pode substituir o design do site existente por um novo, criando um tema personalizado do WordPress. Ou pode manter o design atual e criar uma página de destino independente com o Landing Page Builder.

Independentemente da solução escolhida, você ainda pode usar o bloco Price List do SeedProd para exibir listas de preços personalizadas em seu site, pois ele usa a mesma interface do construtor de páginas.

Para este guia, escolheremos a opção Theme Builder, portanto, navegue até SeedProd " Theme Builder e clique no botão Theme Template Kits .

Escolha um kit de modelo de tema

Etapa 3. Selecione um modelo personalizado

Na próxima tela, você verá a biblioteca de modelos de sites pré-fabricados da SeedProd. Eles incluem todos os recursos e páginas de que você precisa para criar um site completo e um design profissional que você pode personalizar facilmente.

SeedProd: selecionador de kits de modelos de temas

Clique no ícone da lupa em qualquer modelo para visualizar o tema inteiro. Por exemplo, se você visualizar o tema Andaman Budget Hotel, verá que a página Dining (Jantar) já tem uma lista de preços simples que pode ser editada.

Exemplo de uma lista de preços de demonstração simples

Você pode filtrar a biblioteca de modelos para mostrar apenas os temas do WooCommerce ou clicar no menu suspenso para mostrar primeiro os temas mais recentes, mais antigos ou mais populares.

Filtrar modelos do SeedProd

Depois de encontrar um design que lhe agrade, clique no ícone de marca de seleção para importá-lo, o que deve levar apenas alguns segundos.

Importar modelo do SeedProd

Agora você verá as partes do seu tema no painel do Theme Builder. Você pode editar qualquer modelo passando o mouse sobre ele e clicando no link Edit Design.

Peças do kit de modelo de tema

Consulte nosso guia sobre como criar um tema WordPress personalizado para obter mais detalhes sobre a personalização das partes do tema.

O SeedProd também criará as páginas da demonstração do tema para que você as personalize com seu construtor de páginas. Basta acessar Pages " All Pages, e você as verá na lista com "SeedProd" ao lado do título da página.

Editar página do WordPress com o SeedProd

Personalizaremos a página "Dining" para mostrar a você como usar o recurso de lista de preços do SeedProd. Portanto, passe o mouse sobre a página e clique no link Editar com o SeedProd.

Etapa 4. Personalize sua página de lista de preços

Ao abrir qualquer página com o SeedProd, você verá um layout como este:

Interface do construtor de páginas SeedProd

O construtor de páginas tem blocos e configurações do WordPress à esquerda e uma visualização ao vivo de seu design à direita. Os blocos funcionam de forma semelhante ao editor de blocos do WordPress (Gutenberg), em que você pode arrastar e soltar novos blocos em sua página e clicar para editar o conteúdo em tempo real.

Ao observar o menu desse design, você verá que ele é composto por blocos de títulos e de texto.

Demonstração da lista de preços feita com títulos e blocos de texto

O bloco Price List é uma maneira mais fácil de exibir os itens do menu e seus respectivos preços. Ele inclui automaticamente espaço para o item, a descrição, o preço e a imagem e tem muitas opções de personalização.

No painel esquerdo, role até a seção Advanced (Avançado), localize o bloco Price List (Lista de preços ), arraste-o e solte-o na sua página.

Adicione o bloco SeedProd Price List para saber como criar uma lista de preços

O bloco adicionará algum conteúdo de preenchimento para lhe dar uma ideia de como as coisas ficarão. Então, vamos adicionar alguns itens da lista de preços.

Abra um item da lista de preços para editar o conteúdo

Para fazer isso, clique no título "Item 1" para expandi-lo. Dentro dele, você pode adicionar um título, uma descrição e um preço, carregar uma foto e até mesmo adicionar um link para a página individual do produto.

Personalizar as configurações dos itens da lista de preços

Repita essa etapa para cada item de sua lista de preços.

Depois de adicionar itens à sua lista de preços, você pode expandir as configurações de Layout. Nesse painel, você pode alterar a posição da imagem e do preço, escolher um separador de preço diferente e ajustar o alinhamento geral da lista.

Personalizar as configurações do layout da lista de preços

Você pode até mesmo vincular a caixa de preço total à página de preços individuais. Basta clicar no botão de alternância para a posição Sim.

No painel Image Area (Área de imagem ), você pode controlar o tamanho e a forma de qualquer imagem em sua lista de preços. As opções incluem Default (Padrão), Rounded (Arredondado), Circle (Círculo) e Custom (Personalizado), onde você pode definir o raio da borda da sua própria imagem.

Personalizar as configurações da imagem da lista de preços

Agora, clique na guia Advanced (Avançado ) para ver algumas opções extras de estilo.

Como você pode ver, esse painel permite controlar a tipografia, o tamanho da fonte e as cores dos itens individuais da sua lista.

Configurações avançadas de estilo da lista de preços

Também é possível ajustar o espaçamento, as bordas, as cores de fundo e a visibilidade em desktops e dispositivos móveis. E você não precisará escrever CSS ou HTML personalizados.

Configurações de cores da tipografia da lista de preços

Basta apontar e clicar para adicionar um novo estilo.

Quando estiver satisfeito com sua lista de preços, você poderá remover o conteúdo de preenchimento antigo. Para fazer isso, passe o mouse sobre cada coluna até ver um contorno azul e clique no ícone da lixeira.

Excluir o conteúdo de preenchimento do modelo

Faça isso para cada elemento da página de que não precisa mais. Agora, vá em frente e clique no botão Save (Salvar ) no canto superior direito da tela.

Salvar sua página de lista de preços

Agora que sua página de preços está completa, você pode editar e personalizar o restante do tema do WordPress.

Aqui estão alguns guias úteis que podem ajudá-lo com suas personalizações:

Etapa 5. Publique sua página de lista de preços

Quando terminar de personalizar o site, você estará pronto para publicar as alterações no front-end.

Primeiro, certifique-se de que salvou suas alterações e, em seguida, clique no ícone X para sair do construtor de páginas e navegue de volta para a página Theme Builder no painel do WordPress.

A partir daí, localize o botão de alternância que diz "Enable SeedProd Theme" (Ativar tema do SeedProd) e coloque-o na posição Yes (Sim ).

ativar o tema seedprod

Agora, você pode visitar o site ao vivo para ver a aparência das personalizações. Esta é a página do Dining que personalizamos com uma nova lista de preços neste tutorial:

Exemplo de lista de preços personalizada do WordPress

É isso aí!

Esperamos que este artigo tenha ajudado você a aprender como criar uma lista de preços no WordPress. 

O SeedProd é o melhor plug-in do WordPress para personalizar seu site. Você não precisará de códigos de acesso, widgets ou complementos adicionais, apenas de um construtor de páginas simples e fácil de usar que o coloca em funcionamento rapidamente.

Pronto para criar uma lista de preços personalizada do WordPress?

Você também pode gostar desta análise do Elementor vs WPBakery vs SeedProd, para ver como eles se comparam.

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo 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.