Comment ça marche ?
L'intégration utilise la technologie Iframe, un standard du web qui permet d'afficher du contenu externe en toute sécurité.
Récupérez le code
Allez dans les paramètres de votre album ou utilisez notre générateur pour obtenir votre code HTML unique.
Copiez-le
Copiez le bloc de code qui commence par <iframe...>. Il contient déjà tous les paramètres de style nécessaires.
Collez sur votre site
Collez le code dans l'éditeur HTML de votre site (WordPress, Wix, Shopify ou code pur). C'est tout !
Le code en détail
Voici un exemple de ce à quoi ressemble le code embed. Chaque paramètre est personnalisable pour s'adapter à votre design.
<iframe
id="photopartage-embed"
src="https://photopartage.com/embed/votre-token?theme=dark"
width="100%"
height="600"
style="border:none; border-radius: 12px; transition: height 0.3s ease;"
allow="fullscreen"
loading="lazy"
></iframe>
<script>
window.addEventListener('message', function(e) {
if (e.data.type === 'resize' && e.data.height) {
var iframe = document.getElementById('photopartage-embed');
if (iframe) { iframe.style.height = e.data.height + 'px'; }
}
}, false);
</script>L'URL unique de votre album. Vous pouvez y ajouter des paramètres comme ?theme=dark ou ?layout=grid.
Contrôlez l'espace occupé par la galerie. '100%' permet d'occuper toute la largeur disponible.
Indispensable pour la performance. La galerie ne se charge que lorsqu'elle devient visible à l'écran.
Un rendu parfait sur toutes les plateformes
Peu importe l'outil que vous utilisez pour votre site, l'intégration est compatible à 100%.
WordPress
Utilisez un bloc HTML personnalisé
Shopify
Intégrez dans vos pages produits
Webflow / Wix
Glissez un widget Embed / HTML
React / Next.js
Utilisez la balise iframe native
Les avantages de l'intégration
Mise à jour en temps réel : ajoutez une photo sur PhotoPartage, elle apparaît instantanément sur votre site.
Zéro maintenance : nous gérons l'hébergement, la bande passante et l'optimisation des images.
Design adaptatif : la galerie s'ajuste automatiquement aux dimensions de votre conteneur.
Performance garantie : chargement différé et images webp pour une vitesse éclair.
Sécurité totale : l'iframe isole le code de la galerie de votre site principal.
Multi-langues : la galerie s'adapte à la langue de votre visiteur.