Partager et intégrer votre flipbook

Partager et intégrer votre flipbook

Une fois votre flipbook publié, vous voudrez le mettre devant votre audience. ZenFlip vous offre plusieurs façons de partager et d'intégrer vos publications.

Partage par lien direct

Chaque flipbook publié obtient sa propre URL unique. Pour la trouver :

1. Ouvrez la publication depuis votre tableau de bord

2. Cliquez sur le bouton Partager

3. Copiez le lien direct

Le format de l'URL est : https://zenflip.io/view/slug-de-votre-publication

Si vous avez configuré un domaine personnalisé, le lien utilisera votre domaine à la place. Vous pouvez partager ce lien partout — e-mail, applications de messagerie, réseaux sociaux ou documents.

Partage social

Lorsque vous partagez le lien de votre flipbook sur les réseaux sociaux ou les plateformes de messagerie, ZenFlip génère automatiquement une carte d'aperçu enrichie avec :

• Le titre de votre flipbook

• La description que vous avez définie dans les paramètres de publication

• Une miniature de la page de couverture

Pour les meilleurs aperçus sociaux, assurez-vous d'avoir ajouté un titre descriptif et une description dans vos paramètres de publication.

Intégration sur votre site web

L'intégration vous permet de placer votre flipbook directement sur une page web afin que les visiteurs puissent le lire sans quitter votre site. ZenFlip propose deux méthodes d'intégration.

Option 1 : Intégration iFrame

La méthode iframe est la plus simple pour intégrer. Elle fonctionne sur pratiquement tous les sites web, CMS ou constructeurs de pages d'atterrissage.

1. Ouvrez la publication depuis votre tableau de bord

2. Cliquez sur Partager puis sélectionnez l'onglet Intégrer

3. Choisissez iFrame comme type d'intégration

4. Définissez la largeur et la hauteur souhaitées (ou conservez les valeurs par défaut)

5. Cliquez sur Copier le code

6. Collez le code dans le HTML de votre site web

Le code généré ressemble à ceci :

`html <iframe src="https://zenflip.io/embed/slug-de-votre-publication" width="100%" height="600" frameborder="0" allowfullscreen> </iframe> `

Conseils pour les intégrations iframe :

• Utilisez width="100%" pour rendre le flipbook responsive

• Définissez une hauteur adaptée au format de votre publication (600px fonctionne bien pour la plupart des documents)

• Ajoutez allowfullscreen pour que les lecteurs puissent passer en mode plein écran

Option 2 : Intégration par widget JavaScript

Le widget JS vous donne plus de contrôle sur l'apparence et le comportement de la visionneuse. Il se charge de manière asynchrone et offre une intégration plus riche.

1. Ouvrez la publication depuis votre tableau de bord

2. Cliquez sur Partager puis sélectionnez l'onglet Intégrer

3. Choisissez Widget JavaScript comme type d'intégration

4. Personnalisez les options du widget (taille, lecture automatique, page de départ)

5. Cliquez sur Copier le code

6. Collez le code dans votre site web

Le widget JS inclut une balise <script> et un <div> conteneur. Il charge la visionneuse dynamiquement et offre de meilleures performances qu'un iframe standard, surtout pour les pages avec plusieurs intégrations.

Quelle méthode d'intégration choisir ?

Notre recommandation : Utilisez l'iframe si vous avez besoin d'une solution rapide et universelle. Utilisez le widget JS si vous voulez plus de contrôle ou prévoyez d'intégrer plusieurs flipbooks sur une seule page.

Intégration dans les plateformes courantes

WordPress

Collez le code iframe ou widget JS dans un bloc HTML personnalisé de l'éditeur de blocs WordPress (Gutenberg).

Squarespace

Utilisez un Bloc de code dans l'éditeur Squarespace et collez votre code d'intégration.

Webflow

Ajoutez un élément Embed à votre page et collez le code.

Notion

Notion prend en charge nativement les intégrations iframe. Collez le lien direct de votre flipbook et Notion proposera automatiquement de créer une intégration.

Flipbooks protégés par mot de passe

Si votre flipbook utilise la protection par mot de passe, les visionneuses intégrées demanderont au lecteur d'entrer le mot de passe avant d'afficher le contenu. Le même mot de passe que celui défini dans les paramètres de publication s'applique aux liens directs comme aux intégrations.

Dépannage des intégrations

Si votre intégration ne s'affiche pas correctement :

• Assurez-vous que la publication est définie sur Public ou Protégé par mot de passe (les publications privées ne peuvent pas être intégrées)

• Vérifiez que votre site web autorise les iframes provenant de domaines externes

• Vérifiez que le code d'intégration a été collé dans un bloc HTML, pas dans un éditeur de texte enrichi

• Consultez notre guide Dépannage de la visionneuse de flipbook pour plus d'aide