Edita tu sitio web haciendo clic

El editor de sitios web es una sola pantalla: arriba, una vista previa en vivo de tu sitio; abajo, un panel de chat. Las cosas pequeñas las cambias haciendo clic en la vista previa, y las grandes las pides en el chat.

Ábrelo desde Sitios Web, o desde la tarjeta del proyecto en el AI Builder.

#La barra de herramientas

La barra flotante sobre la vista previa lleva todo lo que no es una edición. Arrástrala por la agarradera de su izquierda si te tapa algo.

#Haz clic en algo para cambiarlo

Haz clic en cualquier elemento de la vista previa y se abre un panel pequeño a su lado. Lo que ofrece el panel depende de en qué hiciste clic.

#Texto

El texto actual ya está en la caja. Edítalo y elige Guardar. Es instantáneo y gratis: no interviene la IA.

Debajo hay una segunda caja etiquetada o pídele a la IA. Úsala cuando quieras una reescritura y no un texto exacto: hazlo más corto y más amigable, hazlo más grande, cambia el color. Elige Aplicar.

#Enlaces

Un enlace muestra su destino además de su texto. Puedes escribir una dirección completa, un ancla como #contact, u otra página del sitio como services.html. El texto y el destino se guardan juntos.

Los enlaces externos abren en una pestaña nueva; las anclas y tus propias páginas se quedan en la misma.

#Imágenes

Haz clic en una imagen y tienes tres opciones:

• Describe una imagen nueva y elige Generar imagen con IA (75 cr)
• Sube tu propio archivo
• Pide un cambio con palabras y luego Aplicar

Los espacios vacíos aparecen delineados y con la insignia Haz clic para añadir una imagen. En esos casos el panel se titula Añadir imagen.

#Cajas

Las tarjetas, los paneles con marco, las columnas de características y las filas de testimonios se pueden seleccionar como un todo. El panel dice Editar caja y acepta una instrucción: cambia el fondo de esta caja a amarillo, agrega un borde. Si la caja contiene una imagen, también tienes la opción de reemplazarla.

#Secciones completas

Haz clic en el fondo de una sección — en cualquier punto donde no haya un elemento bajo el cursor — y el panel pasa a actuar sobre la sección, con el título Editar sección. Al pasar el mouse sobre una sección aparece un contorno punteado, así que puedes ver cuándo estás a punto de obtener esto en lugar de un elemento.

Escribe lo que quieres y elige Aplicar a la sección. Solo cambia lo que pediste; el resto de la sección sobrevive.

#Pide cambios para todo el sitio en el chat

El panel de chat de abajo se encarga de todo lo que no es un solo elemento. Su texto de ejemplo resume bien lo que acepta:

• Tradúcelo al inglés
• Agrega una sección de testimonios — se agrega a la página que estás viendo
• Hazlo oscuro y lujoso — cambia el esquema de colores completo
• Cambia el fondo a un crema suave — cambia solo los colores que nombraste, y mantiene el texto legible
• Agrega mi Web Bot — pone tu burbuja de chat en el sitio

El chat también conserva la conversación original de antes de que se creara el sitio, así que puedes desplazarte hacia atrás y ver qué pediste.

#Deshacer

↶ Deshacer en la barra de herramientas retrocede por tus cambios: ediciones de elementos, reescrituras de secciones y cambios de estilo de todo el sitio por igual. No hay rehacer, así que deshaz de a un paso y revisa la vista previa.

#Borrar cosas

Tanto el panel de elemento como el de sección tienen un botón de papelera. Borrar pide confirmación y se puede revertir con Deshacer.

#Si una edición no se aplica