Catálogo B2B: creación de un sitio web en WordPress con WooCommerce para Grollo.eu

Grollo.eu es un sitio web en WordPress con catálogo B2B y catálogo de productos WooCommerce para un fabricante de productos de vidrio que trabaja en el mercado europeo; lo desarrolló CREATING.LV. Según se indica en el propio grollo.eu, los productos GROLLO los diseña, fabrica y prueba Stikla Serviss. El cliente necesitaba un sitio nuevo en el que presentar con claridad una amplia gama de productos a clientes empresariales y al que más adelante se pudiera añadir también la venta online. El proyecto se entregó en 2023.

El comprador empresarial elige los productos por parámetros técnicos y visuales, por lo que el catálogo necesitaba no solo categorías, sino también atributos de producto detallados por los que filtrar los artículos. Además del catálogo, el sitio necesitaba las secciones Download, Inspiration, News y Service, así como un acceso (login).

CREATING.LV desarrolló Grollo.eu desde el diseño hasta el sitio terminado. Nuestro trabajo incluyó:

• el diseño visual del sitio y la experiencia de usuario (UX);
• un sitio web en WordPress con catálogo de productos y categorías en WooCommerce;
• atributos de producto detallados que funcionan como filtros;
• las secciones Download, Inspiration, News y Service, así como el acceso (login);
• una solución de versiones lingüísticas con WPML;
• la introducción de los productos en el catálogo;
• una versión móvil adaptada para usarla en el teléfono.

En el pie del sitio figura “Page built by CREATING.LV”.

El catálogo se creó con WooCommerce, previendo la posibilidad de añadir más adelante la venta online. Por eso los productos están publicados y se pueden encontrar, pero la cesta y el proceso de compra no están activados. Este enfoque permite publicar el catálogo completo sin tener que definir todavía en el sitio los precios, el pago y las condiciones de entrega, que son obligatorios en una tienda online.

WooCommerce es la extensión de comercio electrónico de WordPress. El catálogo y una posible tienda online utilizan una misma base de datos de productos: si la empresa decide vender online, no hay que volver a introducir los productos, las categorías ni los atributos. En eso se diferencia un sitio web en WordPress con catálogo B2B como este de un simple sitio corporativo con imágenes de productos, en el que para empezar a vender habría que crear el catálogo desde cero. Añadir la venta aquí supondría activar la cesta y el proceso de compra, indicar los precios y conectar soluciones de pago y de entrega al catálogo existente. Cómo complementa WooCommerce a WordPress y por qué se utiliza también para catálogos se explica en el artículo ¿Qué es WooCommerce y cómo complementa a WordPress?.

Los productos están organizados en categorías, y cada producto tiene atributos detallados que a la vez funcionan como filtros. Así, los artículos pueden filtrarse por parámetros técnicos y visuales, y el cliente empresarial reduce rápidamente la selección a los productos con las características que necesita, en lugar de recorrer toda la categoría.

Un atributo de WooCommerce es una característica del producto con una lista definida de valores. Un mismo atributo y sus valores se asignan a muchos productos, por lo que con él puede crearse un filtro para toda la categoría, en lugar de describir los parámetros de cada producto solo en el texto. Para un producto nuevo basta con asignarle los valores de los atributos, y aparece en los resultados de filtro correspondientes.

Los productos los introdujimos nosotros en el catálogo, de modo que el cliente recibió un sitio con el catálogo completo y no una estructura vacía. Si la creación de un sitio web en WordPress con WooCommerce empieza por el catálogo, conviene acordar la lista de atributos antes de introducir los productos: un atributo añadido más tarde debe rellenarse en cada producto ya introducido para que aparezca en los resultados del filtro. En el sitio actual, la página de categoría tiene un botón Filter y fichas de producto sin cesta.

En el sitio web en WordPress con catálogo B2B, el visitante:

• elige una categoría de productos;
• con el filtro, selecciona los productos según los atributos que necesita;
• abre la ficha del producto con sus parámetros;
• si lo necesita, pasa a las secciones Download, Inspiration, News o Service.

Así, el catálogo funciona como punto de consulta de productos para el cliente empresarial: puede hacer la selección por parámetros por sí mismo antes de contactar con el fabricante.

En el sitio B2B de un fabricante, el comprador no solo necesita una lista de productos, sino también documentos, novedades e información sobre el servicio técnico. Por eso, junto al catálogo, desarrollamos secciones independientes, cada una con su propia función.

• Download: un espacio para materiales descargables. En el sitio actual se ofrecen allí, por ejemplo, instrucciones, especificaciones técnicas y catálogos digitales; es contenido de la empresa.
• Inspiration: una sección aparte para contenido de inspiración, separada del catálogo técnico.
• News: novedades de la empresa.
• Service: información sobre el servicio técnico.
• Login: acceso para los usuarios registrados del sitio.

Estas secciones permiten al cliente empresarial encontrar en un mismo sitio tanto el producto como los documentos relacionados, sin tener que enviar una solicitud aparte al fabricante. Para el fabricante, esto significa que basta con publicar una nueva versión de unas instrucciones o una especificación en un solo lugar, en lugar de enviarla a cada cliente por separado.

El sitio se creó para el mercado europeo. En el sitio se utiliza WPML; la versión actual está en inglés. Cómo elegir entre WPML y Polylang se explica en el artículo ¿WPML o Polylang para un sitio web multilingüe en WordPress?.

WPML es un plugin de WordPress para sitios multilingües. Con él se pueden crear traducciones de páginas, productos, categorías y atributos, y la versión de cada idioma permanece vinculada al original. En un catálogo con filtros por atributos, esto significa que a otro idioma pueden traducirse también los nombres de los atributos y de los filtros, no solo las descripciones de los productos. Si la empresa quiere dirigirse a un mercado en su propio idioma, la herramienta de idiomas ya está implantada en el sitio, y puede añadirse una nueva versión lingüística sin rehacer la estructura del sitio.

El diseño visual y la UX fueron obra nuestra, al igual que la versión móvil adaptada. En nuestra captura de pantalla, la página de inicio muestra grupos de productos que llevan a la parte correspondiente del catálogo WooCommerce, de modo que el visitante puede empezar directamente por la línea de productos que necesita. En el teléfono pueden usarse tanto las categorías y el filtro como las fichas de producto y las demás secciones, por lo que el cliente empresarial puede abrir el catálogo también fuera de la oficina. Más información sobre esta parte del trabajo en la página Diseño web y UX/UI.

Para un fabricante o mayorista que primero necesita presentar una amplia gama de productos a clientes empresariales en varios mercados, pero que en el futuro también puede necesitar la venta online. Un catálogo B2B con WooCommerce permite empezar con un sitio web y pasar a una tienda online sin cambiar de plataforma ni volver a introducir los productos.

Cómo planificamos un sitio así, desde el catálogo hasta una posible tienda online, lo explicamos en la página desarrollo de tiendas online. Otro ejemplo de nuestros catálogos de productos es el sitio web en WordPress con catálogo de Stikla Serviss, en el que se ha añadido al catálogo información técnica descargable.

• Desarrollo de tiendas online
• Desarrollo de sitios web

grollo.eu

El portfolio refleja la solución desarrollada en el momento de la entrega del proyecto. El sitio actual puede haber cambiado.