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.
Par Franco Cirulli
L'éditeur de Substack ne prend pas en charge les intégrations iframe arbitraires. C'est un choix délibéré de la plateforme—Substack veut un contenu livrable par e-mail qui s'affiche de façon cohérente dans tous les clients de messagerie, et les iframes se cassent dans la plupart d'entre eux. Vous ne pouvez donc pas coller un code d'intégration de Flipbook 3D directement dans une publication Substack et l'afficher en ligne. Cela prend de court beaucoup d'auteurs de newsletters lorsqu'ils tentent d'intégrer une pièce de portfolio, un lookbook numérique ou un document complémentaire approfondi.
Il existe une solution de contournement qui fonctionne bien en pratique, et elle ne nécessite pas de quitter Substack. Voici exactement ce qui fonctionne, ce qui ne fonctionne pas, et comment les auteurs de newsletters Substack dans la fourchette de 1 000 à 50 000 abonnés utilisent les Flipbooks 3D i3dify aux côtés de leurs publications. Si vous êtes plutôt sur Ghost ou Beehiiv, l'intégration iframe native y fonctionne—passez directement à la section sur la solution de contournement si vous êtes spécifiquement sur Substack.
La contrainte est claire : vous ne pouvez pas afficher en ligne un Flipbook 3D dans le corps de la publication Substack. Ce que vous POUVEZ faire, c'est renvoyer vers le Flipbook 3D hébergé en externe depuis l'intérieur de la publication, en utilisant soit une image qui ouvre le Flipbook au clic, soit un bouton natif de Substack. Les deux approches fonctionnent—la plupart des auteurs choisissent l'approche par image, car elle offre au lecteur un aperçu visuel.
Étape 1 : créez votre Flipbook 3D sur i3dify. Téléversez votre PDF, votre jeu d'images ou votre document. Choisissez le type de visionneuse Flipbook. Personnalisez la couverture, enregistrez le projet. Copiez l'URL publique.
Étape 2 : prenez une capture d'écran de la page de couverture du Flipbook (ou utilisez la vignette générée automatiquement par i3dify dans votre tableau de bord). Elle devient l'image en ligne de votre publication Substack—elle sert d'aperçu visuel pour que les lecteurs sachent ce qu'ils obtiendront en cliquant.
Étape 3 : dans l'éditeur de Substack, insérez l'image. Cliquez sur l'image pour faire apparaître l'option d'habillage de lien. Collez l'URL du Flipbook i3dify comme cible du lien. Les lecteurs qui touchent l'image dans l'e-mail ou la publication web ouvrent le Flipbook 3D complet dans un nouvel onglet. Les clients de messagerie mobiles affichent l'image en ligne, le clic ouvre le Flipbook dans le navigateur du téléphone, le Flipbook fonctionne.
Ajoutez une fine légende sous l'image, du type « Cliquez pour ouvrir la version interactive → », afin que les lecteurs sachent que l'image est cliquable. Le style d'image-lien de Substack est discret, et sans la légende, de nombreux lecteurs ne réalisent pas qu'il y a une destination derrière l'image. La légende augmente le taux de clic d'environ 2 à 3 fois dans nos tests.
Si vous gérez une offre payante Substack, le Flipbook 3D devient un livrable réservé aux abonnés payants : vous réglez l'URL du Flipbook sur « protégé par mot de passe » (fonctionnalité i3dify Pro), vous ne partagez le mot de passe qu'avec les abonnés payants via la publication Substack, et le contenu verrouillé devient une raison perceptible de passer à l'offre payante. Les auteurs qui utilisent ce schéma constatent une hausse de 12 à 25 % de la conversion du gratuit vers le payant lorsque la publication payante inclut une pièce interactive verrouillée.
Le schéma fonctionne parce que le verrou de contenu payant natif de Substack ne masque que le texte et les images, pas les « expériences interactives exclusives ». Un Flipbook 3D verrouillé par mot de passe se lit, pour les lecteurs, comme une catégorie de contenu différente de la publication payante elle-même—quelque chose de plus substantiel. Le contenu réel peut avoir la même profondeur qu'une publication payante normale ; c'est le format qui change la perception.
Certains auteurs tentent de simuler l'expérience du Flipbook en téléversant 5 à 10 captures d'écran des pages du Flipbook comme images en ligne dans la publication Substack. Cela fonctionne visuellement mais perd la raison pour laquelle les lecteurs interagissent avec le Flipbook au départ—l'animation de tournage, le geste de balayage, la sensation de parcourir un document plutôt que de faire défiler 10 images. Ne faites pas cela. L'approche image de couverture + lien est meilleure ; l'approche captures d'écran comme pages est pire que de simplement renvoyer vers l'extérieur sans aperçu.
Si vous envisagez de quitter Substack pour bénéficier d'une prise en charge native des intégrations, Beehiiv comme Ghost(Pro) prennent en charge les intégrations iframe dans les publications via leur bloc HTML/HTML personnalisé. Le coût de migration est réel (import des abonnés, redirection des URL, refonte de la marque)—la plupart des auteurs ne changent pas juste pour la prise en charge des intégrations, mais si vous évaluez déjà un changement, la flexibilité d'intégration est une raison de second rang qui s'ajoute aux raisons de premier rang (délivrabilité, options de monétisation, flexibilité de conception).
Deux cas d'usage où la solution image de couverture + lien échoue : les publications de newsletter très courtes où la friction du clic sortant compte (les lecteurs ne quitteront pas l'e-mail pour une pièce à survoler en 30 secondes), et les versions d'e-mail rendues en AMP où même le lien de l'image peut être supprimé par une optimisation AMP agressive. Pour le premier cas, ne renvoyez tout simplement pas vers l'extérieur—gardez les publications courtes autonomes. Pour le second cas, l'image en ligne s'affiche toujours même quand le lien est supprimé, la perte se limite donc à la destination du clic.
Ils ouvrent le lien dans un onglet de navigateur. Le Flipbook ne peut pas s'afficher dans un client de messagerie (aucun client de messagerie ne prend en charge le contenu 3D interactif). L'aperçu image dans l'e-mail renvoie vers l'URL du Flipbook, qui s'ouvre dans leur navigateur par défaut.
Oui—réglez l'URL du Flipbook sur « protégé par mot de passe » sur i3dify Pro, partagez le mot de passe dans la publication réservée à l'offre payante. Les abonnés gratuits voient l'image de couverture mais ne peuvent pas accéder au Flipbook verrouillé sans le mot de passe, que le verrouillage par offre de Substack garantit uniquement aux abonnés payants.
La pleine largeur fonctionne le mieux sur ordinateur et mobile (Substack redimensionne automatiquement). Utilisez la vignette générée automatiquement par i3dify (1200×630) pour les proportions d'og:image, qui correspondent à la façon dont Substack affiche les images dans les versions web et e-mail.
Difficile à prédire—Substack a progressivement assoupli les restrictions de son éditeur au cours des 18 derniers mois. S'ils activent l'intégration iframe native dans l'éditeur de publication, la solution de contournement devient obsolète. Elle fonctionne aujourd'hui (2026) et correspond à ce que fait tout auteur utilisant actuellement du contenu interactif dans Substack.
Les analyses de Substack affichent les taux d'ouverture des e-mails et les taux de clic par lien, y compris l'URL du Flipbook. i3dify Pro ajoute des analyses de vue par Flipbook (quelles pages consultées, temps de présence, répartition géographique). Croiser les deux donne une lecture nette de la profondeur d'engagement, pas seulement du taux de clic.
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.
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.