Inicio de la documentación › Commerce Studio y tienda
Ver el video tutorial
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
Más video tutoriales
Catálogo e información de servicios
Usa el nombre, el precio, la descripción corta, la descripción completa, las imágenes, el stock y las categorías de producto habituales. El panel de datos de producto General también ofrece Price unit, Typical turnaround, What is included, Before collection y Care limitations.
Completa solo las afirmaciones de servicio que tu negocio pueda cumplir. Los campos en blanco se omiten. Los precios y textos de la demo son ejemplos que debes reemplazar antes del lanzamiento. Las imágenes de producto existentes se conservan.
Tienda y tiendas por nicho
La página principal de la tienda busca en todos los servicios publicados del catálogo. Los visitantes pueden filtrar por especialidad de lavandería, precio máximo y disponibilidad, y ordenar por nombre de servicio, precio o novedad. Las actualizaciones de búsqueda, filtros y paginación no recargan la página.
Cada una de las 105 páginas de tienda por nicho usa su propia asignación de productos. Las versiones de Gutenberg, Elementor, WPBakery y Classic llaman al mismo componente de catálogo. Edita las secciones nativas que lo rodean con el editor correspondiente.
Usa un shortcode en un bloque Shortcode de Gutenberg, un widget Shortcode de Elementor, un bloque de texto de WPBakery o el editor Classic:
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]Si no se indica ningún nicho, una página de nicho reconocida aporta el suyo. En una página normal, el shortcode muestra el catálogo completo.
Herramientas de compra
| Herramienta | Comportamiento |
|---|---|
| Vista rápida | Muestra el precio actualizado, la imagen, la descripción del servicio y los detalles de cuidado. Los servicios simples que se pueden comprar admiten añadir al carrito con AJAX. Los productos con opciones enlazan a su página de producto. |
| Servicios guardados | Guarda hasta 30 ID de producto en este navegador. No se sincroniza entre cuentas ni dispositivos. Los precios y la disponibilidad se actualizan al abrir la lista. |
| Comparar | Hasta cuatro servicios lado a lado, con los precios actuales de WooCommerce y los datos de cuidado que hayas introducido. |
| Bolsa de lavandería | El cajón del carrito muestra el carrito real de WooCommerce, el subtotal, los controles para quitar artículos y los enlaces al carrito y al pago. |
| Barra de pedido del producto | La barra fija lleva a los visitantes de vuelta al formulario normal de opciones y cantidad del producto. WooCommerce calcula el precio real del carrito. |
Recogida y pago
El pago incluye la fecha de recogida preferida, la franja de recogida, la preferencia de cuidado e instrucciones. El carrito y el pago siguen siendo bloques nativos de WooCommerce y My Account sigue siendo el área de cuenta de WooCommerce. Los cupones, impuestos, envíos, productos relacionados, ventas cruzadas y el historial de pedidos siguen la configuración de tu WooCommerce.
Consulta Reservas, recogida y operaciones para ver las reglas de validación y la nota de que las fechas de reserva son solicitudes, no capacidad reservada.
Pagos y lanzamiento
La demo pública del tema activa el pago contra entrega nativo de WooCommerce, con la etiqueta Pay on collection or delivery, incluidos los servicios de lavandería virtuales. El pago no cobra ninguna tarjeta. Edita su título, descripción, instrucciones y restricciones de entrega en WooCommerce → Settings → Payments → Cash on delivery.
- Este es un ajuste de la tienda. Importar un nicho no activa pasarelas de pago en tu tienda.
- La transferencia bancaria directa está disponible en WooCommerce, pero permanece desactivada hasta que proporciones datos bancarios verificados.
- Los pagos con tarjeta y billetera digital requieren un plugin de proveedor compatible y una conexión de comercio. Elige un proveedor compatible con el país, la moneda y los bloques de pago (Checkout Blocks) de tu negocio, prueba en su entorno sandbox y activa el modo en vivo después de revisar los ajustes de tu negocio.
- Nunca escribas datos de tarjetas en las notas del pedido.
Ajustes de compra de lavandería
- Los botones de opciones de servicio usan atributos nativos de productos variables y la disponibilidad de variaciones de WooCommerce. El selector normal sigue siendo la alternativa cuando no hay JavaScript.
- Los servicios vistos recientemente guardan hasta 12 ID de producto en este dispositivo y muestran hasta seis productos actuales. Clear history los elimina.
- La preferencia de cuadrícula o lista se mantiene en este dispositivo. La búsqueda, el orden y el filtro por precio siguen disponibles.
- Las recomendaciones opcionales de servicios usan Product data → Linked Products → Cross-sells. Son compras independientes, no un paquete con descuento.
- My Account ofrece accesos directos a servicios, historial de pedidos y direcciones. Order again usa la elegibilidad y la validación nativas de WooCommerce.
- Define Price unit en Product data → General. Las variaciones heredan la unidad del producto principal cuando está en blanco.
Demo: Cuidado de bolsas de lavandería con tres tamaños de bolsa editables y precios de ejemplo.
Servicios solo con cotización y guías de cuidado
- Edita un servicio y abre Product data → General.
- Activa Quote only e indica el ID de una página de consulta publicada.
- El servicio mostrará entonces Priced after assessment y enlazará a esa página. La compra directa se desactiva mediante la validación de productos de WooCommerce, incluidas las variaciones. Los productos minoristas normales siguen pudiéndose comprar.
- Añade tu formulario de consulta a la página de destino y configura su entrega. La demo comercial usa Contact Form 7. No crea un pedido, no reserva capacidad ni cobra a ningún cliente.
Define una Garment care guide en Product data → General para mostrar en la página del servicio una guía de preparación plegable. Mantén los consejos específicos para las prendas que aceptas; las guías vacías se omiten.
Demo: Evaluación de cuidado de ropa blanca comercial.
La búsqueda, el orden y los filtros del catálogo conservan un estado en la URL que se puede compartir: al recargar o usar el botón Atrás del navegador se restauran los filtros seleccionados, y Reset los borra. La barra de pedido fija sigue los cambios de variación nativos y las unidades de precio se mantienen en la información de servicio generada con AJAX.
Alcance de las funciones
Se revisaron otros temas de comercio electrónico como referencia para la experiencia de compra. Washlora no afirma tener una paridad completa de funciones ni copia su código propietario.
| Capacidad | Estado en Washlora |
|---|---|
| Búsqueda en vivo, filtros AJAX, vista rápida, comparación, servicios guardados, cajón del carrito | Incluido en Commerce Studio |
| Botones de opciones de servicio, historial de navegación, vista de cuadrícula y lista, complementos vinculados, accesos directos de la cuenta, unidades de precio | Incluido |
| Servicios solo con cotización, guías de cuidado de prendas, estado de filtros que se puede compartir | Incluido |
| Sincronización de la lista de deseos con la cuenta | No incluido: los servicios guardados permanecen en el dispositivo |
| Descuentos dinámicos por paquete, regalos gratuitos, correos de lista de espera, recuperación de carritos abandonados, alertas de precio | No incluido |
| Facturación recurrente automática, franjas de recogida basadas en capacidad | No incluido |
| Constructores visuales de plantillas de comercio de otros temas | No incluido: Washlora mantiene su propio sistema de cuatro editores |
| Pagos | Pago nativo de WooCommerce. La transferencia bancaria y los proveedores en línea requieren configuración del comercio. |
Solución de problemas de la tienda
- Una tienda de nicho aparece vacía: confirma que sus productos estén publicados, visibles en el catálogo y asignados al nicho correcto.
- Aparece un estilo antiguo: purga la caché de la página afectada.
- Problemas con el carrito, el pago o la cuenta: la caché de página no debe compartir las sesiones. Desactiva el almacenamiento en caché del contenido para las solicitudes de sesión de WooCommerce.
- La lista guardada desaparece: las listas guardadas necesitan el almacenamiento del navegador. La navegación privada, los datos del sitio borrados u otro dispositivo no conservarán la misma lista. WooCommerce comprueba todos los totales y la disponibilidad; nunca se confía en lo que está guardado en el navegador.