Medios: imagen

En el Page Builder panel, expandir Media y arrastre un Image marcador de posición al contenedor de destinatario.

Puede agregar una imagen a una fila, columna o pestaña. En el ejemplo siguiente, la imagen se arrastra a una columna vacía.

{width="600" modal="regular"}

Utilice uno de los siguientes métodos para agregar el recurso de imagen:

{width="500" modal="regular"}

• ​ Cargar una nueva imagen ​: utilice este método para cargar un nuevo archivo de imagen desde el sistema.

  • Haga clic Upload Image.

  • Busque y elija la imagen para agregarla a la galería y al contenedor de destino.

  Como alternativa, también puede arrastrar un archivo de imagen desde el sistema y soltarlo en la Cámara ( {width="20"} ) icono.

• ​ Seleccionar un recurso existente ​: utilice este método para seleccionar un recurso de imagen existente del almacenamiento/galería de medios.

  • Haga clic Select from Gallery.

  • Utilice el árbol para desplazarse a la imagen.

  • Haga clic en la miniatura y en Add Selected.

    {width="600" modal="regular"}

• ​ Busque y seleccione una imagen de Adobe Stock ​: utilice este método para buscar una imagen de Adobe Stock.

  note note
  NOTE
  Este método requiere un Integración de Adobe Stock configurado para el administrador.

  • Clic Search Adobe Stock y busque una imagen.

  • Guarde la vista previa o la imagen con licencia en la galería.

    Consulte Uso de imágenes de Adobe Stock para obtener más información sobre cómo trabajar con recursos de Adobe Stock.

  • Seleccione la miniatura del recurso en la galería y haga clic en Add Selected.

La imagen aparece en el contenedor de destino en la ubicación del marcador de posición. A diferencia de una imagen de fondo, puede mover la imagen a una posición diferente dentro del contenedor actual o a un contenedor diferente.

{width="500" modal="regular"}

Pase el ratón sobre el contenedor de imágenes para mostrar el cuadro de herramientas y seleccione la opción Configuración ( {width="20"} ) icono.
El nombre, las dimensiones y el tamaño del archivo aparecen debajo de la imagen actual.

{width="600" modal="regular"}

Para cambiar el Image, realice una de las siguientes acciones:

• ​ Cargar una nueva imagen ​: utilice este método para cargar un nuevo archivo de imagen desde el sistema.

  • Haga clic Upload Image.

  • Busque y elija la imagen para agregarla a la galería y al contenedor de destino.

• ​ Seleccionar un recurso existente ​: utilice este método para seleccionar un recurso de imagen existente del almacenamiento/galería de medios.

  • Haga clic Select from Gallery.

  • Utilice el árbol para desplazarse a la imagen.

  • Haga clic en la miniatura y en Add Selected.

    {width="600" modal="regular"}

• Busque y seleccione una imagen de Adobe Stock: utilice este método para buscar una imagen de Adobe Stock.

  note note
  NOTE
  Este método requiere un Integración de Adobe Stock configurado para el administrador.

  • Clic Search Adobe Stock y busque una imagen.

  • Guarde la vista previa o la imagen con licencia en la galería.

    Consulte Uso de imágenes de Adobe Stock para obtener más información sobre cómo trabajar con recursos de Adobe Stock.

  • Seleccione la miniatura del recurso en la galería y haga clic en Add Selected.

Para agregar un Mobile Image, utilice los mismos métodos descritos en el paso anterior para seleccionar una imagen para utilizarla en la visualización en dispositivos móviles.

{width="600" modal="regular"}

Si es necesario, especifique un Link para la imagen.

El vínculo es la página de destino que aparece cuando el cliente hace clic en la imagen. Puede utilizar uno de los tres tipos de vínculos:

• URL : Vínculos a una dirección URL relativa o completa.

• Product : identifica la página de destino según el nombre del producto o el SKU. Busque el producto por nombre en función de un nombre parcial o completo. Elija el producto de la lista de resultados de búsqueda.

  {width="600" modal="regular"}

• Category : identifica la página de destino como una categoría o subcategoría específica en el árbol de categorías. Busque la categoría en función de un nombre parcial o completo. Elija la categoría de la sección expandida del árbol mostrado.

  {width="600" modal="regular"}

• Page : identifica la página de destino como una página de contenido específica. Busque la página en función de un nombre parcial o completo. Elija la página en la lista de resultados de la búsqueda.

  {width="600" modal="regular"}

Si desea evitar que el visitante salga de su tienda, seleccione la opción Open in new tab casilla de verificación Cuando se desactiva la casilla de verificación, el destino vinculado se abre en la misma pestaña del explorador, lo que podría sacar al visitante de la tienda.

Para agregar un Image Caption, introduzca el texto que desea que aparezca debajo de la imagen.

El formato del pie de ilustración viene determinado por la hoja de estilo asociada a la temática actual.

El pie de ilustración suele aparecer debajo de la imagen y proporciona información sobre la imagen para visitantes y motores de búsqueda. Si el sitio está disponible en varios idiomas, puede utilizar la misma imagen, pero traducir el pie de ilustración. En HTML, la variable <figcaption> es un subconjunto de la etiqueta <figure> etiqueta. <figcaption>This is the image caption</figcaption>

Actualice cualquiera de las otras opciones según sea necesario:

• Optimización del motor de búsqueda
• Avanzadas

Cuando termine, haga clic en Save para aplicar la configuración de y volver a Page Builder workspace.

Pase el ratón sobre el contenedor de imágenes para mostrar el cuadro de herramientas y elegir la Mover ( {width="20"} ) icono.

{width="500" modal="regular"}

Seleccione y arrastre la imagen a la nueva posición, justo debajo de la guía roja.

{width="500" modal="regular"}

Pase el ratón sobre el contenedor de imágenes para mostrar el cuadro de herramientas y elegir la Eliminar ( {width="20"} ) icono.

Cuando se le pida que confirme, haga clic en OK.