Cómo incrustar tu galería de fotos en un sitio web

Muestra las fotos de tu evento directamente en cualquier sitio web, blog o página de WordPress. Fotify genera un código de inserción que pegas en tu HTML, y la galería aparece con ajuste automático de tamaño, opciones de tema y dos modos de diseño: cuadrícula y carrusel.

Paso 1: Generar el código de inserción

Ve a Photos en la barra lateral
Haz clic en "Share Album" en la sección Actions
Activa "Public Album Access" si aún no está habilitado
Desplázate hacia abajo y activa "Embed on Website"
Aparecerá el generador de código de inserción

Primero necesitas compartir tu álbum antes de poder generar códigos de inserción.

Paso 2: Personalizar tu inserción

Antes de copiar el código, configura estas opciones:

Tema

Elige entre 10 temas visuales para que combine con tu sitio web:

Classic — Fondo blanco limpio con sombras sutiles
Dark — Fondo oscuro elegante con acentos brillantes
Minimal — Sin bordes, sin encabezado: solo tus fotos
Elegant — Tipografía serif con tonos cálidos y refinados
Modern — Tarjetas redondeadas y llamativas con encabezado degradado
Polaroid — Marcos de fotos nostálgicos con bordes blancos
Glass — Efecto de vidrio esmerilado con transparencia y desenfoque
Neon — Brillo vibrante con acentos eléctricos
Magazine — Diseño editorial con cuadrícula asimétrica
Sunset — Degradado cálido con ambiente de hora dorada

Diseño

Grid — Fotos mostradas en una cuadrícula adaptable (predeterminado). Puedes elegir entre 2 y 5 columnas.
Carousel — Una presentación que avanza automáticamente cada 4 segundos con flechas de navegación e indicadores de puntos. Compatible con las teclas de flecha del teclado.

Máximo de fotos

Limita cuántas fotos se muestran en la inserción. Elige "All" para desplazamiento infinito (modo cuadrícula) o el conjunto completo (modo carrusel).

Paso 3: Pegar el código

Haz clic en "Copy" para copiar el código de inserción
Pégalo en el editor HTML de tu sitio web

El código incluye un <iframe> y un pequeño script que ajusta automáticamente el tamaño del marco para adaptarse al contenido; no se necesita ninguna configuración adicional.

WordPress

En el editor de WordPress, añade un bloque de Custom HTML y pega el código de inserción.

Squarespace

Usa un Code Block o Embed Block y pega el código.

Wix

Usa el elemento HTML iframe (en "Embed") y pega el código.

Cualquier página HTML

Pega el código en cualquier lugar dentro de la etiqueta <body>. La galería se adapta automáticamente al ancho del contenedor.

Cómo funciona

La inserción carga tu álbum público dentro de un iframe
Las fotos se obtienen en tiempo real: las nuevas cargas aparecen automáticamente
El iframe ajusta su tamaño automáticamente para coincidir con la altura del contenido, de modo que no haya espacio desperdiciado
Al hacer clic en cualquier foto, se abre el álbum completo en una nueva pestaña
La inserción respeta la configuración de aprobación de tu álbum: solo se muestran las fotos aprobadas

Preguntas frecuentes

P: ¿Necesito actualizar el código de inserción cuando añado fotos nuevas? R: No. La inserción carga las fotos en tiempo real desde tu álbum. Las nuevas fotos aprobadas aparecen automáticamente.

P: ¿Puedo incrustar un álbum específico de mi evento? R: Sí, el código de inserción incluye el ID único de tu álbum. Si tienes varios álbumes, cada uno tiene su propio código de inserción.

P: ¿La inserción funciona en móviles? R: Sí, la galería es totalmente adaptable. Las columnas de la cuadrícula se ajustan automáticamente en pantallas más pequeñas, y el carrusel funciona con el gesto de deslizamiento.

P: ¿Los visitantes pueden subir fotos a través de la inserción? R: No, la inserción es solo de visualización. Para permitir que los visitantes suban fotos, comparte tu código QR o enlace de subida.

P: ¿La inserción ralentiza mi sitio web? R: No. La inserción usa loading="lazy", por lo que solo se carga cuando el visitante se desplaza hasta ella. Las fotos se sirven desde una CDN para una entrega rápida.

P: ¿Puedo cambiar el tema después de incrustarlo? R: Sí. El tema se establece mediante un parámetro de URL. Puedes regenerar el código de inserción con un tema diferente o cambiar manualmente el valor de theme= en la URL del iframe.

P: ¿Qué ocurre si desactivo el acceso público al álbum? R: La inserción mostrará un estado de error. Vuelve a habilitar el acceso público para restaurarlo.

P: ¿Hay una marca de agua "Powered by Fotify"? R: La mayoría de los temas muestran un pequeño pie de página con "Powered by Fotify". El tema minimal lo hace menos visible.