E-commerce (Tienda online)

El widget E-commerce añade una tienda completa a tu sitio web. Los visitantes pueden ver productos, añadirlos al carrito y pagar a través de Stripe Checkout. El widget se activa por sitio web en Ajustes → Widgets → E-commerce. Tras la activación, las páginas de administración aparecen en la barra lateral y los bloques de tienda están disponibles en el Page Builder.

En E-commerce → Productos gestionas tu catálogo: • Título, descripción y precio • Subir imágenes a través de la mediateca • Asignar una categoría • Establecer stock • Marcar producto como activo/inactivo Los productos con stock 0 se muestran automáticamente como "Agotado".

Los productos pueden tener variantes como talla o color. Cada variante tiene su propio precio, stock y SKU opcional. Configuración: 1. Abre un producto en E-commerce → Productos 2. Define los atributos de variante (ej. "Talla", "Color") 3. Introduce los valores (ej. S, M, L / Rojo, Azul) 4. El generador de matriz crea automáticamente todas las combinaciones 5. Establece precio y stock por variante

En E-commerce → Categorías organizas productos en grupos: • Nombre y slug (nombre compatible con URL) • Ajustar orden mediante arrastrar y soltar Las categorías se usan en el bloque ProductList como filtro y en el panel de búsqueda/filtro.

El bloque ProductList muestra productos en una cuadrícula o lista configurable. Cómo añadirlo: 1. Abre una página en el Page Builder 2. Busca "ProductListSection" en la lista de bloques 3. Arrástralo a tu página 4. Configura en la barra lateral: • Título • Número de columnas (1-4) • Productos máximos • Filtro por categoría • Mostrar precio e imagen • Mostrar búsqueda y filtros • Quick View on/off

El bloque ProductDetail muestra una página de producto completa con galería, precio, descripción y "Añadir al carrito". Cómo usarlo: 1. Crea una página (ej. slug "product-detail") 2. Añade el bloque ProductDetailSection 3. Configura el diseño y productos relacionados El bloque lee el ID de producto de la URL (?product=xxx).

El carrito es un panel deslizante que se abre cuando un visitante añade un producto. Funciones: • Añadir, eliminar y ajustar cantidades • Subtotal calculado automáticamente • Botón de pago que redirige a Stripe • Control de stock: no se puede añadir más del stock disponible El carrito se guarda en el navegador (localStorage) y sobrevive a una recarga.

Al pagar, el visitante es redirigido a Stripe Checkout: 1. El visitante hace clic en "Pagar" en el carrito 2. El servidor valida precios y stock (prevención de fraude) 3. Stripe Checkout se abre con los artículos y opciones de envío correctos 4. Tras el pago: pedido creado, stock actualizado, email de confirmación enviado 5. El visitante ve una página de confirmación

Después de un pago exitoso, el visitante es redirigido a tu sitio web. El bloque "Confirmación de pedido" (OrderConfirmationSection) muestra automáticamente una página de agradecimiento con un resumen del pedido. Importante: coloca este bloque en la MISMA página que tu ProductList (página de tienda). El bloque es normalmente invisible y solo aparece cuando el visitante regresa de Stripe con los parámetros correctos en la URL. Cómo configurarlo: 1. Abre tu página de tienda en el Page Builder 2. Añade el bloque "Confirmación de pedido" DEBAJO de tu bloque ProductList 3. Configura: título, color de acento, mostrar artículos del pedido (sí/no) 4. Publica la página Después del pago, el visitante ve: • Icono de confirmación y texto de agradecimiento • Número de pedido • Productos pedidos con precios • Importe total • Dirección de envío (si aplica) • Botón "Volver a la tienda" El carrito se vacía automáticamente después de un pedido exitoso.

En E-commerce → Pedidos ves todos los pedidos: • Filtrar por estado (pagado, enviado, cancelado) o fecha • Por pedido: artículos, importe total, datos del cliente • Dirección y método de envío (si está configurado) • Número y enlace de seguimiento (si la API de transportista está activa) • Actualizar estado

El panel de control E-commerce da una visión general de tu tienda: • Ingresos últimos 30 días • Total de pedidos • Productos más vendidos • Productos con stock bajo

