Cómo usar el Widget de Imagen

Agrega y personaliza imágenes en tus embudos con el widget de imagen. Controla estilos, enlaces y organiza todo desde el administrador de archivos.

El widget de imagen en 3Pod te permite mostrar gráficos visuales importantes como:

  • Fotos de productos

  • Logos

  • Testimonios visuales

  • Portadas o banners

  • Capturas de pantalla

  • Infografías y más

Este widget es muy flexible y puedes adaptarlo a tu diseño de forma visual e intuitiva.

📌 Parte 1: Usar el Widget de Imagen

📍 Pestaña "General"

Aquí puedes subir o seleccionar la imagen que deseas mostrar:

  • Imagen: Haz clic para abrir el administrador de archivos y seleccionar una imagen.

  • Tamaño (Ancho / Alto): Ajusta en porcentaje o píxeles. Por ejemplo, 100% hará que la imagen se adapte al ancho del contenedor.

  • Adaptar:

    • Contener: La imagen se ajusta para que se vea completa sin recortes.

    • Cubrir: La imagen se recorta para llenar todo el espacio asignado.

  • Capa superpuesta: Agrega una capa semitransparente encima de la imagen (útil para texto encima).

  • Leyenda personalizada: Agrega un pequeño texto debajo de la imagen.

  • Lightbox: Activa para que al hacer clic la imagen se abra en grande (efecto galería).

  • Insertar enlace: Convierte la imagen en un botón visual (por ejemplo, redirigir a otro embudo o sitio).

  • Descripción para SEO: Mejora la accesibilidad y el posicionamiento web describiendo la imagen.


🎨 Pestaña "Estilo"

  • Leyenda: Personaliza cómo se ve el texto debajo de la imagen (color, tipografía, tamaño).

  • Sombra: Añade sombra para dar profundidad.

  • Borde: Define si la imagen tiene borde, su grosor y color.


⚙️ Pestaña "Avanzado"

  • Animación: Aplica efectos visuales al aparecer la imagen.

  • Posición: Ajusta márgenes o alineación.

  • CSS Personalizado: Para usuarios avanzados que quieran aplicar código extra.


📁 Parte 2: Usar el Administrador de Archivos

El Administrador de Archivos en 3Pod te permite subir, organizar y seleccionar todas las imágenes de tu embudo o tienda.

📤 Subir y Gestionar Imágenes

  1. Haz clic en cualquier espacio de imagen dentro del widget.

  2. Se abrirá el Administrador de Archivos.

  3. Pulsa “Subir archivo” para cargar una nueva imagen desde tu computadora.

  4. Todas las imágenes se guardan automáticamente en la carpeta Principal (puedes crear más carpetas si lo deseas).

🗂️ Organiza por carpetas

  • Puedes crear carpetas con el botón “+” y darles nombre (ej: logos, productos, banners).

  • Así mantienes tu galería ordenada y fácil de gestionar.

⚙️ Opciones por imagen (3 puntitos)

  • Ver detalles: Mira dimensiones y nombre del archivo.

  • Copiar URL: Útil si necesitas enlazar directamente esa imagen.

  • Eliminar: Borra la imagen del sistema.


💡 Buenas Prácticas

  • Usa imágenes en buena resolución pero optimizadas para web (evita archivos muy pesados).

  • Usa nombres descriptivos en archivos para SEO.

  • Activa "Lightbox" solo si quieres que la imagen se amplíe al hacer clic.

  • Aprovecha las capas superpuestas para poner texto encima con mejor legibilidad.

Última actualización