Saltar al contenido principal

ArtinTech Solution

How We Built a Manual Order Creator Plugin for WooCommerce

Una gran parte de los pedidos de muchas pequeñas marcas de comercio electrónico nunca pasa por la tienda online: llegan por teléfono o como captura de pantalla en una conversación de Facebook Messenger. Alguien del equipo tiene que introducir ese pedido en WooCommerce, y el panel de WooCommerce nunca se diseñó para ese flujo de trabajo.

El problema de la pantalla de pedidos estándar

La pantalla nativa «Añadir pedido» de WooCommerce está pensada para editar un pedido que ya tiene artículos, no para crear uno desde una conversación en blanco con el cliente. Añadir un producto implica abrir un buscador, esperar los resultados AJAX, abrir un desplegable de variaciones y repetirlo para cada combinación de talla o color del pedido: cinco o seis pasos por producto, en una pantalla que supone que ya conoces el SKU exacto.

Para una tienda que recibe una docena de pedidos telefónicos al día, esa fricción se traduce en tiempo real y en errores reales: elegir la talla equivocada en una lista desplegable larga es un fallo fácil y frecuente.

Lo que construimos

Creamos una página específica, Manual Order Creator, dentro de wp-admin, diseñada de arriba abajo para el flujo de pedidos telefónicos:

  • Primero, los datos del cliente. Campos de nombre, teléfono y dirección en la parte superior de la página, en el mismo orden en que el personal recoge la información.
  • Búsqueda de productos que incluye borradores y productos privados. Las novedades suelen prepararse antes de publicarse; la búsqueda incluye a propósito los estados draft y private para que el personal pueda venderlas antes del lanzamiento.
  • Un selector de variantes en forma de botones. Cada combinación de talla, color y largo aparece como un botón clicable en lugar de un desplegable. Al pulsar uno, queda fijado y el selector se reduce a un único enlace «Cambiar»: el caso habitual (elegir una vez y seguir) requiere un solo clic, no un formulario de varios pasos.
  • Un campo de descuento fijo que recalcula el total del pedido en tiempo real y se guarda como un WC_Order_Item_Fee negativo, para que se muestre correctamente en el resto de WooCommerce.
  • Opciones de gastos de envío obtenidas en tiempo real de las zonas de envío de la propia tienda, en lugar de estar fijadas en el código: si el propietario cambia una tarifa, el formulario se actualiza automáticamente.

El flujo de confirmación

Al enviar el pedido correctamente aparece una ventana a pantalla completa con una gran marca verde, el número del nuevo pedido y dos botones: View Order y Create Another Order. El segundo reinicia el formulario por completo y deja el cursor en el campo del nombre del cliente, de modo que quien atiende llamadas seguidas nunca tiene que recurrir al ratón entre pedidos.

El objetivo no era solo «¿puede el personal crear un pedido?», sino «¿puede crear diez pedidos seguidos sin perder el hilo?».

Conclusiones clave

  • Las pantallas de administración predeterminadas están pensadas para editar, no para introducir datos de forma rápida y repetitiva: un formulario específico se amortiza enseguida con cualquier volumen real de pedidos.
  • Incluir productos en borrador o privados en una búsqueda interna es un cambio pequeño con un gran efecto en lo pronto que un producto empieza a venderse.
  • Una pantalla de confirmación que se anticipa a la siguiente acción («crear otro») elimina la fricción que deja un simple mensaje de éxito.

Lecturas relacionadas: editar el estado del pedido desde la ventana de vista previa, el seguimiento interno de preparación de pedidos, nuestro servicio de desarrollo de plugins de WordPress.

¿Se encuentra con una limitación parecida en su panel de WooCommerce o WordPress? Hablemos: en ArtinTech Solution creamos exactamente este tipo de herramientas a medida para tiendas.

Share this article

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *