# Widget de imagen

Las imágenes realzan **el atractivo visual** y mejoran la interacción en su sitio. Para agregar una imagen:

* **Ir a Widgets** – Abre el **panel de Widgets** en tu editor.
* **Seleccione "Imagen"** – Localice el **widget de imagen** y añádelo a tu página.

Una vez añadida, puede **cambiar el tamaño, ajustar la posición y aplicar estilos** para que coincida con el diseño de su sitio web sin esfuerzo!.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/Gshj9qDtquymxy7Ormn8/Group%201171279106.png" alt=""><figcaption></figcaption></figure>

Si se pregunta cómo agregar imágenes a su administrador de archivos, toque el enlace abajo

{% content-ref url="../constructor-de-sitios-web/como-usar-tu-administrador-de-archivos" %}
[como-usar-tu-administrador-de-archivos](https://buildersupport.gitbook.io/help-docs/es/plataforma/constructor-de-sitios-web/como-usar-tu-administrador-de-archivos)
{% endcontent-ref %}

### Edición de imágenes

Una vez que haya seleccionado su imagen y la haya colocado en la página, diríjase a la pestaña de configuración de la imagen. Aquí puede agregar descripciones de la imagen 'geniales para SEO', sombras, subtítulos de imagen y llamadas a la acción.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/Q9nkrZ7iy1yUnykJW21a/image%20editing.PNG" alt=""><figcaption></figcaption></figure>

### Subtítulos de imagen

Agregar subtítulos le permite hacer muchas cosas, desde mostrar cuadros de texto hasta añadir un enlace de llamada a la acción. Ideal si quiere explicar más sobre la imagen o el servicio.&#x20;

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/NqSkz7oAUVADgsLhRg1W/image%20captions.PNG" alt=""><figcaption></figcaption></figure>

### Edición de subtítulos

Puede realizar numerosas ediciones a los subtítulos si desea añadir más identidad de marca o simplemente mover la barra de subtítulo a una posición preferida.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/fudG3PYu5j5Vs2ukWjvB/image%20caption%20add%20editing.PNG" alt=""><figcaption></figcaption></figure>

### Agregar enlaces

Agregar un **enlace** o **cuadro de luz** a su imagen le permite dirigir a sus visitantes del sitio web donde desee, ya sea a otra página, a un producto de comercio electrónico o a cualquier paso en un embudo.

El **cuadro de luz** opción es un efecto visual. Cuando un visitante pasa el cursor sobre la imagen o hace clic en ella, ésta resaltará. &#x20;

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/qHr2Do7lX5uLZEJey5Ve/image%20caption%20cta.PNG" alt=""><figcaption></figcaption></figure>
