Estilizar con IA: Página de bienvenida estándar

Resumen

Estilizar con IA es una función en el editor estándar de páginas de bienvenida que aplica un estilo a una página de bienvenida a partir de la URL de un sitio web. Pegas la página de inicio (el sitio de tu cliente, su sitio de marca, donde sea que viva su identidad visual), y la IA extrae la página, selecciona los colores y fuentes de la marca, obtiene un logo y te los ofrece como sugerencias. Luego marcas las partes que quieres y las aplicas; nada cambia en la página de bienvenida hasta que lo hagas.

Está diseñado para acortar el ciclo de "abrir el manual de marca, copiar códigos hex uno a uno, buscar un logo" que de otro modo harías manualmente al configurar un cliente nuevo.

Esta guía cubre:

• Dónde encontrar el botón Estilizar con IA en el editor de páginas de bienvenida
• Cómo realizar una extracción a partir de la URL de una página de inicio
• Cómo interpretar las sugerencias y elegir qué aplicar
• Qué se cambia al aplicar y qué se deja sin modificar

Al final de esta guía podrás estilizar una página de bienvenida nueva desde una URL de marca en menos de un minuto.

Dónde encontrar Estilizar con IA

Abre la página de bienvenida que quieres estilizar desde la lista de páginas de bienvenida. Estilizar con IA está disponible en páginas de bienvenida estándar en el editor nuevo; no aparece en páginas de HTML personalizado ni en el editor legado. El botón Estilizar con IA se encuentra en la parte superior derecha del encabezado del editor, junto al botón Guardar.

Obtener estilos desde un sitio web

Haz clic en Estilizar con IA para abrir el modal de Estilizar con IA.

Pega una URL de página de inicio en el campo URL del sitio web.

Debe ser el sitio público principal de la marca — donde su logo, colores y fuentes estén visibles. Por ejemplo:

• https://www.nandos.co.uk
• https://www.greggs.co.uk
• https://www.pizzaexpress.com
   

Haz clic en Generar para iniciar la extracción.

Mientras la herramienta se ejecuta, verás una vista de progreso con cuatro pasos:

1. Obteniendo <hostname> — descargando la página
2. Leyendo la página — extrayendo las señales relevantes
3. Identificando colores y fuentes — seleccionando la paleta y la tipografía
4. Seleccionando el logo — eligiendo el mejor logo entre los candidatos encontrados en la página
    

Un mensaje debajo del título dice "Esto suele tardar entre 15 y 30 segundos." Si el sitio no cumple con las expectativas de la herramienta y la extracción supera los 30 segundos, el mensaje cambia a "Este es complicado – tomando un enfoque diferente." y se añade un quinto paso ("Probando un enfoque diferente") — este es un camino de respaldo normal, no un error.
 

Revisar las sugerencias

Cuando la extracción finalice, verás una vista resumen organizada en tres secciones — Colores, Fuentes y Logo. Cada sección muestra lo que está actualmente en la página de bienvenida a la izquierda y lo que la IA sugiere a la derecha.

El subtítulo de cada sección dice actual → sugerido para que puedas relacionar una fila con el espacio de la página de bienvenida que cambiará.

El encabezado de cada sección indica cuántos campos la IA sugiere cambiar y cuántos dejaría sin modificar. Por ejemplo:

• Colores · 6 cambios • 1 sin cambiar — seis espacios de color tienen una nueva sugerencia, uno ya coincide y no se modificará.
• Fuentes · 3 sin cambiar — los tres espacios de fuente coinciden con lo que está seleccionado actualmente.
• Logo — aparece cuando se encontró un logo y es diferente del que está actualmente en la página de bienvenida.

Elegir qué aplicar

Cada cambio sugerido tiene una casilla al inicio de la fila. Marca los cambios que quieres aplicar; desmarca lo que prefieras mantener tal cual.

• Las filas que están desmarcadas aparecen atenuadas para que puedas distinguir de un vistazo qué se aplicará y qué no.
• Las filas marcadas como Sin cambiar a la derecha no son seleccionables — la sugerencia de la IA ya coincide con lo que hay en la página de bienvenida.
• Usa Deseleccionar todo / Seleccionar todo en la parte superior de una sección para cambiar todas las filas de esa sección a la vez.

Cada fila de color muestra el valor hex actual (con su opacidad, si no es 100%) y el valor hex sugerido lado a lado con una muestra de color, para que puedas verificar la elección antes de aplicar.

Cada fila de fuente muestra la familia tipográfica actual y la familia sugerida — seleccionadas desde el sitio de la marca, con alternativas razonables en segundo plano.

La fila del logo muestra el logo actual y el sugerido como miniaturas. Si el nuevo logo es el mismo que el existente (no se encontró cambio), la fila muestra ambos lados iguales y no es editable.

Aplicar los cambios

Cuando estés satisfecho con lo que has marcado, haz clic en Aplicar en la parte inferior del modal. El modal se cierra y el editor de la página de bienvenida se actualiza con todos los cambios marcados aplicados — colores, fuentes y logo se actualizan a la vez en la vista previa en vivo.

Los cambios son locales hasta que haces clic en Guardar en el encabezado del editor — así que si quieres cancelar, solo cierra el editor sin guardar.