Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um catálogo de produtos no WordPress (passo a passo)

Você deseja criar um catálogo de produtos no WordPress sem adicionar um carrinho de compras completo?

Às vezes, as empresas querem receber pedidos por telefone e, ao mesmo tempo, exibir o catálogo de produtos no site, ou talvez você queira que os clientes comprem rapidamente um produto com um único clique, sem precisar passar por todo o processo de checkout.

Neste artigo, mostraremos a você como criar facilmente um catálogo de produtos no WordPress.

How to create a product catalog in WordPress

Por que adicionar um catálogo de produtos sem um carrinho de compras?

Algumas empresas têm produtos que não podem ser vendidos on-line porque têm um preço indeterminado. Isso impossibilita o uso de um plugin de carrinho de compras, mas ainda assim elas querem criar um site WordPress para exibir esses produtos e atrair clientes em potencial.

Normalmente, as pessoas associam as plataformas de comércio eletrônico a compras on-line. No entanto, você ainda pode usá-las para exibir produtos sem usar o recurso de carrinho de compras.

Por outro lado, você pode adicionar um catálogo de produtos com uma opção de compra com um clique. Os clientes podem comprar instantaneamente um produto e ignorar o processo de checkout. Isso proporciona uma melhor experiência de compra e torna todo o processo mais rápido.

Dito isso, vamos dar uma olhada em como criar facilmente um catálogo de produtos no WordPress.

Primeiros passos com seu catálogo de produtos no WordPress

A melhor maneira de criar um catálogo de produtos no WordPress é usar o WooCommerce. Ele é o melhor plugin de comércio eletrônico para WordPress e ajuda a criar todos os tipos de lojas on-line.

Além disso, ele oferece suporte a vários plugins e extensões de terceiros. Você pode usá-los para adicionar novos recursos, personalizar sua loja e introduzir novas funcionalidades à sua loja WooCommerce.

Se você não tiver um site WordPress configurado, consulte nosso guia sobre como criar uma loja on-line para configurar rapidamente o WordPress com o WooCommerce.

Depois de instalar o WooCommerce, você pode passar para a criação do catálogo de produtos no WordPress. Abordaremos dois métodos, incluindo a adição de um catálogo de produtos sem um carrinho de compras e com checkout de um clique.

Método 1: Criar um catálogo de produtos sem um carrinho de compras

Por padrão, o WooCommerce exibe um botão adicionar ao carrinho ou comprar ao lado de todos os seus produtos. Isso dificulta a criação de um catálogo de produtos sem o recurso de carrinho de compras.

Felizmente, há uma solução fácil que resolve esse problema.

Primeiro, você precisa instalar e ativar o plugin YITH WooCommerce Catalog Mode. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisa visitar a página YITH ” Catalog Mode para definir as configurações do plug-in.

Edit catalog mode settings

O plug-in permite que você ative o modo de catálogo para todos os usuários ou somente para usuários convidados. Também há opções para exibir catálogos de produtos para usuários de locais específicos.

Em seguida, você pode rolar para baixo para ver mais configurações. Você pode ir em frente e clicar na opção “Disable shop” (Desativar loja).

Disable shop in catalog mode

Não se esqueça de salvar as alterações e armazenar suas configurações.

Adição de produtos ao seu catálogo de produtos do WordPress

Em seguida, você pode ir em frente e começar a adicionar produtos ao seu site. Basta acessar a página Produtos ” Adicionar novo para inserir as informações do produto.

Add new product

Na tela de produtos, você pode fornecer um título de produto, uma descrição, uma breve descrição, uma imagem de produto e uma galeria de produtos.

Na seção de dados “Produto”, você encontrará as opções de preço. Você pode deixá-las em branco se não quiser exibir o preço do produto.

Leave the price settings blank

Quando terminar, vá em frente e publique seu produto. Repita o processo para adicionar quantos produtos forem necessários para criar seu catálogo.

Você pode visitar a página da loja do WooCommerce para ver o catálogo padrão em ação. Sua página da loja geralmente está localizada em um URL como este:

http://example.com/shop/

Substitua example.com pelo seu próprio URL para visualizar a página da loja do WooCommerce no modo de catálogo.

Product catalog preview

Se não quiser usar a página da loja, você também pode exibir seus produtos em qualquer página do WordPress e usá-la como seu catálogo de produtos.

Tudo o que você precisa fazer é criar uma nova página do WordPress ou editar uma já existente e adicionar o seguinte shortcode na área de conteúdo:

[products columns="4" limit="8" paginate="true"]

Sinta-se à vontade para alterar o número de colunas e o limite de itens por página de acordo com suas próprias necessidades. Depois de ajustar o shortcode, vá em frente e salve ou publique sua página para visualizá-la.

Você perceberá que as páginas de produtos não mostrarão nenhum botão de adicionar ao carrinho ou de compra.

Products don't have add to cart button

Você pode clicar em qualquer produto individual para ver a página de detalhes do produto. Ela mostrará todas as imagens de informações do produto, descrição, galeria e sem um botão de adicionar ao carrinho ou de compra.

Lembre-se de que você pode usar a descrição do produto para incluir suas informações de contato, para que os clientes interessados no produto possam entrar em contato com você para adquiri-lo.

Veja nossa análise completa do YITH WooCommerce Catalog Mode para saber mais sobre esse plugin.

Método 2: Criar um catálogo de produtos com checkout em um clique

Outra situação em que você pode mostrar uma categoria de produto é com uma opção de compra com um clique. Isso permitirá que seus clientes comprem instantaneamente um produto clicando no botão comprar agora e não precisem passar pelo processo padrão de checkout.

Primeiro, você precisará instalar e ativar o plug-in YITH WooCommerce One-Click Checkout. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você pode acessar o YITH ” One-Click Checkout no painel do WordPress e editar as configurações gerais.

