L'intégration PDF native de Notion n'est qu'un défilement plat. Voici comment intégrer un véritable Flipbook 3D dans n'importe quelle page Notion : fonctionne sur les pages partagées, mobile et les offres Notion gratuites.
Par Franco Cirulli
Notion prend en charge l'intégration native des PDF, mais le résultat n'est qu'un aperçu plat et défilable. Pour un portfolio, un catalogue, un mood book de mariage ou une carte de restaurant—tout ce avec quoi vous voulez que vos visiteurs interagissent vraiment—cet aperçu plat brise la magie. La solution : intégrer plutôt un véritable Flipbook 3D. Les visiteurs découvrent un livre qu'ils feuillettent avec une physique de tournage de pages, et non un défilement vertical de pages statiques. Cela fonctionne sur les pages Notion gratuites, sur mobile et sur les sites Notion partagés. Ce guide vous accompagne à travers les étapes exactes. Trois minutes si votre PDF source est prêt.
Lorsque vous téléversez un PDF directement dans Notion, il apparaît soit comme un bloc fichier (un lien de téléchargement avec une minuscule vignette d'aperçu—les visiteurs doivent cliquer pour l'ouvrir, et la plupart ne le font pas), soit comme une intégration en ligne (Notion affiche le PDF sous forme de défilement vertical plat—fonctionnel mais sans relief, la même interface que l'aperçu de Google Drive).
Pour les documents internes d'équipe, cela convient. Pour les pages destinées à l'externe—votre site personnel construit sur Notion, votre page d'organisation de mariage partagée avec la famille, une page Notion utilisée comme portfolio—le PDF statique est une occasion manquée. Un Flipbook 3D vous offre un véritable livre interactif directement dans la page Notion. Les visiteurs le feuillettent avec une physique de tournage de pages pondérée, touchent des hotspots et zooment sur les doubles pages depuis leur téléphone.
L'offre gratuite affiche les visionneuses avec une petite pastille de marque i3dify dans le coin. Si cela vous dérange pour des pages destinées à vos clients, l'offre Pro à 3 $/mois la supprime.
Rendez-vous sur i3dify.com/free/pdf-to-3d-flipbook, inscrivez-vous (30 secondes, sans carte bancaire) et téléversez votre PDF. Les pages sont extraites côté client, votre fichier ne quitte donc pas votre appareil tant que vous ne choisissez pas de le publier. Personnalisez éventuellement la couleur de la couverture, le dock de liens cliquables (LinkedIn, e-mail, site web) et l'arrière-plan. Cliquez sur Publier.
Dans le panneau de partage, vous verrez l'URL de la visionneuse et le code d'intégration iframe. Pour Notion en particulier, vous n'avez besoin que de l'URL—pas du code iframe. Notion gère l'iframe en interne lorsque vous collez une URL reconnue.
Assurez-vous que votre projet est défini sur Public ou Non répertorié, et non sur Privé. Les projets privés nécessitent une authentification pour être consultés, ce qui casse l'intégration Notion.
Vous avez deux options. Option A (la plus fiable) : tapez /embed sur une nouvelle ligne, choisissez Intégrer dans le menu, collez l'URL i3dify dans la fenêtre, puis cliquez sur Intégrer le lien. Option B (collage direct) : collez l'URL sur une nouvelle ligne, un petit menu déroulant apparaît avec des options, choisissez Créer une intégration.
En 1 à 2 secondes, Notion récupère l'intégration et affiche un aperçu en direct directement dans votre page. Vous devriez voir le Flipbook 3D affiché en ligne, prêt à l'interaction.
L'intégration apparaît à une hauteur par défaut souvent trop faible. Faites glisser le bord inférieur vers le bas—600 à 800 pixels conviennent bien à la plupart des Flipbooks. Faites glisser les bords gauche ou droit pour définir la largeur. La largeur de colonne standard de Notion fonctionne bien ; si votre page utilise le Mode large ou un espace de travail personnalisé, laissez l'intégration occuper toute la largeur. Pour l'aligner d'un côté, faites glisser l'intégration dans l'un des blocs de colonnes de Notion.
Environ 70 % des visites Notion se font sur mobile en 2026. La visionneuse 3D s'adapte automatiquement aux commandes tactiles.
Application mobile Notion vs navigateur mobile : l'application native limite les interactions iframe plus agressivement qu'un navigateur mobile. Les utilisateurs de l'application mobile voient l'intégration fonctionner, mais avec un comportement tactile légèrement limité. Les utilisateurs de navigateur mobile (la majorité du trafic non authentifié) profitent de l'expérience complète.
Exports Notion : l'export HTML conserve l'iframe ; l'export PDF le remplace par un lien. Si vous distribuez une page Notion au format PDF, incluez l'URL i3dify à côté.
Couches de confidentialité : les contrôles de confidentialité de la page Notion déterminent qui peut voir le contenu Notion. La visibilité du projet i3dify détermine qui peut voir l'intégration. Pour une intégration entièrement privée (galerie client), utilisez les paramètres de partage de Notion ainsi que l'option Non répertorié avec mot de passe d'i3dify. Les deux couches fonctionnent ensemble.
i3dify s'intègre de la même manière dans WordPress, Webflow, Carrd, Framer et Squarespace. Les mécanismes diffèrent légèrement selon la plateforme, mais le côté i3dify reste identique : une URL, un iframe. Consultez ces guides d'intégration pour les détails.
Notion charge les intégrations de manière différée à mesure que le visiteur fait défiler. La visionneuse i3dify pèse environ 1 Mo au chargement initial et diffuse les pages à la demande, le TTFB de la page n'est donc pas affecté.
L'intégration hérite des contrôles d'accès de votre page Notion. Si la page Notion est privée, seuls les membres connectés la voient. Si vous souhaitez également protéger la visionneuse par mot de passe, définissez un mot de passe sur le projet i3dify.
Notion ne peut intégrer que les projets Public ou Non répertorié. Pour des visionneuses privées, utilisez l'intégration publique et protégez-la par mot de passe au niveau d'i3dify.
Les exports HTML de Notion incluent l'iframe d'intégration. Les exports PDF de Notion le remplacent par un lien. Pour une archive portable, partagez l'URL i3dify à côté du lien Notion.
Substack restreint les iframes dans les publications. Voici ce qui fonctionne pour intégrer des Flipbooks 3D dans les newsletters, ce qui ne fonctionne pas, et la solution de contournement que la plupart des auteurs utilisent.
Convertissez n'importe quel PDF en flipbook interactif en quelques minutes. Outil en ligne gratuit avec animation réaliste de tournage de pages.
Transformez votre contenu en expériences 3D immersives en quelques secondes.
Créer un Flipbook