Elige entre una biblioteca de más de 1000 iconos predefinidos o sube tu propio archivo SVG. Puedes cambiar el color, la posición del cursor, el fondo, el borde y mucho más. Usa iconos para resaltar el texto y equilibrar el diseño de tu sitio web.
Para agregar el :
- Inicie sesión en su cuenta de Guesty .
- En la barra de navegación superior, haga clic en el selector de modo y seleccione Modode crecimiento .
- Haga clic en Distribución .
- Haga clic en la miniatura de Sitios web de Guesty .
- A la derecha del sitio web correspondiente, haga clic en Editar .
- En el panel izquierdo, haga clic en Widgets .
- Haga clic y arrastre el en su sitio.
Para más información sobre cómo agregar Para agregar a su sitio, consulte Agregar widgets .
Nota:
Los archivos SVG se pueden redimensionar sin perder resolución.
Los SVG son archivos de imagen que contienen código HTML. Esto significa que al añadir un icono SVG a tu sitio web, también añades líneas de código. Usar varios SVG complejos puede añadir miles de líneas de código y ralentizar la carga de tu sitio web. Si necesitas usar varios iconos SVG en la misma página, te recomendamos convertir algunos a imágenes normales (.png, .jpeg, etc.) para evitar problemas de carga o funcionalidad.
Editor de contenido
Para acceder al editor de contenido, haga clic derecho en el y haga clic en Editar contenido .
- Haga clic Elegir icono para seleccionar un icono ya creado, o haga clic en Subir archivo SVG .
- Para vincular el icono, haga clic en Icono de enlace y seleccione la página a la que desea vincular el icono.
Escriba el texto alternativo para el icono o haga clic en el Brillar (
) para usar el Asistente de IA y generar texto alternativo. Este texto permite que los motores de búsqueda reconozcan el contenido de la imagen. Usa texto que describa claramente la imagen.
Nota:
El texto alternativo generado por el Asistente de IA está en el mismo idioma que el idioma actual de la página.
El ícono Sparkle se desactivará si no se selecciona ningún ícono.
- Escriba un Información sobre herramientas para el icono. El texto de la información sobre herramientas se muestra cuando el usuario pasa el cursor sobre la imagen.
Editor de diseño
Para acceder al editor de diseño, haga clic derecho en el y haga clic en Editar diseño .
Para obtener información sobre las opciones de diseño que no son específicas de este (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets .
En el Editor de diseño , puede realizar cambios en el diseño de su icono, ajustar el tamaño y el color del icono y realizar cambios en el espaciado del widget.
Para convertir el ícono en un widget flotante, habilite la Flotante Alternar y seleccione una posición para el widget. Para mostrar el botón flotante solo en la página actual, active la opción Mostrar sólo en esta página palanca.