fbpx

Catálogo de productos en WordPress sin carrito

Muchos negocios quieren tener un catálogo de productos pero no quieren vender sus productos online. En mi experiencia una industria que ocupa mucho de esta utilidad es la de las mueblarías. Vamos a ver cómo puedes crear un catálogo de productos en WordPress sin carrito mediante plugins.

En este articulo trabajaremos con 2 opciones. La primera es usar el plugin gratuito Goods Catalog. Es un plugin ligero, sencillo  y que cumple con su propósito. La otra es usar WooCommerce y desactivar la posibilidad de compra online dejándolo a modo de catálogo. Vamos  a ver algunas ventajas y desventajas de cada uno.

Goods Catalog

Ventajas

  • Uso sencillo.
  • Fácil de configurar.
  • Funciona bien en cualquier tipo de plantilla.
  • Es responsive.

Desventajas

  • Pocas funcionalidades.
  • El diseño no es perfecto pero si le metes un poco de css mejora.
  • No lo puedes convertir en tienda online posteriormente.

WooCommerce

Ventajas

  • Diseño atractivo
  • Puedes convertir tu catálogo en una tienda online posteriormente.
  • Posibilidad de ampliar las funcionalidades mediante otros plugins.

Desventajas

  • Es recomendable usar una plantilla preparada para WooCommerce.
  • Es más pesado y puede afectar un poco al rendimiento de tu web.

Vamos  a ver algunas ventajas y desventajas de cada uno

Si te interesa mostrar un sencillo catálogo de productos organizado por categorías con sus imágenes correspondientes, Goods Catalog te viene perfecto para hacer esto. Es gratis y lo puedes instalar desde el repositorio de plugins.

Después de instalarlo tienes que actualizar los enlaces permanentes, para ello ve a Ajustes >Enlaces permanentes y le das guardar.

Una vez instalado todo nos aparecerá en un menú en el panel de control para configurar el catalogo.

Lo primero será ir configuración desde aquí deberemos hacer los ajustes mínimos de configuración que incluyen:

  • Nombre de la página donde se ubicará el catalogo
  • Ancho del contenedor
  • Tamaño de las miniaturas
  • Productos por página
  • Configuración de la barra lateral

Una vez definido esto tendremos de definir las categorías de nuestro catálogo, estas te servirán para agrupar productos por características comunes, si lo deseas también puedes agregar etiquetas para facilitar más aún la organización de los productos.

Después de todo esto debemos crear los productos del catálogo dando clic en la opción Añadir.

Para cada nuevo producto del catálogo deberemos agregar:

  • Nombre
  • Descripción
  • Categoría
  • Etiquetas
  • Precio
  • Referencia
  • Descripción corta
  • Imagen destacada

Finamente y después de agregar todos los artículos solo resta ver como se ve nuestro catálogo así que regresa a la opción de configuración y en la parte de arriba esta el link para acceder a tu catalogo:

Sin embargo, si no quieres mostrar los artículos en la página por defecto tienes los siguientes Shortcodes para usarlos en cualquier página.

  • [goods_newest] para mostrar los productos más recientes en cualquier parte. Por ejemplo, para mostrar 4 productos utiliza:
  • [goods_newest] para mostrar los productos más recientes en cualquier parte. Por ejemplo, para mostrar 4 productos utiliza
  • [goods_categories] Para mostrar las categorías.
  • [goods_tags] para mostrar una lista de todos los tags.
  • [goods_sitemap] para mostrar el sitemap de todo el catálogo.
  • [goods_term] Para mostrar una categoía o tag por ID. Uso: [goods_term goods_category|goods_tag id=X], ex.: [goods_term goods_category id=3] para mostrar una categoría con ID=3, o [goods_term goods_tag id=5] para mostrar un tag con ID=5.
<div class="content-box-yellow">Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta <span style="text-decoration: underline; color: #0000ff;"><a style="color: #0000ff; text-decoration: underline;" href="https://www.davidibiza.com/" rel="nofollow">por 10€ al més aquí</a>.</span> Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.</div>

Crear un catálogo de productos filtrable con WooCommerce

Una de las ventajas de usar WooCommerce es que puedes extender sus funcionalidades. Aunque en este caso más que extender sus funcionalidades serias mejorar la experiencia de usuario.

The Grid es un plugin que te permite crear una galería de productos tipo “Mansory” o “Grid“.  La ventaja es que los usuarios pueden filtrar los productos por categoría sin tener que recargar la página. Sin mencionar que el aspecto de tu catálogo de productos será mucho más atractivo. También funciona con galerías de imágenes, post, youtube, instagram, etc.

