Washlora — Guía maestra

Documentación completa paso a paso: desde la instalación y la importación de nichos hasta la edición, las reservas, la tienda de servicios, AI Studio y el lanzamiento.

Inicio de la documentación › Guía maestra

¿Prefieres ver? La serie completa de Washlora está en YouTube (11 episodios).Abrir la lista de reproducción completa en YouTube

Inicio rápido

Seis pasos desde la descarga hasta un sitio funcionando. Cada paso se explica con detalle más abajo.

  1. Sube y activa el tema Washlora (washlora-theme.zip).
  2. Instala y activa Washlora Core y después el WordPress Importer gratuito.
  3. Instala el editor que vayas a usar (Elementor, WPBakery o Classic Editor; Gutenberg ya viene incluido), además de WooCommerce y Contact Form 7.
  4. Abre Appearance → Import a niche y elige uno de los 105 nichos.
  5. Haz clic en Import selected niche, luego abre Pages y elige tu diseño de inicio y la versión de editor.
  6. Reemplaza el contenido de ejemplo: Niche identity, menús, servicios, precios, reservas y datos de contacto.
Paso 1

Prepara el entorno de pruebas y el hosting

Trabaja primero en un entorno de pruebas (staging). Washlora necesita WordPress 6.6 o superior y PHP 8.0 o superior.

  1. Haz una copia de seguridad restaurable de la base de datos y de los archivos.
  2. Pide a tu proveedor de hosting 256 MB o más de memoria PHP y un tiempo de ejecución de alrededor de 300 segundos para las importaciones.
  3. Configura los límites de subida por encima del tamaño de los archivos ZIP que vas a subir.
Ruta en el administrador: Tools → Site Health → Info

Detalles: Instalación y requisitos · Hosting y solución de problemas

Paso 2

Instala el tema y los plugins

Sube el ZIP instalable del tema; luego instala los plugins complementarios y solo el editor que vayas a usar.

  1. Sube y activa washlora-theme.zip (el tema Washlora).
  2. Instala y activa Washlora Core, el plugin complementario obligatorio.
  3. Instala el WordPress Importer gratuito.
  4. Instala Elementor, WPBakery o Classic Editor (Gutenberg ya viene incluido), además de WooCommerce y Contact Form 7 si los necesitas.
Ruta en el administrador: Appearance → Themes → Add New / Plugins → Add New

Detalles: Instalación y requisitos

EP 1 · Washlora: Laundry & Dry Cleaning WordPress Theme with WooCommerce (105 Demos) · 5:18 · YouTube

Paso 3

Importa tu nicho

Elige uno de los 105 nichos. Cada uno tiene tres diseños de inicio en cuatro versiones de editor.

  1. Abre Appearance → Import a niche y selecciona un nicho.
  2. Deja marcada la opción Download demo images, o desmárcala para una importación solo de contenido.
  3. Haz clic en Import selected niche y revisa el registro.
  4. Abre Pages, elige el inicio y la versión de editor, y define la página principal en Settings → Reading.
Ruta en el administrador: Appearance → Import a niche

Detalles: Importación de nichos

La colección de 105 nichosLa colección de 105 nichos
Explora los nichos, los diseños de inicio y las opciones de editor en la página de demos en vivo.
Paso 4

Edita con uno de los cuatro editores

Elige Gutenberg, Elementor, WPBakery o Classic Editor y quédate con sus versiones de página. Las versiones son páginas independientes, no conversiones.

  1. Gutenberg: edita los bloques Washlora Section y reordénalos en la Vista de lista (List View).
  2. Elementor: edita los widgets de sección Laundry en el lienzo o en el Navegador (Navigator).
  3. WPBakery: edita los componentes Washlora Section dentro de filas y columnas.
  4. Classic: usa los controles de sección debajo del editor y conserva [laundry_classic_sections].
Ruta en el administrador: Pages → All Pages

Detalles: Edición con cuatro editores de páginas

Selector de diseño de inicio y de editorSelector de diseño de inicio y de editor
Previsualiza cada versión de editor de una página de demo nativa.
Paso 5

Marca, colores y menús

Define primero tu identidad, luego la presentación y después el diseño global. Las páginas de nicho nativas tienen sus propias capas de identidad y diseño.

  1. Define Brand, Tagline, Phone, Email, Hours, Area, About y los colores en Niche identity.
  2. Ajusta el ancho del contenido, el radio de las esquinas y el espaciado de las secciones en Niche design.
  3. Usa Design Studio y Washlora Options para las opciones globales de encabezado, pie de página, diseño y menús.
  4. Actualiza las etiquetas y los destinos del menú.
