Desarrollo de tienda online WooCommerce para un comercio de productos

La tienda online WooCommerce de Hannu-pro con integración de Erply es una tienda online desarrollada por CREATING.LV para un distribuidor de equipos técnicos profesionales de Estonia — con pagos con tarjeta, elección del tipo de envío y versiones en estonio e inglés. Hannu-pro vende equipos de vídeo, audio, comunicaciones e iluminación, cables, equipos de alimentación eléctrica y accesorios.

La empresa quería renovar sus ventas online con una nueva tienda online, y una de las tareas principales era conectar la tienda con el sistema de ventas y contabilidad Erply. Por eso el proyecto no fue solo el desarrollo de una tienda online en la plataforma WooCommerce: la tienda y la contabilidad de la empresa tenían que funcionar juntas, no por separado.

La tienda se entregó en 2026, pero todavía no se ha lanzado públicamente, por lo que esta descripción muestra la solución desarrollada en el momento de la entrega, no una tienda en funcionamiento.

CREATING.LV desarrolló la tienda online de Hannu-pro en WordPress y WooCommerce y su integración con Erply, y rediseñó la tienda. Nuestro trabajo incluyó:

• el diseño visual de la tienda y la experiencia de usuario (UX);
• una versión móvil adaptada para su uso en el teléfono;
• un catálogo de productos con categorías y bloques de productos en la página de inicio;
• la integración con los datos de productos, precios, existencias, clientes y pedidos de Erply;
• pagos con tarjeta;
• una solución de envío con entrega exprés y estándar;
• versiones en estonio e inglés con WPML;
• búsqueda, cuenta de cliente y carrito.

Erply es un sistema en la nube de ventas y contabilidad que utilizan tiendas y comercios. Si una empresa ya trabaja con Erply, su nueva tienda online debe estar conectada a él — de lo contrario, los datos de la tienda y de la contabilidad tienen que cuadrarse a mano. Por eso la integración fue una de las tareas principales de este proyecto, y no una función adicional.

La integración prevé el intercambio de datos de productos, precios, existencias, clientes y pedidos con Erply. WooCommerce es el escaparate de la tienda y el lugar donde el comprador hace el pedido, mientras que Erply sigue siendo el sistema de contabilidad de la empresa. Para una amplia gama de equipos, la integración con Erply significa que la información de productos, precios y existencias no tiene que introducirse dos veces — una en la contabilidad y otra en la tienda.

La tienda está diseñada para que el recorrido del comprador sea el siguiente:

• encuentra un producto en una categoría o mediante la búsqueda;
• lo añade al carrito;
• puede elegir entrega exprés o estándar;
• paga con tarjeta;
• puede utilizar su cuenta de cliente.

El comprador puede cambiar el idioma — estonio o inglés — en la cabecera de la tienda.

Una amplia gama de equipos necesita una estructura clara. El catálogo de productos está organizado en categorías, y la página de inicio tiene bloques de categorías y bloques de productos aparte — los más populares y las novedades (“Bestsellers” y “New products”). El comprador que sabe lo que busca puede usar la búsqueda, y el que todavía está eligiendo empieza por una categoría.

El comprador de equipos profesionales a menudo conoce un modelo o fabricante concreto, por lo que la búsqueda es para él el camino más corto hasta el producto. Por su parte, el bloque de novedades de la página de inicio permite a los compradores habituales ver rápidamente las incorporaciones a la gama sin abrir cada categoría. El bloque de productos más populares es útil para el visitante que aún no ha elegido un modelo concreto y quiere ver por dónde empezar.

La tienda está en estonio e inglés, y las versiones de idioma se crearon con WPML. En una tienda WordPress multilingüe, cada idioma debe tener su propio texto de productos, categorías y páginas. WPML vincula cada traducción con el producto o la página original. En la práctica, esto significa que la descripción de un producto nuevo debe prepararse en ambos idiomas, y en la administración de WPML se puede ver a qué productos aún no se les ha añadido la traducción. Sobre las dos herramientas más utilizadas para este trabajo escribimos en el artículo ¿WPML o Polylang para un sitio web WordPress multilingüe?

El diseño visual y la UX fueron trabajo nuestro, y durante el proyecto rediseñamos la tienda. La versión móvil adaptada también es desarrollo nuestro: las categorías, la búsqueda, el carrito y la tramitación del pedido se pueden usar en el móvil igual que en el ordenador. El comprador de equipos profesionales puede, por ejemplo, usar la búsqueda en el móvil para encontrar un producto por el nombre del modelo y pedirlo sin abrir el ordenador.

Para el pago, la tienda dispone de pagos con tarjeta, por lo que la compra se puede pagar online de inmediato, sin esperar una factura. La solución de envío con entrega exprés y estándar la desarrollamos nosotros. Los dos tipos de envío permiten al comprador elegir por sí mismo: una recepción más rápida si necesita el equipo con urgencia, o la entrega estándar si el plazo no es importante.

Al planificar una tienda similar con dos tipos de envío, conviene definir desde el principio cómo se describirá cada uno en la tienda — por ejemplo, con qué plazo de recepción puede contar el comprador —, para que pueda elegir sin hacer preguntas adicionales a la empresa.

En la administración de la tienda, en WooCommerce, la propia empresa puede gestionar:

• los productos y sus descripciones en ambos idiomas;
• los pedidos y su estado;
• los datos de los clientes;
• las promociones y los descuentos.

Para los cambios diarios en la tienda no se necesita un desarrollador, y el intercambio de datos con la contabilidad de la empresa lo resuelve la integración con Erply.

WordPress y WooCommerce son la base de la tienda, WPML proporciona las versiones en estonio e inglés y la integración con Erply conecta la tienda con la contabilidad de la empresa. Este tipo de desarrollo de tienda online en la plataforma WooCommerce permite ampliar la tienda más adelante sin cambiar el sistema de contabilidad.

Para un comercio con una amplia gama de productos que ya utiliza un sistema de ventas o de contabilidad y quiere que la nueva tienda online funcione junto con él, no por separado. El mismo principio sirve también para otros sistemas de contabilidad: primero se determina qué datos deben intercambiarse y solo después se elige el tipo de integración. Además, antes del desarrollo hay que acordar qué sistema es el principal para cada tipo de datos — por ejemplo, si los precios se cambian en la contabilidad o en la tienda —, para que los datos de ambos sistemas no se sobrescriban entre sí. Esta tienda online WooCommerce con Erply es también un ejemplo de tienda en dos idiomas. Más información sobre la plataforma en la página Desarrollo de tiendas online WooCommerce.

Este proyecto es un ejemplo de desarrollo de tienda online WooCommerce. Si necesita una tienda online o una integración con el sistema de contabilidad de su empresa, póngase en contacto con CREATING.LV para hablar de la funcionalidad que necesita.

• Desarrollo de tiendas online

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