Comment intégrer votre galerie photo sur un site web

Affichez les photos de votre événement directement sur n’importe quel site web, blog ou page WordPress. Fotify génère un code d’intégration que vous collez dans votre HTML, et la galerie s’affiche avec redimensionnement automatique, options de thème et deux modes de mise en page : grille et carrousel.

Étape 1 : Générer le code d’intégration

Allez dans Photos dans la barre latérale
Cliquez sur "Partager l’album" dans la section Actions
Activez "Accès public à l’album" si ce n’est pas déjà le cas
Faites défiler vers le bas et activez "Intégrer sur un site web"
Le générateur de code d’intégration apparaîtra

Vous devez d’abord partager votre album avant de pouvoir générer des codes d’intégration.

Étape 2 : Personnaliser votre intégration

Avant de copier le code, configurez ces options :

Thème

Choisissez parmi 10 thèmes visuels pour correspondre à votre site web :

Classique — Fond blanc épuré avec des ombres discrètes
Sombre — Fond sombre élégant avec des accents lumineux
Minimal — Sans bordure, sans en-tête — uniquement vos photos
Élégant — Typographie avec empattements et tons chaleureux et raffinés
Moderne — Cartes arrondies audacieuses avec en-tête en dégradé
Polaroid — Cadres photo nostalgiques avec bordures blanches
Verre — Effet verre dépoli avec transparence et flou
Néon — Lueur vive avec des accents électriques
Magazine — Mise en page éditoriale avec grille asymétrique
Coucher de soleil — Dégradé chaleureux avec une ambiance « golden hour »

Mise en page

Grille — Photos affichées dans une grille responsive (par défaut). Vous pouvez choisir entre 2 et 5 colonnes.
Carrousel — Un diaporama qui avance automatiquement toutes les 4 secondes, avec flèches de navigation et indicateurs par points. Prend en charge les touches fléchées du clavier.

Nombre max. de photos

Limitez le nombre de photos affichées dans l’intégration. Choisissez "Toutes" pour le défilement infini (mode grille) ou l’ensemble complet (mode carrousel).

Étape 3 : Coller le code

Cliquez sur "Copier" pour copier le code d’intégration
Collez-le dans l’éditeur HTML de votre site web

Le code inclut un <iframe> et un petit script qui redimensionne automatiquement le cadre pour s’adapter au contenu — aucune configuration supplémentaire n’est nécessaire.

WordPress

Dans l’éditeur WordPress, ajoutez un bloc HTML personnalisé et collez le code d’intégration.

Squarespace

Utilisez un bloc Code ou un bloc Intégration et collez le code.

Wix

Utilisez l’élément HTML iframe (dans "Intégrer") et collez le code.

N’importe quelle page HTML

Collez le code n’importe où à l’intérieur de la balise <body>. La galerie s’adapte automatiquement à la largeur du conteneur.

Fonctionnement

L’intégration charge votre album public dans un iframe
Les photos sont récupérées en temps réel — les nouveaux envois apparaissent automatiquement
L’iframe se redimensionne automatiquement pour correspondre à la hauteur du contenu, afin d’éviter tout espace perdu
Un clic sur n’importe quelle photo ouvre l’album complet dans un nouvel onglet
L’intégration respecte les paramètres d’approbation de votre album — seules les photos approuvées sont affichées

Foire aux questions

Q : Dois-je mettre à jour le code d’intégration lorsque j’ajoute de nouvelles photos ? A : Non. L’intégration charge les photos en temps réel depuis votre album. Les nouvelles photos approuvées apparaissent automatiquement.

Q : Puis-je intégrer un album spécifique de mon événement ? A : Oui, le code d’intégration inclut l’ID unique de votre album. Si vous avez plusieurs albums, chacun dispose de son propre code d’intégration.

Q : L’intégration fonctionne-t-elle sur mobile ? A : Oui, la galerie est entièrement responsive. Les colonnes de la grille s’ajustent automatiquement sur les écrans plus petits, et le carrousel fonctionne avec le balayage tactile.

Q : Les visiteurs peuvent-ils envoyer des photos via l’intégration ? A : Non, l’intégration est en lecture seule. Pour permettre aux visiteurs d’envoyer des photos, partagez votre code QR ou le lien d’envoi.

Q : L’intégration ralentit-elle mon site web ? A : Non. L’intégration utilise loading="lazy", ce qui fait qu’elle ne se charge que lorsque le visiteur fait défiler la page jusqu’à elle. Les photos sont servies via un CDN pour une diffusion rapide.

Q : Puis-je changer le thème après l’intégration ? A : Oui. Le thème est défini via un paramètre d’URL. Vous pouvez soit régénérer le code d’intégration avec un autre thème, soit modifier manuellement la valeur theme= dans l’URL de l’iframe.

Q : Que se passe-t-il si je désactive l’accès public à l’album ? A : L’intégration affichera un état d’erreur. Réactivez l’accès public pour le restaurer.

Q : Y a-t-il un filigrane "Powered by Fotify" ? A : La plupart des thèmes affichent un petit pied de page "Powered by Fotify". Le thème minimal le rend moins visible.