Marketing digital para gente como uno

397 Crear un catálogo con custom post types y Elementor.


Suscribite para escuchar Marketing digital para gente como uno en: IVOOX | Spotify | Stitcher | Google podcast | Apple podcast | Audiobip

Contenido personalizado en WordPress, maquetador visual Elementor y listo, no necesito instalar WooCommerce. En este episodio te cuento cómo crear un custom post type y usar Elementor para mostrar un catálogo de productos en el front end de un sitio web sin necesidad de instalar ningún plugin adicional.

Un catálogo con Elementor.

Tengo un cliente que fabrica ciertos productos y deseaba mostrar los mismos en un apartado de su web.

Esos productos no los vende online ya que es mayorista, el objetivo básico de la web (además del branding) es publicar un catálogo para sus clientes y añadir al mismo un enlace para su descarga en PDF.

Para hacer el trabajo y luego de valorar distintas alternativas opté por Elementor en su versión PRO al que le tuve que agregar el plugin Esential Addons for Elementor gracias a esto me ahorre la instalación y mantenimiento de otros plugins más grandes y pesados como por ejemplo WooCommerce.

¿Por qué usé Elementor?

En esta oportunidad el diseño de la web no lo realicé al 100%, el cliente me pasó un pdf hecho por su diseñador, su deseo era que la web se pareciera lo más posible a ese modelo.

Para lograr lo anterior yo tenía tres caminos posibles.

  • Partir de un theme base y a fuerza de código y CSS lograr el resultado deseado.
  • Encontrar una plantilla que se pareciera lo más posible y modificar con código y CSS lo necesario para obtener un diseño igual que la muestra.
  • Aprovechar la funcionalidad de crear el Theme completo con Elementor.

No hace falta ser experto para darse cuenta que la solución vía Elementor es la más sencilla de implementar, la más versátil y a la vez la menos costosa en términos de tiempo y trabajo.

Gracias a Elementor me ahorré un WooCommerce.

Recordarás que mi cliente solo necesitaba publicar sus productos en modo catálogo (sin carrito de compras o botón de comprar).

El necesitaba mostrar en una cuadrícula los productos y cada uno de ellos tenía solo tres elementos.

a) Nombre del producto.

b) Código del producto.

c) Imagen del producto.

Para hacer esto tenía 3 alternativas.

  • Utilizar WooCommerce y anular la funcionalidad de tienda.
  • Instalar directamente un plugin de catálogo.
  • Hacerlo con Elementor.

En primer lugar instalar un plugin tan grande y complejo como WooCommerce para eliminar su principal funcionalidad (la de tienda online) a fin de publicar solo una imagen y dos campos de texto era algo excesivo.

Lo mismo ocurría con el plugin de catálogo.

Es por ello que elegí la tercera opción y al hacerlo le evité al cliente básicamente dos cosas.

  • Tener que actualizar y mantener WooCommerce (o el plugin de catálogo).
  • La necesidad de aprender a manejar un plugin complejo solo para subir una imagen y dos textos.

Contenido dinámico en Elementor.

Para hacer el catálogo con Elementor aproveché su capacidad de trabajar con contenido dinámico. ¿De qué se trata?

Imaginate que tenés de hacer un diseño en el que el título principal es el título de una entrada o de una página.

Si el contenido no fuese “dinámico” cada vez que fueras a diseñar esa entrada o página tendrías que poner manualmente el título que corresponde, en cambio al usar contenido dinámico le decimos a Elementor que sustituya ese título que pusimos por el que corresponda según cada caso.

Si la entrada se llama “vacaciones de verano” Elementor sustituirá el campo elegido por ese título, si se llama “como viajar en avión” hará lo propio. Vale decir nosotros hacemos el diseño una sola vez y Elementor lo aplica todas las veces que sea necesario.

Esto del contenido dinámico se usa no sólo para textos sino también para otros elementos como imágenes y distintos campos de contenido.

Custom post types en Elementor.

También aproveché para crear el catálogo con Elementor la posibilidad de usar contenido personalizado (custom post type).

De base WordPress te permite crear entradas y páginas pero ¿qué ocurre si querés publicar en tu web libros, autos, recetas de cocina o un podcast? Deberías publicarlos como entradas o páginas y esto no es una buena práctica.

Debido a esto WordPress te deja crear contenidos personalizados de modo tal que tu libro, tus autos, tus recetas o los episodios de tu podcast se crearán como si fueran entradas o páginas pero sin serlo.

Para crear el catálogo con Elementor aproveché que este maquetador no solo permite trabajar con entradas o páginas sino también con cualquier custom post type que necesites crear.

Creando el catálogo con Elementor.

Crear el catálogo fue tan sencillo como

  • Crear un CPT (Custom Post Type) llamado productos.
  • Definir para ese CPT tres elementos.
    • La imagen.
    • Su nombre.
    • El código.
  • Mostrarlos en forma de cuadrícula gracias a la extensión Esential Addons For Elementor.

De forma que así como mostramos la entrada de un Blog con su título, su imágen destacada y su contenido así mostré los productos en cuadrícula usando esos tres elementos que te mencioné.

En conclusión.

A veces seguimos los caminos tradicionales para encontrar soluciones a desafíos que enfrentamos cuando diseñamos con WordPress y al hacerlo nos perdemos la posibilidad de descubrir mejores alternativas.

Los maquetadores visuales, los plugins de bloques y todo lo nuevo que está trayendo WordPress invita a repensar la manera de hacer las cosas.

Yo te invito a que no te cierres a lo que conocés, date la posibilidad de explorar nuevas variantes.

Con respecto a este episodio y a estas notas que lo acompañan espero haber explicado bien los conceptos.

En breve voy a agregar un video para que puedas ver el paso a paso. Lo anunciaré en el podcast.

Enlaces.

385 La maquetación visual es el futuro de WordPress.

360 En plena cuarentena Elementor nos vacunó.

340 ¿WordPress a medida o plantillas?

335 El futuro de los maquetadores visuales en WordPress.

305. Cuando uso Elementor y cuando no.

Contacto.

Te dejo el formulario para tus dudas, consultas o comentarios. Al toque te voy a responder.

También podés preguntarme por WhatsApp ingresando a respuestasdemarketing.com así te contesto en un episodio de mi otro podcast.

  • Este campo es un campo de validación y debe quedar sin cambios.