General settings for one click checkout

Por exemplo, você pode ativar a opção “Ativar na página da loja”.

Em seguida, você pode rolar para baixo para ver mais configurações. O plug-in permite que você exclua determinadas categorias de produtos.

Ele também permite que você escolha para onde deseja redirecionar os clientes após a realização de um pedido. Você pode redirecioná-los para uma página de produto, página de pagamento, página de agradecimento ou escolher uma página personalizada.

More general settings for one click checkout

Além disso, você tem diferentes opções de personalização com um clique no botão.

Há configurações para alterar o rótulo do botão, o plano de fundo, a cor do texto, o plano de fundo ao passar o mouse e muito mais.

Change buy it now button text and color

Quando terminar, clique no botão “Save Options” (Salvar opções).

Agora você pode acessar seu site para ver o botão de um clique ou comprar agora.

Buy it now product catalog preview

Recursos adicionais para o catálogo de produtos

Aqui estão mais alguns guias úteis que levarão seus catálogos de produtos para o próximo nível.

Esperamos que este artigo tenha ajudado você a aprender como criar facilmente um catálogo de produtos no WordPress. Talvez você também queira ver nossa lista dos melhores temas do WooCommerce que podem ser usados para o site do seu catálogo de produtos e nosso guia sobre SEO do WooCommerce facilitado.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

35 ComentáriosDeixe uma resposta

  1. Ralph

    This looks like a great solution for my wife interior design blog where she wants to sell custom made furniture. We can’t really show fixed price for everything but still want to show, what we can do. Great and simple guide!

  2. James

    this is perfect, is there a monthly fee while you are on catalog mode?

    • WPBeginner Support

      The plugins from this article charge on a yearly basis unless they change their pricing plan.

      Administrador

  3. Lorraine

    Can I link the products for payment elsewhere? I want to put all my courses on this page and have payment handled by Thinkific. How do I do that?

  4. Morgan

    Hello, does this practice will lead to error missing price on search console ?

    • WPBeginner Support

      Unless there is an error, you should not run into that issue.

      Administrador

  5. Ezeequiel

    Is there a way to create two catalogues for the same site? I mean I want to have a catalogue of pens and a catalogue of books.

  6. Lalit

    Thank you so much for this post! I was worried about displaying my product catalog without a cart but you made it easy for me! Thank you for guiding!

  7. hitesh

    hello there, is there any plugin in WordPress which adds another section for retailers where they can add their product description and photo and it will list in my e-commerce site after our approval? please answer, I will be very grateful to you.

  8. Denise Ellis

    Thank you, any recommendation what can be used to add a button on product page that when clicked redirects the user to another url/website.

  9. Denise Ellis

    Great article thank you. Once add to cart is disabled, will this allow me to then replace the add to cart with a “buy now” call-to-action button that directs the user to a shop direct product page where the user can “add the cart” and complete their order?

    • WPBeginner Support

      No, the goal of this guide would be to remove the option to purchase from your site.

      Administrador

  10. Rahul Bera

    Thanks a lot , this tutorial really helped

    • WPBeginner Support

      You’re welcome :)

      Administrador

  11. David

    Hello. Thanks for the great blog. Very useful. I was wondering. Is there a shortcode for showing categories rather than products? Thanks.

    • WPBeginner Support

      It would depend on how specifically you wanted them displayed, if you check WooCommerce’s shortcodes there are multiple display options you can take a look at :)

      Administrador

  12. Sanjeev

    Is it possible to build a website for ecommerce, dropshipping and affilateed product in onesingle platform

    • WPBeginner Support

      If you wanted to you could certainly do that :)

      Administrador

  13. mike

    At my company, we have one catalog that needs NO pricing. Then on another section, we need pricing. Any simple suggestions on how to resolve this?

    Would I need to occurrences of WooCommerce or something?

    • WPBeginner Support

      You would want to reach out to the plugin’s support but that would likely be handled by the pro version of the plugin

      Administrador

  14. Peter

    If my customer changes his mind in a few months, can i enable all the buying options such as cart icon etc. and continue use WooCommerce or I will have to set all the product from the beginning?

    • WPBeginner Support

      You would disable the catalog mode and it would start working as a normal WooCommerce store

      Administrador

  15. Nicola

    Hi. This is great thank you. Is there a way of adding something to the short code so I just show products listed in a particular category on particular pages on my website?

    • WPBeginner Support

      You would want to reach out to the plugin’s support and they would let you know what customizations are available :)

      Administrador

    • David

      Hi Nicola, I don’t know if you already found this out but I just found out you can do it this way:

      [products columns=”4″ limit=”8″ paginate=”true” category=”YOUR CATEGORY”]

      Hope that helps

  16. Suzy Knapp

    I’m wanting to to showcase art from different sources (with affiliate links) on my upcoming post about sourcing art online. Would this plugin work for that?
    Thanks for your help!

    • WPBeginner Support

      It would depend on how you want to display the content but this method should work for what it sounds like you’re wanting

      Administrador

  17. Sonali

    I am facing an issue with uploading product images in the catalogue mode, can someone tell me what the problem might be? Because I am way below the 99 product limit

    • WPBeginner Support

      You would want to first reach out to the plugin’s support for assistance with it :)

      Administrador

  18. Farhan Muntaqo

    Actually I want to replace the add to cart or buy button with WhatsApp button, any help I would apppreciate, Thanks.

    • WPBeginner Support

      You would want to reach out to the plugin’s support for if there is a built-in option for that or recommended method for setting that up.

      Administrador

  19. Styleloft Apparels

    It is a super helpful article , I was trying to show product without cart & it just solved my problem in 2 minutes. Great thanks to the author :-)

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.