Widgets de icono

Seleccione de una biblioteca de más de 1.000 iconos prediseñados o cargue su propio archivo SVG. Puede cambiar el color, efecto 'hover', fondo, borde y más elementos de icono. Use iconos para enfatizar su texto y equilibrar la disposición del sitio.

Para agregar el widget:

  1. En el panel izquierdo, haga clic en Widgets.
  2. Haga clic y arrastre el widget a su sitio.

Para obtener más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.

Nota
  • Se puede cambiar el tamaño de los archivos SVG sin pérdida de resolución.

  • Los SVG son archivos de imágenes que contienen código HTML, lo que significa que cuando usted agrega un icono de SVG a su sitio, también está agregando líneas de código. Los múltiples SVG complejos pueden agregar miles de líneas de código y hacer que su sitio se cargue lentamente. Si necesita usar varios iconos de SVG en la misma página, recomendamos convertir algunos de ellos en imágenes comunes (.png, .jpeg, etc.) para evitar problemas de carga o de funcionalidad.

Editor de contenido

Para acceder al editor de contenido, haga clic con el botón derecho en el widget y haga clic en Editar contenido.

  1. Haga clic en Elegir icono para seleccionar un icono prediseñado o haga clic en Cargar archivo SVG.
  2. Para vincular el ícono, haga clic en Vincular icono y seleccione la página con la que desea vincular el ícono.
  3. Escriba texto alternativo para el ícono. El texto alternativo permite que los motores de búsqueda reconozcan contenido de imagen. Utilice un texto que describa claramente la imagen.

  4. Escriba la Información sobre herramientas para el icono. El texto aparece cuando un visitante mantiene el cursor sobre la imagen.

Editor de diseño

Para acceder al editor de diseño, haga clic con el botón derecho en el widget y haga clic en Editar diseño.

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.

En el Editor de diseño, puede realizar cambios en la disposición del icono, ajustar su tamaño y color y cambiar el espaciado del widget.

Para que el icono sea un widget flotante, habilite el botón Flotante y seleccione una posición para el widget. Para mostrar el botón flotante solo en la página actual, habilite el botón Solo mostrar en esta página.