Este recorrido te lleva de un sitio Wix Harmony en blanco a algo que puedes publicar: una home tipo brochure sencilla (y quizá una página más) que pediste con Aria, editaste tú, revisaste en móvil y pusiste en vivo.
No necesitas un CMS para este tutorial. Cuando quieras directorios o listas con búsqueda, usa la Guía de Wix CMS.
Qué tendrás al final
Un sitio de estilo pequeño negocio con:
- Un hero claro en la home y algunas secciones reales
- Tus propias palabras e imágenes (no el relleno genérico de la IA)
- Una segunda página si necesitas About o Services
- Títulos SEO básicos rellenados
- Una URL publicada que puedas abrir en una ventana privada
Paso 0 — Crear el sitio
Opción A — Starter gratis nuestro
- Abre el flujo de sitio starter gratis.
- Introduce el email de tu cuenta Wix.
- Crea el sitio y acepta la invitación de co-propietario desde tu correo.
- Abre el sitio en Harmony.
Opción B — Créalo en Wix
Desde tu cuenta Wix, crea un sitio nuevo y elige Harmony cuando te lo pidan.
Recuerda: un sitio Harmony se queda en Harmony. No puedes convertirlo después al Editor clásico ni a Studio.
Paso 1 — Pide a Aria una primera home (no todo el negocio)
Abre Ask Aria y describe una página, no doce. Incluye:
- Para quién es el sitio
- Qué vendes u ofreces
- El tono (tranquilo, audaz, cercano, formal)
- Las secciones que quieres (por ejemplo: hero, tres servicios, un about breve, contacto)
Ejemplo:
Build a calm homepage for a residential plumber in Austin. Homeowners who need fast repairs. Sections: hero with a clear “call now” button, three services (drain cleaning, water heaters, leak repair), three short trust points, and a simple contact strip with phone. Minimal layout, no fake customer photos.
Genera y espera a que el canvas se asiente. Trata el resultado como un borrador.
Más patrones de prompt: Mejores prompts para Harmony.
Paso 2 — Edita en serio
Este es el paso que convierte un borrador de IA en un sitio real.
- Sustituye cada teléfono, ciudad y afirmación de relleno por hechos que puedas respaldar.
- Cambia las imágenes de stock por fotos de tu trabajo o de tu marca.
- Borra las secciones que no vas a mantener. Una página corta y honesta gana a una larga y genérica.
- Comprueba que las etiquetas de navegación coinciden con las páginas que de verdad conservas.
- Si Aria inventa testimonios, licencias o premios que no tienes, elimínalos.
Paso 3 — Añade una segunda página (opcional pero útil)
La mayoría de sitios brochure necesitan al menos Home + About o Services.
- Crea o duplica una página.
- Mantén el header y el ritmo de espaciado coherentes con Home.
- Enlaza ambas páginas en el menú del sitio.
- Puedes volver a pedirle a Aria la página nueva o construirla a mano—lo que te resulte más rápido.
Paso 4 — Revisa el móvil antes de celebrar
Los layouts de Harmony se adaptan solos, pero el móvil sigue necesitando ojo humano.
- Cambia a la vista móvil.
- Corrige títulos enormes, botones apretados y huecos vacíos grandes.
- Oculta elementos que solo tienen sentido en escritorio si estorban.
- Recorre el menú una vez como si fueras un visitante en el teléfono.
Paso 5 — Rellena lo básico que le importa a Google
Antes de publicar:
- Define un título SEO y una meta description únicos para Home.
- Mantén un H1 claro que coincida con el tema de la página.
- Añade texto alternativo en las imágenes principales.
Checklist más completa: Checklist SEO de Harmony.
Paso 6 — Publica y haz una prueba rápida
- Previsualiza en escritorio y móvil.
- Publica.
- Abre la URL en vivo en una ventana privada y haz clic una vez en cada ítem del menú.
Qué sigue
| Objetivo | Guía |
|---|---|
| Comparar editores antes de un rebuild grande | Harmony vs Editor vs Studio |
| Revisar límites de capacidad | Limitaciones de Harmony |
| Añadir listas con búsqueda o directorios | Guía de Wix CMS |
| Conocer el CMS nativo de Harmony + widgets de la app | ¿Se puede usar un CMS en Wix Harmony? |