Editar páginas con la IA

Los diseñadores web que tienen la capacidad Personalizar interfaz y esquema pueden pedir al panel de IA (véase El panel de IA) que trabaje en el sitio web: crear páginas, cambiar las páginas existentes y el pie de página, cambiar el estilo de los bloques, editar el menú y aplicar kits de marca. Esa capacidad está desactivada por defecto y es solo para administradores (véase Quién puede usar qué). La burbuja de IA también está en la barra superior de la vista previa del sitio web, así que puede abrir el panel mientras mira la página. Las mismas herramientas funcionan también dentro del editor del sitio web (véase La IA en el editor del sitio web).

El agente incluido Constructor web está configurado para ello: primero lee las páginas y los menús, propone cambios y nunca dice que algo está hecho antes de que usted lo confirme.

Ejemplos de peticiones:

• «En la página Sobre nosotros, acorte el primer título y haga que el botón apunte a la página de contacto».

• «Elimine el tercer bloque de la página de inicio y mueva las preguntas frecuentes al final».

• «Dé al bloque de precios una combinación de colores oscura y más espacio arriba y abajo».

• «Añada nuestro número de teléfono al pie de página».

Qué puede cambiar la IA

La IA lee una página (o el pie de página) como un esquema: sus bloques en orden y, en cada bloque, los títulos, párrafos, botones, enlaces, imágenes, iconos y elementos repetidos, como tarjetas o preguntas. Después envía una lista de operaciones, como máximo 50 a la vez, que se aplican juntas:

• cambiar un texto, o la dirección y la etiqueta de un enlace o un botón;

• sustituir una imagen y su texto alternativo, o la imagen de fondo de un bloque;

• eliminar, mover o duplicar un bloque, o un elemento dentro de un bloque (una tarjeta, una pregunta, una cifra);

• insertar un bloque nuevo del catálogo;

• fijar las opciones de un bloque (véase más abajo) y dar a un bloque un ancla para enlaces #anchor.

También puede crear páginas nuevas sin publicar, añadir un bloque a una página, añadir, renombrar y reordenar elementos de menú, aplicar un kit de marca y cambiar el CSS personalizado gestionado por la IA.

Nota

• El pie de página se edita como una página. El primer cambio de la IA hace una copia del pie de página para este sitio web, como hace el editor del sitio web cuando usted lo edita.

• Las páginas generadas por una aplicación (la tienda, el blog, las páginas de eventos…) y el encabezado no los edita la IA: cámbielos en el editor del sitio web.

• Cada operación indica el elemento que cambia. Si la página ha cambiado entretanto, la operación se rechaza y la IA vuelve a leer la página, de modo que nunca sobrescribe por error una versión más reciente.

Opciones de bloque

La IA da estilo a los bloques con las opciones que ofrece el propio editor del sitio web, no con CSS escrito a mano:

• combinación de colores (una de las cinco del sitio web, o ninguna);

• espacio encima y debajo del bloque;

• alineación del texto (inicio, centro, final);

• ancho (pequeño, normal, ancho completo) y alto (automático, media pantalla, pantalla completa);

• imagen de fondo, o ninguna;

• sombra y esquinas redondeadas de un bloque o de un elemento.

La IA usa, en este orden: textos, enlaces e imágenes; opciones de bloque; un kit de marca para los colores y las tipografías de todo el sitio; y CSS personalizado solo cuando nada más puede hacerlo.

Bloques de construcción

Las páginas nuevas y los bloques nuevos usan los propios bloques de construcción del sitio web. Para la IA se ha preparado un catálogo de 32 bloques con la finalidad de cada uno: portadas y banners, títulos y bloques de texto, texto con imagen, columnas, características y tarjetas, cifras, líneas de tiempo, pestañas, tablas de precios, miembros del equipo, citas, logotipos, galerías de imágenes y mosaicos, llamadas a la acción, preguntas frecuentes, información de contacto y un formulario de contacto. Si el tema tiene su propia versión de un bloque, se usa esa.