Es un plugin de pago y lo puedes comprar a través del siguiente enlace o puedes descargarlo gratis desde la Zona Premium de davidibiza.com

Una vez instalado y activado el plugin nos aparece un menú nuevo llamado The Grid en la barra lateral de nuestro panel de control además de indicarnos si cumplimos con los reuisitos de sistema para poder usar el plugin.

Lo primero aquí será ir a la opción Global Settings para definir los ajustes del plugin.

Desde aquí podremos configurara entre otras opciones como:

  • Tamaño de las imágenes
  • Colores
  • Habilitar el modo lightbox
  • Agregar metadatos
  • Agregar las claves api de las principales redes sociales para mejorar la integración con ellas

Finalmente iremos a la opción The Grid y daremos click en el botón Create Grid

Una vez hecho esto deberemos configurar las opciones para el nuevo grid.

Esto incluye las siguientes pestañas:

  1. General.- Nombre del grid, su shortcode y la posibilidad de agregar código css propio
  2. Source.- De donde sacaremos el contenido del grid puede ser de WordPress o de redes sociales, si es de WordPress hay que seleccionar que contenido mostraremos, en nuestro caso serán productos.
  3. Media.-Imagen por default, formato del contenido y activar el modo lightbox
  4. Grid.- Seleccionar el tipo de grid a usar, en nuestro caso Masonry, y las opciones resposnsivas.
  5. Filter/Sort.- Opciones para filtrar y ordenar el contenido del grid.
  6. Pagination.- Habilitar y configurar botones para cambiar de una página del grid a otra
  7. Layout.-Definir la estructura la página de grid, pudiendo agregar a forma de bloques elementos como: buscar, ordenar, cargar más, etc.
  8. Skins.- Definir plantillas para el grid y configurar su formato. En nuestro caso usaremos la opción de WooCommerce
  9. Animations.- Definir el tipo de animación y la duración con que se vera cada elemento del grid.
  10. Css/Js code.- Permite agregar código personalizado de tipo css o javascript

Una vez ajustado todo podemos dar click en el botón preview para previsualizar el grid y poder ver como se ve en los distintos dispositivos. Finalmente solo daremos clic en Save.

Para poder ver el resultado solo bastara con volver a la pestaña General copiar el shortcode y pagarlo en la página o entrada que deseemos.

Pero vemos que aún tenemos un problema, nos falta desactivar el botón de agregar al carrito, para ello ocuparemos el plugin gratuito YITH WooCommerce Catalog Mode.

Una vez instalado y activado el plugin iremos a su configuración en el nuevo menú Yith y seleccionando catalog mode, en la ventana de configuración debemos de asegurarnos que este activado el plugin y de activar las opciones para ocultar el botón de añadir al carrito.

Guardamos cambios y visualizamos la página del grid y listo.

<div class="content-box-yellow">Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta <span style="text-decoration: underline; color: #0000ff;"><a style="color: #0000ff; text-decoration: underline;" href="https://www.davidibiza.com/" rel="nofollow">por 10€ al més aquí</a>.</span> Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.</div>

En siguiente vídeo veremos todo el proceso visto hasta ahora pero además veremos cómo contratar hosting y dominio e instalar WordPress para poder llevar a cabo este tutorial

Resumen

Crear un catalogo puede ser una opción interesante para productos o servicios que no tienen un costo fijo o simplemente para aquellos en que el cliente no quiera una tienda en línea completa, aunque existen dos formas  para hacerlo  recomiendo usar WooCommerce con los plugins que vimos en este tutorial ya que nos dan más opciones de configuración y personalización.

Prueba 12 clases gratis

 

1. Cómo contratar un hosting, instalar WordPress y acceder a tu web

2. Cómo buscar y elegir un theme para tu web

3. Cómo crear menús personalizados

4 Cómo personalizar páginas en WordPress con Gutenberg

5. Cómo instalar Divi y cargar diseño web en un par de clics. 

6. Qué es el email marketing y porqué debes usarlo

7. Cómo funciona el editor visual de MailerLite para crear tus campañas de email marketing

8. Cómo crear una tienda online profesional con Flatsome

9. Cómo crear una página web para inmobiliarias

10. Estrategias linkbuilding para mejorar el SEO

11. Cómo crear metadescripciones para atraer más clics a nuestra web.

12. Cómo conseguir suscriptores y contactos

Muchas gracias por suscribirte. Tendrás noticias mías por correo en breveRevisa, por favor, tu bandeja de spam o correo no deseado si en unos minutos no has recibido mi email.¡Seguimos!​David