Diseña tu sitio web con el nuevo Editor de Sitio Web

Cómo acceder

1. En la barra lateral izquierda, ve a Sitio Web y App.
2. Haz clic en Diseño.

Elige cómo empezar

Elige una de las 6 plantillas (Soft Coral, Strong Wellness, Good Energy, Modern Vibe, Calm Forest, Modern Dark) o Empezar en blanco. Con Ver recorres una plantilla antes de elegirla.

Al entrar verás la pantalla Diseñemos la página de inicio. Ahí puedes elegir una de las 6 plantillas (Soft Coral, Strong Wellness, Good Energy, Modern Vibe, Calm Forest, Modern Dark) o Empezar en blanco. Con Ver recorres una plantilla antes de elegirla.

Por ahora, las plantillas solo existen para la página de Inicio.

Qué plantilla elegir según tu estudio

Conoce el editor

El editor tiene cuatro zonas: el panel de secciones a la izquierda, tu página al centro, Estilos y Propiedades a la derecha, y la barra superior.

En la barra superior también encontrarás el botón IA (icono de robot), que abre el asistente de IA. Te lo explicamos abajo.

• Un clic selecciona una sección o un elemento.
• Doble clic sobre un texto te deja escribir.

Edita tu sitio con el asistente de IA

Ya no necesitas hacer cada cambio a mano. Describe lo que quieres cambiar y el asistente de IA lo aplica en tu sitio. Es ideal si no te sientes cómodo con herramientas de diseño o si quieres probar ideas rápido.

Cómo abrirlo

1. Abre en el constructor la página que quieres editar.
2. En la barra superior, haz clic en el botón IA (icono de robot).
3. Se abre un panel de chat en el lado derecho del editor.
4. Escribe lo que quieres cambiar y envíalo. Puedes escribir en español, inglés o portugués.
5. El asistente aplica el cambio en la página. Revisa el resultado y haz clic en Guardar.

Qué puedes pedirle

• Textos: reescribir títulos, descripciones o llamados a la acción.
• Secciones: ajustar el contenido o la disposición de una sección.
• Estilo: cambiar colores, tipografías o el aspecto de la página.

Ejemplos de pedidos:

• "Reescribe el título de esta página para destacar nuestras clases para principiantes."
• "Cambia el color de los botones a verde oscuro."
• "Haz que la sección de precios se vea más limpia y fácil de leer."

Qué tener en cuenta

• Trabaja en la página abierta. El asistente solo edita la página que tienes abierta en el constructor. Para cambiar otra página, ábrela primero.
• Hace lo mismo que el editor. El asistente puede hacer los mismos cambios que tú harías a mano en el constructor, nada más. Si algo no se puede hacer en el editor, tampoco se puede pedir a la IA.
• Puedes deshacer. Si no te gusta un cambio, usa Deshacer en la barra superior. Revierte cualquier cambio, también los que hizo la IA.
• Guardar publica. El constructor no guarda automáticamente. Si tu sitio ya está en línea, al hacer clic en Guardar los cambios se publican de inmediato. Revísalos antes de guardar.

Consejos para mejores resultados

• Sé específico: menciona la sección y qué quieres cambiar.
• Pide un cambio a la vez. Así es más fácil revisar el resultado.
• Si el resultado no te convence, pide un ajuste o prueba otra forma de decirlo.

Lo que más se hace

• Cambiar un texto
• Cambiar una foto de fondo
• Cambiar un video
• Hacer que un botón lleve a una página
• Elegir los colores y fuentes de todo mi sitio
• Editar mis precios
• Agregar mis redes sociales
• Agregar mi ubicación en un mapa
• Qué secciones poner y en qué orden

Antes de publicar

Mientras trabajas, todo queda como borrador y tu sitio actual no cambia. Arriba verás una franja de vista previa con el botón Hacer este mi sitio en vivo.

1. Revisa tu página en todas las vistas y prueba cada botón.
2. Haz clic en Hacer este mi sitio en vivo.
3. Confirma con Cambiar y publicar.

4. Esto vale solo para la primera publicación. Una vez que tu sitio está en línea, cada vez que haces clic en Guardar los cambios se publican de inmediato, tanto los manuales como los hechos con IA.

Lista de revisión · Publicar tu sitio