Los visitantes pueden dejar reseñas en los productos (1-5 estrellas + texto). Las reseñas requieren moderación: 1. Ve a E-commerce → Reseñas 2. Las nuevas reseñas están marcadas como "Pendiente" 3. Aprobar, rechazar o eliminar por reseña Solo las reseñas aprobadas son visibles en el sitio. Notificaciones por correo electrónico: • El cliente recibe automáticamente un correo de confirmación después de enviar (con imagen del producto y resumen) • El propietario de la tienda recibe una notificación por cada nueva reseña (con enlace directo a la moderación) • El interruptor "Notificación por correo electrónico para nuevas reseñas" en la página de Reseñas activa/desactiva la notificación al propietario • Un contador en la barra lateral muestra el número de reseñas pendientes

En E-commerce → Cupones creas códigos de descuento: • Tipo: porcentaje o cantidad fija • Uso máximo • Fecha de caducidad • Importe mínimo de pedido Los clientes introducen el código durante el pago en Stripe Checkout.

Los visitantes que abandonan su carrito pueden recibir automáticamente un email recordatorio. Cómo funciona: • El visitante introduce opcionalmente un email en el carrito • Tras 1 hora de inactividad: recordatorio #1 • Tras 24 horas: recordatorio #2 (opcionalmente con código de descuento del 10%) • Máximo 2 emails por carrito abandonado En E-commerce → Carritos abandonados ves un resumen.

En E-commerce → Envío configuras tarifas de envío por país o zona. Por zona: • Países (ej. España, Portugal) • Métodos de envío (estándar, express) con precio y plazo • Umbral de envío gratuito Sin configuración de envío, no se calculan gastos de envío.

En E-commerce → Impuestos activas el cálculo automático de IVA a través de Stripe Tax: • El IVA se calcula automáticamente según el país del cliente • Elige entre IVA incluido o excluido • Define los países de registro • Por producto opcionalmente: código fiscal de Stripe

Puedes vender productos digitales (e-books, plantillas, archivos). Tras el pago, el cliente recibe un enlace de descarga seguro. Configuración: 1. Crea un producto en E-commerce → Productos 2. Establece el tipo como "Digital" 3. Sube el archivo 4. Define el límite de descargas (por defecto 3 por compra) Se pueden combinar productos físicos y digitales.

El bloque de donaciones permite a los visitantes donar una cantidad libre a través de Stripe. Configuración: 1. Añade el bloque DonationSection en el Page Builder 2. Configura: cantidades predefinidas, cantidad mínima, título 3. Los visitantes eligen una cantidad o introducen una personalizada En E-commerce → Donaciones ves todas las donaciones.

Los visitantes pueden marcar productos como favoritos con un icono de corazón. La lista de deseos: • Se guarda en el navegador (localStorage) • Corazón visible en tarjetas de producto y página de detalle • Panel de favoritos muestra todos los favoritos • "Añadir al carrito" desde favoritos No se requiere cuenta.

Puedes ofrecer productos en múltiples divisas: 1. Ve al editor de producto → establece precios por divisa (EUR, GBP, USD) 2. Configura las divisas disponibles por sitio 3. Los visitantes eligen su divisa con un selector 4. El pago se realiza en la divisa elegida

Traducciones de productos: nombre, descripción y campos SEO por idioma. Configuración: 1. Abre un producto → aparecen pestañas de idioma 2. Rellena la traducción por idioma 3. Los clientes ven la tienda en su idioma 4. Fallback: si falta una traducción, se muestra el idioma predeterminado

En E-commerce → Importar/Exportar puedes importar o exportar productos en masa: Importación: • Subir CSV (arrastrar y soltar) • Auto-detección: WooCommerce, Shopify o formato genérico • Mapeo de columnas ajustable • Vista previa: ver las 10 primeras filas antes de importar • Prueba: validación sin escribir • Máx. 500 productos por importación Exportación: • Todos los productos incluyendo variantes como descarga CSV

Los visitantes pueden crear opcionalmente una cuenta en la tienda: • Iniciar sesión con email + contraseña • Ver historial de pedidos: fecha, artículos, total, estado, seguimiento • "Volver a pedir" añade artículos al carrito • El email se pre-rellena en el checkout Pedir sin cuenta sigue siendo posible.

El sistema muestra automáticamente indicadores de stock: • Stock 0: insignia "Agotado", botón de pedido desactivado • Stock 1-5 (configurable): insignia "Casi agotado" (naranja) • Página de detalle: "¡Solo quedan {n} en stock!" Los admins reciben una alerta por email cuando el stock baja del umbral.

