Nota: esta guía se refiere al editor de páginas más reciente disponible con Website Builder y Kajabi Pages. Si están usando las plantillas heredadas de Premier, consulten la guía aquí.
Cómo agregar un bloque de imagen
Usen imágenes para ayudar a definir el tono de su sitio, mostrar su personalidad, y exhibir lo que su negocio tiene para ofrecer.Para agregar un bloque de imagen a su página:
- Abran la pestaña Website desde su Dashboard.
- Seleccionen Website Pages o Landing Pages.
- Abran el editor de páginas de su página. Aprendan más
- Hagan clic en la sección que quieren editar o creen una nueva sección.
- En la barra lateral, hagan clic en Add Content.
- En la lista, seleccionen Image.
- Su nuevo bloque de imagen se generará al final de la sección.
- Suban un archivo nuevo o un archivo reciente para mostrar su imagen en el bloque.
- Hagan clic en Save para guardar sus cambios:
Cómo personalizar su bloque de imagen
Con Kajabi, personalicen la apariencia de la imagen subida tal como se muestra en su página con las diversas funciones de personalización. Aprendan a personalizar sus imágenes con Adobe Express. En un bloque de imagen, pueden:- Personalizar el ancho del bloque
- Seleccionar la imagen que se muestra
- Configurar una acción de imagen
- Ajustar el ancho de la imagen
- Agregar un pie de foto
- Incluir un atributo alt de la imagen
- Crear una galería para sus imágenes en la sección
- Personalizar la apariencia del bloque con la configuración de su bloque de imagen
Seleccionar imagen
Seleccionen la imagen que se muestra en el bloque de imagen:- Subiendo un archivo nuevo
- Seleccionando un archivo reciente
Acción de imagen
Seleccionen una acción de imagen para activar una acción después de hacer clic en la imagen (dejen esto en blanco si quieren desactivar la acción de imagen). La acción de imagen se puede usar para:- Llevar a un visitante a una landing page personalizada
- Generar una venta llevando al Checkout
- Animar a su audiencia a descargar un archivo
- Llevar a cualquier página del sitio web con un enlace URL
- Abrir un popup de suscripción en dos pasos
- Funcionar como un enlace de anclaje que lleva a una sección de la página
Nota: marcar Add to Section Gallery desactivará la configuración de acción de imagen para habilitar únicamente su galería de sección al hacer clic. Esto significa que sus imágenes se expandirán a tamaño completo al hacer clic, para una experiencia de visualización mejorada tipo “galería” para los visitantes de su sitio.
Ancho de imagen
El bloque de imagen se puede personalizar para:- Cambiar el ancho del bloque
- Cambiar el ancho de la imagen dentro del bloque
Pie de foto
El pie de foto se muestra debajo de su imagen cuando se hace clic en ella y se expande a tamaño completo para que sus visitantes vean la imagen en su galería de sección. Su galería de sección se puede activar marcando Add to Section Gallery hacia el final del editor.Atributo alt de la imagen
Agreguen un atributo alt de la imagen para SEO o en caso de que la imagen no se pueda mostrar.Abrir en una pestaña nueva
Activen Open in New Tab para abrir una pestaña separada cuando se hace clic en su imagen, llevando al destino especificado en la configuración de acción de imagen.Agregar a la galería de sección
Agreguen la imagen a la galería de sección para una experiencia de visualización mejorada tipo “galería” para los visitantes de su sitio. Esto significa que su imagen se expandirá a tamaño completo al hacer clic, y sus visitantes podrán navegar fácilmente por las imágenes de la sección:Configuración del bloque
Para ajustar la apariencia del bloque, configuren la configuración de su bloque personalizando:- Fondo
- Diseño de escritorio y móvil
- Superposición
- Animaciones
- Revelación por tiempo
Configuración de bloque de superposición
¿Qué es una superposición? Una superposición cambia la apariencia de su imagen para ayudar a comunicar un mensaje a sus visitantes. Esto se puede hacer mostrando un color de superposición o incluyendo texto que aparezca encima de su imagen.- Show Overlay on Hover: muestra un color de superposición y/o texto cuando su visitante pasa el cursor sobre la imagen.
- Always Show on Mobile: muestra siempre la superposición cuando se ve en un dispositivo móvil.
- Overlay Background Color & Text Color: personalicen la apariencia general (color y texto) de su configuración de superposición si eligen activarla.
- Overlay Text: muestra un mensaje personalizado como superposición para su imagen.