Cuando Permitir que la IA use todos los bloques está activado (el valor por defecto), la IA también puede usar todos los demás bloques del panel de bloques del sitio web, incluidos los del tema; sus textos e imágenes se detectan automáticamente. Nunca se ofrecen los bloques que muestran registros, incrustan otros sitios, ejecutan scripts o envían formularios. Desactive el ajuste para limitarse a los bloques seleccionados (véase Requisitos y ajustes).

Nota

El formulario de contacto envía sus mensajes a la dirección de correo electrónico de la empresa. Nunca crea registros de otras aplicaciones.

Imágenes

Una imagen nueva puede proceder de:

• una foto de archivo de Unsplash, cuando hay una clave de Unsplash en los ajustes del sitio web;

• una imagen generada por IA, cuando hay un modelo de imágenes configurado (véase Proveedores y modelos);

• una imagen pública de la biblioteca multimedia del sitio web, o una imagen adjunta a la conversación con la IA;

• una dirección de internet. El servidor la descarga con límites estrictos (solo direcciones públicas, 10 MB, 10 segundos, solo archivos de imagen) y la guarda como imagen del sitio web; nunca se enlaza desde el otro sitio.

Enlaces y CSS personalizado

• Enlaces. El constructor solo enlaza a páginas y anclas que existen en este sitio web, a sus propias direcciones absolutas, a direcciones de correo y a números de teléfono. Una ruta inventada o un enlace a otro sitio web se sustituye y se indica en la tarjeta; un elemento de menú que apunta a otro sitio web se rechaza. Un administrador puede levantar esta restricción con La IA puede añadir enlaces a otros sitios web (véase Requisitos y ajustes). Aun así, esos enlaces se siguen marcando en la tarjeta.

• CSS personalizado. La IA solo puede escribir reglas CSS simples entre sus propios marcadores en la hoja de estilos personalizada del sitio web; sus propias reglas fuera de los marcadores se conservan. El CSS puede aplicarse a todo el sitio, a una página o a un bloque: para una página o un bloque, cada regla se limita automáticamente a él, de modo que no puede cambiar otras páginas. Sass se rechaza (variables, interpolación y similares), al igual que las importaciones, los scripts, las funciones que CSS no conoce y las reglas arroba distintas de @media, @supports, @keyframes y @font-face. Un url() solo puede apuntar a imágenes y archivos estáticos de este sitio. El paquete de estilos del sitio web se compila con las nuevas reglas antes de guardar nada; si no compila, no se guarda nada y se muestra el error.

Tarjetas de confirmación

Los cambios del sitio web son públicos, por lo que siempre se proponen primero: el panel muestra una tarjeta que usted confirma o cancela (véase El panel de IA). Solo el modo de escritura Aplicar sin preguntar los aplica de inmediato; el modo mixto sigue preguntando. La tarjeta muestra el contenido completo del cambio, no un resumen: en las ediciones de página, cada operación con el texto antes y después; en los bloques nuevos, cada bloque con su título, textos, botones y sus destinos; los enlaces sustituidos; una nota cuando un bloque va a una página ya publicada y, en los cambios de CSS, el CSS completo. Un enlace a otro sitio web se marca en la tarjeta con el host al que lleva. El cambio se vuelve a comprobar cuando usted confirma.

Cada cambio aplicado queda registrado en los cambios de la IA y se puede deshacer (véase Cambios de la IA y deshacer). Cuando la comprobación visual está disponible, la IA puede mirar una captura de pantalla de la página después de un cambio grande (véase Comprobación visual).

Si un turno no tiene herramientas de construcción (falta la capacidad o usted no es diseñador web), el asistente le indica que falta la capacidad Personalizar interfaz y esquema o el derecho de diseñador web, que un administrador puede concederlo, y explica en su lugar la vía manual: editor de menús, páginas, modo de edición y ajustes del tema.