Tras un pago exitoso, el visitante es redirigido a una página de confirmación. Esta página muestra: • Mensaje de agradecimiento • Artículos pedidos y total • Dirección de envío y tiempo estimado de entrega • El carrito se vacía automáticamente

Los productos se optimizan automáticamente para los motores de búsqueda: • Etiquetas Open Graph para redes sociales (título, imagen, precio) • Datos estructurados JSON-LD (Google Rich Results: precio, disponibilidad, reseñas) • Título y descripción SEO opcionales por producto

El sistema envía automáticamente emails en eventos de pedido: • Confirmación de pedido — inmediatamente tras el pago • Confirmación de envío — cuando el estado cambia a "Enviado" (enlace de seguimiento) • Solicitud de reseña — 7 días después de la entrega Los emails incluyen el nombre y logo de tu sitio (white-label).

Las funciones de E-commerce dependen de tu suscripción: • Starter (29€): sin E-commerce • Profesional (79€): E-commerce con máx. 100 productos, reseñas, favoritos, cupones (5), donaciones • Agency (199€): todo ilimitado + productos digitales, carritos abandonados, multi-divisa, multilingüe, CSV import/export, API transportista, impuestos automatizados

Cada sitio web necesita su propia cuenta Stripe para pagos. 1. Vaya a E-commerce → Pagos y seleccione el sitio web 2. Haga clic en 'Conectar Stripe' y complete el onboarding de Stripe 3. Después de conectar, los pagos de los clientes van directamente a la cuenta del propietario del sitio

Se deduce una tarifa de plataforma de cada pago a través de la tienda/carta. La tarifa por defecto es del 5%. Puede ajustarla por sitio web. Vaya a E-commerce → Pagos → seleccione sitio web → ajuste el porcentaje.

Un sitio web puede tener tanto una tienda online como una carta. Los productos de la tienda y los productos del menú se mantienen separados. En la tienda solo aparecen productos de la tienda (no artículos del menú). En la carta solo aparecen artículos del menú. El carrito es compartido: un cliente puede combinar productos de ambos.

Vende productos recurrentes mediante suscripciones: 1. Ve a E-commerce → Productos → crea un nuevo producto 2. Establece el tipo en 'Suscripción' 3. Establece la frecuencia: semanal, mensual o anual 4. Establece el precio por período Stripe Billing gestiona la facturación periódica automática.

Los clientes pueden crear una cuenta: • Ver historial de pedidos con estado y seguimiento • Repetir pedido con 1 clic • Guardar direcciones de envío • Gestionar suscripciones (pausar/cancelar) • Descargar facturas Una cuenta no es obligatoria.

Ofrece domiciliación bancaria SEPA como método de pago: 1. Activa SEPA Direct Debit en tu panel de Stripe 2. Ve a E-commerce → Pagos → activa 'Domiciliación bancaria' Los clientes pueden elegir domiciliación bancaria en el checkout. El mandato se gestiona a través de Stripe.

Genera automáticamente facturas para cada pedido: • Las facturas se crean automáticamente después del pago • Descarga PDF en el panel admin y cuenta del cliente • Detalles: número de factura, fecha, IVA, artículos, total Ve a E-commerce → Facturas para un resumen.

Usa la caja registradora integrada para ventas físicas: 1. Ve a E-commerce → Configuración POS 2. Activa POS y conecta opcionalmente un Stripe Terminal 3. Busca productos, escanea códigos de barras o navega por categorías 4. Cobra con tarjeta, efectivo o a cuenta El POS soporta: • Pagos con tarjeta vía Stripe Terminal • Pagos en efectivo • Impresión de recibos vía Web Serial API • El stock se actualiza en tiempo real

La página de detalle del producto puede mostrar una barra de búsqueda para que los visitantes encuentren rápidamente otro producto sin volver a la lista de productos. La barra de búsqueda: • Se encuentra encima del breadcrumb en la página de detalle • Busca por título y descripción del producto (lado del cliente, rápido) • Muestra hasta 6 resultados con miniatura, título y precio • Para productos en oferta, se muestra el precio tachado • Haz clic en un resultado para navegar directamente a ese producto En el Page Builder (ProductDetailSection) puedes activar o desactivar la barra de búsqueda con 'Mostrar barra de búsqueda'.