Ruta en el administrador: Appearance → Niche identity / Niche design · Washlora AI Studio → Design Studio

Detalles: Marca, diseño y contenido

Paso 6

Servicios, precios e imágenes

Reemplaza los servicios, precios y fotografías de ejemplo con la información real de tu negocio.

  1. Edita la página Services en tu editor y gestiona los registros de servicios en el tipo de contenido service.
  2. Si vendes en línea, define los precios, impuestos y disponibilidad reales de WooCommerce.
  3. Reemplaza las fotos de ejemplo y añade un texto alternativo útil.
Ruta en el administrador: Pages → Services · Products → All Products

Detalles: Marca, diseño y contenido

Sección de registro de serviciosSección de registro de servicios
Una sección de registro de servicios en la demo Tent & Awning Care.

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

Paso 7

Reservas, recogida y entrega

La página de reservas recoge solicitudes. Una solicitud no es un pedido pagado ni confirmado.

  1. Mantén la sección de función de reservas en la página de reservas.
  2. Reemplaza las zonas de servicio y los horarios de ejemplo.
  3. Submit a test request on staging and confirm that the request record is stored.
  4. Revisa Pickup Slots, Garment Items y Delivery Routes según tu flujo de trabajo.
Ruta en el administrador: Pages → Booking

Detalles: Reservas, recogida y operaciones

Formulario de solicitud de recogida y entregaFormulario de solicitud de recogida y entrega
El formulario de solicitud real, mostrado sin enviar datos de clientes.

EP 7 · Laundry Pickup & Delivery Booking Form in WordPress (Built-in) · 4:15 · YouTube

Paso 8

Tienda y pagos

Commerce Studio añade una tienda de servicios de lavandería sobre WooCommerce nativo.

  1. Edita los servicios en Products; completa solo los detalles del servicio que tu negocio pueda cumplir.
  2. Usa los shortcodes de tienda [laundryes_commerce_store] o [laundryes_woocommerce_store niche="laundromat"] donde los necesites.
  3. Configura tu propio proveedor de pagos. Importar un nicho nunca activa una pasarela.
  4. Completa un pedido de prueba antes del lanzamiento.
Ruta en el administrador: Products · WooCommerce → Settings → Payments · WooCommerce → Settings → Products → Washlora shopping

Detalles: Commerce Studio y tienda

EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube

Más video tutoriales

Paso 9

AI Studio: generador y asistente

Crea borradores de páginas editables a partir de las plantillas instaladas. No se requiere ninguna clave de API de IA externa.

  1. Abre el AI Website Generator como administrador e introduce el nombre del negocio, el nicho, el editor y el diseño de inicio.
  2. Previsualiza el plan del sitio web y revisa las advertencias.
  3. Genera los borradores, revisa cada uno y publica solo después de revisarlos.
  4. Asigna tú mismo tu página de inicio y tu menú: el menú generado no se asigna automáticamente.
Ruta en el administrador: Washlora AI Studio → AI Website Generator / AI Theme Assistant

Detalles: AI Studio

Demo de planificación del generadorDemo de planificación del generador
La demo pública de planificación. El flujo de trabajo del administrador crea borradores.

EP 10 · Laundry Checkout with Pickup Fields, Website Generator & Docs · 4:26 · YouTube

Más video tutoriales

Paso 10

Sliders, idiomas y controles de calidad

Revisa las secciones hero, los sliders opcionales, las traducciones, los diseños de derecha a izquierda y la accesibilidad antes de publicar.

  1. Edita las secciones hero nativas en el editor de páginas; usa un plugin de slider solo si la página realmente incorpora un slider.
  2. Elige el idioma del sitio y proporciona el contenido traducido.
  3. Prueba RTL, teléfonos pequeños, el foco del teclado y las etiquetas de los formularios.
Ruta en el administrador: Settings → General

Detalles: Idiomas, RTL y accesibilidad

Paso 11

Lanza el sitio y mantenlo saludable

Elimina todos los valores de ejemplo, prueba las reglas reales de tu negocio, haz una copia de seguridad y luego publica.

  1. Reemplaza los nombres de ejemplo, las direcciones de muestra, los números de teléfono, los precios y las políticas.
  2. Prueba las reservas, el contacto, el carrito y el pago en escritorio y en móvil.
  3. Vacía las cachés y verifica el sitio público sin haber iniciado sesión.
  4. Guarda el código personalizado en un tema hijo y prueba las actualizaciones en el entorno de pruebas.

Detalles: Lanzamiento, actualizaciones y soporte