Guía para tu primer sitio web
Una guía paso a paso para que lances tu primer sitio web en tu primera sesión. No vamos a profundizar en cada función — solo lo esencial para que tengas algo público y funcional hoy mismo.
Antes de empezar
Esta guía asume que ya tienes el plan Nessty Pro activo. Si todavía no, al hacer clic en Sitio web aparecerán las instrucciones para adquirirlo.
Para que la experiencia sea más cómoda, te recomendamos crear tu sitio desde computadora. Puedes hacerlo desde el celular también, pero el editor está pensado para una pantalla grande.
💡 Tip importante: mientras no des clic en Publicar, todos los cambios son solo una vista previa. Juega con confianza.
1. Entra al editor
En el menú lateral de Nessty, haz clic en Sitio web.
Lo primero que verás es la página de inicio (Landing) con un diseño base listo para personalizar. A la izquierda están los controles, a la derecha la vista previa en tiempo real ✓
2. Define el diseño global 🎨
Antes de tocar el contenido, elige cómo se va a ver todo. Es como elegir la paleta antes de pintar.
- Haz clic en Diseño del sitio (la primera tarjeta del menú lateral)
- Elige tu estilo: Fluid (formas suaves), Clean (limpio y preciso) o Sharp (líneas rectas)
- Elige el modo: claro u oscuro
- Define tu color primario (el de tus botones y acentos principales)
- Elige tu color secundario para variedad visual
- Selecciona la tipografía que represente a tu marca
Cada cambio se refleja al instante en la vista previa de la derecha.
💡 Tip de marca: usa los mismos colores que ya tienes en tu logo, Instagram y materiales impresos. Consistencia = profesionalismo.
Si quieres profundizar más adelante, lee el artículo Personaliza el diseño global de tu sitio.
3. Configura tu Header 🧭
El Header es la barra superior que aparece en todas tus páginas.
- Regresa al editor (botón ← arriba a la izquierda) y haz clic en Header
- Sube tu logo. Te recomendamos un PNG sin fondo en formato original para que se vea como un logo personalizado
- En Estilo, elige la variante que más te guste: cápsula flotante, amplio o barra
- Si quieres un look moderno, activa el efecto glass (transparencias con efecto cristal)
ℹ️ El nombre de tu sitio se toma automáticamente del nombre de tu estudio en Nessty. No necesitas escribirlo aquí.
4. Personaliza tu Hero ⭐
Esta es la sección más importante. Es la primera impresión.
- Haz clic en Hero
- Escribe una etiqueta corta arriba del título (ej. "INDOOR CYCLING" o "PILATES REFORMER")
- Escribe tu título principal — corto, potente, memorable
- Agrega un subtítulo que explique qué haces o cómo lo haces
- Activa el botón principal (ej. "Reservar tu primera clase")
- Si quieres, activa el botón secundario (ej. "Ver paquetes")
- Sube una o varias imágenes. Si subes más de una, se mostrarán como slideshow automático
💡 Idea creativa: activa el degradado en el título para combinar dos colores y darle un toque moderno tipo marca premium.
5. Agrega tus primeras secciones 📐
Aquí es donde tu sitio toma vida. Vamos a agregar 3 secciones esenciales para empezar.
Tus disciplinas
- Baja en el menú lateral y haz clic en Agregar sección
- Selecciona Texto infinito
- Escribe tus disciplinas separadas por · (ej. "Spinning · Pilates · Yoga · Fuerza")
Le das movimiento y dinamismo a tu página desde el primer scroll.
Tus instructores o servicios
- Haz clic en Agregar sección
- Selecciona Carrusel
- Haz clic en Importar datos y elige Instructores o Servicios
Tus datos aparecen automáticamente con sus fotos.
⚠️ Sobre importar datos: la información se copia al momento de importar. Si después actualizas un instructor o servicio en Nessty, no se actualiza automáticamente en tu sitio — tendrás que volver a importar o editar manualmente. La excepción son los paquetes, que sí se mantienen sincronizados siempre.
Tus paquetes
- Haz clic en Agregar sección
- Selecciona Planes
Tus paquetes activos aparecen automáticamente y tus clientes pueden comprarlos directo desde tu sitio 💰
💡 Tip de orden: las secciones más importantes van arriba. Lo crítico lo ve tu cliente sin tener que bajar mucho. Puedes arrastrarlas para reordenarlas.
Para conocer todos los tipos de secciones disponibles y sus opciones, lee el artículo Crea el contenido de tu página: Hero y secciones.
7. Publica tu sitio 🚀
Cuando todo esté como lo quieres:
- Haz clic en Publicar en la barra superior
- Tu sitio queda en vivo al instante en
tu-estudio.nessty.app
Para verlo:
- Haz clic en tu URL en el menú lateral (la parte que muestra tu dirección)
- Selecciona Abrir en nueva pestaña
¡Tu sitio ya es real y lo puedes compartir con tus clientes! 🎉
¿Y ahora qué?
Tu sitio ya está en línea. Lo que sigue depende de qué tan profundo quieras llevarlo.
Cuando tengas tiempo y quieras pulir más detalles:
- Profundiza en el diseño con el artículo Personaliza el diseño global de tu sitio
- Explora todos los tipos de secciones en Crea el contenido de tu página: Hero y secciones
- Crea páginas adicionales como Sobre nosotros, Contacto o una por sucursal en Crea páginas adicionales para tu sitio
- Aprende a difundir tu sitio en Publica y comparte tu sitio web
Tu sitio no tiene que estar perfecto el primer día. Lánzalo, compártelo con tus clientes y mejóralo poco a poco 🚀
Solución de problemas
Esta función está disponible solo para el plan Nessty Pro. Al hacer clic en Sitio web aparecerán las instrucciones para activarlo.
Asegúrate de haber dado clic en Publicar en la barra superior. Sin publicar, los cambios solo se ven en la vista previa.
Te recomendamos subir tu logo en formato PNG sin fondo. En la sección de Logo, también puedes elegir entre forma circular u original.
Verifica que estén marcados como activos en Nessty. Solo se importan los que están activos.
Haz clic en los tres puntos (···) a la derecha de la sección y selecciona Eliminar. También puedes solo Ocultarla si no quieres borrarla del todo.