Vista previa y edición de sitios web en Alf Website Builder

En esta etapa, Alf te ofrece opciones para revisar y ajustar tu nuevo sitio web, y luego publicarlo:

  • Vista previa
    Al hacer clic en Vista previa, se activa el modo de vista previa en vivo, lo que te permite ver los cambios antes de publicar:


    También está disponible la opción de ver cómo se ve tu sitio web en pantalla completa:


    • Editar
      Esta opción te permite editar el sitio web manualmente. Por el momento, la lista de cambios que puedes hacer se limita a:

      • Dar formato a todo el contenido de texto (encabezados, párrafos, subtítulos) del sitio web. Para hacerlo, pasa el cursor sobre el elemento que te gustaría actualizar y realiza tus ajustes:


  • Imágenes
    Puedes regenerar una imagen usando IA. Para hacerlo, haz clic en la imagen deseada >> haz clic en el ícono de Alf >> ingresa una instrucción para la nueva imagen >> envía la instrucción. El sistema generará una nueva imagen para reemplazar la actual:



    Nota: Alf todavía no puede “ver” la imagen actual, así que describe en la instrucción exactamente cómo te gustaría que se viera la nueva imagen.

  • También puedes subir imágenes personalizadas (y usarlas en lugar de las generadas por Alf) haciendo clic en Upload debajo de la imagen existente. Puedes usar cualquier imagen que sea SVG, PNG, JPG o GIF y que no exceda los 5 MB de tamaño.


  • Temas y estilos
    Al hacer clic en Site Manager, puedes cambiar el tema del sitio web y personalizar la fuente y la paleta de colores:

  • Gestión de secciones
    Puedes reordenar y eliminar secciones del sitio web enmodo Editor. Haz clic en la sección deseada para mostrar tres botones de acción que te permiten:

    • Reordena las secciones usando las flechas Arriba y Abajo. Ten en cuenta que las flechas Arriba/Abajo están deshabilitadas para el encabezado y el pie de página.

    • Elimina una sección haciendo clic en el ícono de papelera.


    También puedes agregar una imagen de fondo para cada sección. Para hacerlo, haz clic en la sección y usa el botón correspondiente:


    La opción de imagen de fondo admite archivos de hasta 5 MB en formatos PNG, JPG, WEBP y JPEG.

Hay más opciones de personalización con IA disponibles al chatear con Alf:

  • Comandos globales de estilo: Puedes hacer solicitudes como "Haz que mi sitio web se vea moderno", "Cambia todas las fuentes a Arial", y así sucesivamente. 

  • Gestión de temas: Puedes pedir una lista de todos los temas disponibles y luego hacer que Alf los aplique. Si quieres mantener el mismo tema, pero hacer ajustes menores (a la paleta de colores o las fuentes), también puedes hacerlo.

  • Ajuste del tono del contenido: Puedes pedirle a Alf que ajuste el tono de tu texto para hacerlo más formal, casual o amigable. Estos cambios se pueden aplicar a todo el sitio. 

  • Modificaciones de elementos: Como se mencionó anteriormente, puedes hacer ediciones menores a colores específicos, tipografía y elementos del tema.

  • Generación de contenido: También puedes crear o regenerar texto e imágenes de forma individual para cualquier sección del sitio web.

  • Optimización del diseño: Si no estás seguro del diseño, puedes pedirle a Alf que reorganice las secciones de tu sitio web.

  • Gestión de secciones: También puedes agregar, eliminar y reordenar las secciones del sitio web tú mismo hasta que el sitio se alinee con tu visión.

  • Carga de imagen de fondo: Puedes subir tu propia imagen de fondo para personalizar la apariencia de tu sitio web.

Todo lo que necesitas hacer es describirle a Alf qué y dónde quieres cambiar, y ajustará el diseño del sitio web en consecuencia:


Los tres botones de la parte superior te permiten comprobar cómo se ve el sitio web en diferentes dispositivos (Desktop, Tablet y Mobile):


Un favicon (el pequeño ícono que aparece en las pestañas del navegador junto al nombre de tu sitio) se genera automáticamente con base en el logotipo de tu sitio web (y el logotipo siempre está presente de forma predeterminada):


Si estás en la etapa de ideación de tu nuevo sitio y quieres cambiar drásticamente la apariencia, la sensación o el caso de uso (por ejemplo, pasar de vender autos a una biografía de una sola página), te recomendamos iniciar una nueva conversación con Alf.

Se requiere un correo electrónico válido