Organiza tus productos por marca para un filtrado y navegación fáciles: • Ve a E-commerce → Marcas para gestionar marcas • Por marca: nombre, slug, logotipo y descripción • Vincula productos a una marca en el editor de productos • Las marcas aparecen en el filtro sidebar y en el mega menú Los visitantes pueden filtrar por marca desde la sidebar o el mega menú.

Las categorías ahora soportan una estructura padre/hijo: • Categorías de primer nivel (ej. Hombre, Mujer, Zapatos) • Subcategorías (ej. Hombre → Camisetas & Polos, Jeans & Pantalones) • En el editor de categorías: elegir una categoría padre • El filtro sidebar muestra categorías como un árbol desplegable • El conteo de productos por (sub)categoría se calcula automáticamente Funciona como las grandes tiendas de moda.

La lista de productos cuenta con una sidebar completa con 6 tipos de filtro: 1. Categoría — vista en árbol con padre/hijo y conteo de productos 2. Género — Mujer, Hombre, Niños, Unisex 3. Color — círculos de color visuales basados en el color del producto 4. Marca — lista alfabética con función de búsqueda 5. Talla — cuadrícula de botones (de variantes de producto) 6. Descuentos — toggle de rebajas + rangos (hasta 30%, 30-50%, 50%+) Escritorio: sidebar a la izquierda (240px de ancho), siempre visible. Móvil: panel deslizante con botón 'Mostrar X resultados'. Todos los filtros se combinan: selecciona Mujer + Talla M + Marca EcoWear → solo productos coincidentes.

Sobre la lista de productos aparece un mega menú horizontal: • Categorías de primer nivel como pestañas • Al pasar el ratón sobre una pestaña se abre un desplegable con: – Subcategorías (columna izquierda) – Marcas, top 6 + 'más' (columna derecha) • Al hacer clic en una categoría o marca se activa directamente ese filtro El mega menú es configurable mediante el toggle 'Mostrar mega menú' del Page Builder. En móvil: el mega menú se oculta y los filtros son accesibles mediante el botón Filtro.

Además de las funciones estándar de e-commerce, hay varios módulos adicionales disponibles: • Promociones — descuentos por categoría, marca y producto con anti-acumulación. Consulta el capítulo 'Promociones y Rebajas' para más detalles. • Envoltorio de regalo — envoltorio de regalo opcional como complemento en el checkout. Consulta el capítulo 'Envoltorio de Regalo' para más detalles. • Upsell & Cross-sell — recomendaciones de productos inteligentes para aumentar tus ingresos. Consulta el capítulo 'Upsell & Cross-sell' para más detalles.

La página de detalle del producto ahora incluye pestañas con información detallada: • Información del producto — con 3 sub-pestañas: – Especificaciones: tabla clave/valor (material, tipo, temporada, etc.) – Composición y Ajuste: barras de materiales visuales, indicador de ajuste e instrucciones de cuidado – Descripción: descripción extendida del producto • Envío y devoluciones — 3 tarjetas USP con tiempo de entrega, gastos de envío y política de devolución En móvil (<768px) las pestañas se convierten automáticamente en acordeones con animaciones suaves.

Puedes añadir una tabla de tallas por producto que aparece como popup: 1. Abre un producto en el editor 2. Ve a la pestaña 'Guía de tallas' 3. Define los encabezados de columnas (ej. EU, UK, US, CM) 4. Añade filas por talla En la web aparece un botón 'Guía de tallas' junto al selector de talla.

La página de detalle del producto muestra información de envío y devolución en 3 tarjetas claras: • Tiempo de entrega — 'Pedido hoy, entregado mañana' • Envío gratuito — umbral para envío gratuito • Política de devolución — 'Devolución gratuita en 30 días'

Sobre el botón 'Añadir al carrito' hay un temporizador que muestra cuánto tiempo tiene el visitante para pedir hoy y recibir mañana. • Cuenta atrás hasta las 16:00 (hora límite) • Después de las 16:00: 'Pide ahora para entrega pasado mañana' • El temporizador cuenta cada segundo

Cuando el visitante pasa el botón 'Añadir al carrito' al hacer scroll, aparece una barra compacta fija en la parte superior de la pantalla: • Miniatura + nombre del producto + precio • Botón 'Añadir' siempre visible • Animación slide-in desde arriba

Las imágenes de producto tienen función de zoom para detalle: • Escritorio: pasa el ratón sobre la imagen para un zoom 2x • Móvil: se usa el zoom nativo del dispositivo No se necesita configuración adicional.