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

Cómo crear un catálogo de productos en WordPress (paso a paso)

¿Quieres crear un catálogo de productos en WordPress sin añadir un carrito de la compra completo?

A veces las empresas quieren tomar pedidos por teléfono sin dejar de mostrar su catálogo de productos en el sitio web, o tal vez usted quiere que los clientes compren rápidamente un producto con un solo clic sin tener que pasar por todo el proceso de compra / pago.

En este artículo, le mostraremos cómo crear fácilmente un catálogo de productos en WordPress.

How to create a product catalog in WordPress

¿Por qué añadir un catálogo de productos sin carrito de la compra?

Algunos negocios tienen productos que no pueden vender online porque tienen un precio indeterminado. Esto hace que sea imposible para ellos utilizar un plugin de carrito de la compra, pero todavía quieren hacer un sitio web de WordPress para mostrar esos productos y atraer a clientes potenciales.

Normalmente, la gente asocia las plataformas de comercio electrónico con las compras en línea. Sin embargo, puedes utilizarlas para mostrar productos sin usar la característica del carrito de la compra.

Por otro lado, puede añadir un catálogo de productos con la opción de compra con un solo clic. Los clientes pueden comprar un producto al instante y saltarse el proceso de pago. Esto proporciona una mejor experiencia de compra y agiliza todo el proceso.

Dicho esto, veamos cómo crear fácilmente un catálogo de productos en WordPress.

Primeros pasos con su catálogo de productos en WordPress

La mejor manera de crear un catálogo de productos en WordPress es utilizando WooCommerce. Es el mejor plugin de comercio electrónico para WordPress y te ayuda a crear todo tipo de tiendas online.

Además, es compatible con múltiples plugins y extensiones de terceros. Puedes utilizarlos para añadir nuevas características, personalizar tu tienda e introducir nuevas funcionalidades en tu tienda WooCommerce.

Si no tiene un sitio WordPress establecido, consulte nuestra guía sobre cómo crear una tienda online para establecer rápidamente WordPress con WooCommerce.

Una vez que haya instalado WooCommerce, puede pasar a crear su catálogo de productos en WordPress. Vamos a cubrir 2 métodos, incluyendo la adición de un catálogo de productos sin un carrito de compras y con finalizar compra / pago con un solo clic.

Método 1: Crear un catálogo de productos sin carrito de la compra

Por defecto, WooCommerce muestra un botón de añadir al carrito o comprar al lado de todos tus productos. Esto dificulta la creación de un catálogo de productos sin la característica de carrito de la compra.

Por suerte, hay una solución fácil que corrige este problema.

Primero, necesitas instalar y activar el plugin YITH WooCommerce Catalog Mode. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, debe visitar la página YITH ” Catalog Mode para establecer los ajustes del plugin.

Edit catalog mode settings

El plugin permite activar el modo catálogo para todos los usuarios o solo para usuarios invitados. También hay opciones para mostrar catálogos de productos a usuarios de ubicaciones específicas.

A continuación, puede desplazarse hacia abajo para ver más ajustes. Puede seguir adelante y hacer clic en la opción “Desactivar tienda”.

Disable shop in catalog mode

No olvides guardar los cambios y almacenar tus ajustes.

Añadir productos a su catálogo de productos de WordPress

A continuación, puede empezar a añadir productos a su sitio. Simplemente visite la página Productos ” Añadir nuevo para introducir la información de su producto.

Add new product

En la pantalla de productos, puede indicar el título, la descripción, una breve descripción, la imagen y la galería del producto.

En la sección de datos “Producto”, encontrará las opciones de precio. Puede dejarlas en blanco si no desea mostrar los precios de los productos.

Leave the price settings blank

Una vez que haya terminado, siga adelante y publique su producto. Repite el proceso para añadir tantos productos como necesites para construir tu catálogo.

Puedes visitar la página de tu tienda WooCommerce para ver tu catálogo por defecto en acción. Su página de la tienda se encuentra normalmente en una URL como esta:

http://example.com/shop/

Sustituye ejemplo.com por tu propia URL para ver la página de tu tienda WooCommerce en modo catálogo.

Product catalog preview

Si no desea utilizar la página de la tienda, también puede mostrar sus productos en cualquier página de WordPress y utilizarla como catálogo de productos.

Todo lo que tienes que hacer es crear una nueva página de WordPress o editar una existente, y añadir el siguiente shortcode en el área de contenido:

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

No dudes en cambiar el número de columnas y el límite de elementos por página según tus propias necesidades. Una vez que haya ajustado el shortcode, siga adelante y guarde o publique su página para obtener una vista previa.

Observará que las páginas de productos no mostrarán ningún botón para añadir al carrito o comprar.

Products don't have add to cart button

Puede hacer clic en cualquier producto individual para ver la página de detalles del producto. Mostrará todas las imágenes de información del producto, descripción, galería y sin un botón para añadir al carrito o comprar.

Recuerde que puede utilizar la descripción del producto para incluir su información de contacto para que los clientes que estén interesados en el producto puedan ponerse en contacto con usted acerca de su compra.

Vea nuestra completa reseña de YITH WooCommerce Catalog Mode para saber más acerca de este plugin.

Método 2: Crear un catálogo de productos con finalizar compra / pago en un clic

Otra situación en la que puede mostrar una categoría de productos es con una opción de compra con un solo clic. Esto permitirá a sus clientes comprar instantáneamente un producto al hacer clic en el botón comprar ahora y no tienen que pasar por el proceso de finalización compra / pago estándar.

En primer lugar, tendrá que instalar y activar el plugin YITH WooCommerce One-Click Checkout. Para más detalles, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, puede dirigirse a YITH ” One-Click Checkout desde el escritorio de WordPress y editar los ajustes generales.

General settings for one click checkout

Por ejemplo, puede activar la opción “Activar en la página de la tienda”.

A continuación, puede desplazarse hacia abajo para ver más ajustes. El plugin le permite excluir determinadas categorías de productos.

También le permite elegir a dónde desea redirigir a los clientes después de realizar un pedido / orden. Puede redirigirlos a una página de producto, una página de pago, una página de agradecimiento o elegir una página personalizada.

More general settings for one click checkout

Aparte de eso, obtendrá diferentes opciones de personalización con un solo clic.

Hay ajustes para cambiar la etiqueta del botón, el fondo, el color del texto, el fondo al pasar el cursor, etc.

Change buy it now button text and color

Cuando hayas terminado, haz clic en el botón “Guardar opciones”.

Ahora puede visitar su sitio web para ver el botón de un clic o comprarlo ahora.

Buy it now product catalog preview

Recursos adicionales para el catálogo de productos

Aquí tiene más guías útiles que llevarán sus catálogos de productos al siguiente nivel.

Esperamos que este artículo te haya ayudado a aprender cómo crear fácilmente un catálogo de productos en WordPress. Puede que también quieras ver nuestra lista de los mejores temas de WooCommerce que puedes usar para tu sitio web de catálogo de productos y nuestra guía sobre WooCommerce SEO hecho fácil.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

35 comentariosDeja una respuesta

  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 :-)

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.