Cómo extraer estilos de un sitio web

Apunta Escher a cualquier página web y generará opciones de Page Style basadas en su apariencia: colores, tipografía, estilos de botones. Útil para que tu portafolio coincida con una página de inspiración o con tu propio sitio.

Esta función está disponible solo en el asistente drop, en el paso Page Design. No hay punto de entrada para extracción desde URL en la pestaña Settings → Page Styles (su única opción de importación de tema es el botón separado Import from Theme, que copia desde el tema activo de tu tienda, no desde una URL).

El proceso

1. En el paso Page Design del asistente, haz clic en From URL.
2. Pega la dirección web y envía (con el botón de marca de verificación o Enter). Se valida primero: debe parecer una dirección pública real (una palabra simple, una dirección localhost/127.0.0.1 o una URL file:// se rechazarán con una sugerencia).
3. Un indicador de carga se muestra mientras escaneamos la página y generamos opciones. Esto toma un tiempo; los mensajes cambian, y aparece una nota "taking a bit longer" si tarda demasiado. Puedes hacer clic en Cancel en cualquier momento: tu URL permanecerá en el campo.
4. Si es exitoso, verás un breve mensaje "Theme extracted!", seguido por el navegador de opciones.

Seleccionar un tema

La extracción devuelve varias opciones de tema generadas por IA, no un único resultado fijo.

• Navega por ellas con los puntos (o las flechas) debajo de la vista previa. El contador muestra "X of N".
• Haz clic en un punto para seleccionar esa opción: una marca de verificación verde indica la seleccionada.
• Haz clic en Save & Apply.

Save & Apply crea un nuevo preajuste de estilo llamado según el sitio de origen (por ejemplo, example.com Theme), lo aplica a la página de este drop y lo selecciona en tu lista de preajustes.

Después de guardar

Llegarás a una pequeña pantalla "Theme saved!" con dos opciones:

• Customize — abre el editor de marca con vista previa en vivo para que puedas ajustar colores, tipografía y más antes de continuar.
• Done — mantiene el preajuste tal como está y regresa al asistente.

Este editor es el editor de marca, no el formulario completo de Page Styles. Aún puedes editar el preajuste guardado más tarde desde la pestaña Settings → Page Styles.

Si cambias de opinión

Haz clic en Cancel en el navegador de opciones para descartar la extracción (confirma en el diálogo). Nada se guardará, y puedes extraer nuevamente desde la misma URL cuando lo desees.