Intégrer un PDF dans une page HTML
La façon la plus simple de placer vos PDF dans du code HTML
Intégrer un PDF sans écrire le code
Tiiny Host héberge votre PDF et génère le code iframe correspondant. Vous collez ce code dans une page de votre site, où le document apparaît avec ses propres commandes de lecture. Si vous remplacez le PDF plus tard, toutes les pages qui l’intègrent se mettent à jour.
Intégrer vos PDF en HTML
Du fichier au code iframe
1. Sélectionnez votre PDF
Retrouvez le fichier PDF sur votre appareil.
2. Importez-le sur Tiiny Host
Choisissez le fichier dans la fenêtre d’import de Tiiny Host.
3. Collez le code dans votre page
Le code d’intégration est généré après l’import. Il ne reste qu’à l’insérer dans votre HTML.
Un PDF intégré, géré depuis un seul endroit
🔗 Intégration immédiate
Le code d’intégration est prêt dès la publication du PDF.
🚧 Code fourni
L’extrait iframe vous attend dans le menu du projet, et vous n’écrivez pas une ligne.
🔐 Fichiers protégés
Le mot de passe de l’offre Solo s’applique aussi à l’intérieur de l’intégration.
💻 Accessible partout
Vos PDF intégrés se gèrent depuis votre tableau de bord, sur l’ordinateur de votre choix.
🤝 Lien classique inclus
Le PDF intégré a aussi une adresse normale pour vos e-mails et vos publications.
🖥 Modes d’affichage
Les offres payantes ajoutent des modes d’affichage, dont le mode présentation et une vue minimaliste sans barre d’outils.
Tiiny Host ou une intégration faite à la main
Écrire une balise iframe ou object n’a rien de compliqué, mais le PDF doit tout de même être hébergé quelque part, et chaque navigateur affiche un fichier intégré à sa manière. Tiiny Host héberge le fichier et fournit le code. Vos visiteurs voient le même lecteur quel que soit leur navigateur.
L’intégration est incluse dans l’offre gratuite
Toutes les offres fournissent le code d’intégration, y compris la gratuite. Les PDF gratuits sont limités à 0,5 Mo, ce qui convient à une grille tarifaire ou à un court document à distribuer.
- ✓ 1 PDF intégré
- ✓ PDF jusqu’à 0,5 Mo
- ✓ 5 000 visites et 5 Go de bande passante par mois
- ✓ Code d’intégration et lien partageable
- – Bannière Tiiny Host affichée dans le lecteur
- Tiny 5 € · sans bannière, PDF jusqu’à 25 Mo, QR codes, statistiques
- Solo 13 € · 5 PDF, mot de passe, blocage du téléchargement, domaine personnalisé, API
- Pro 31 € · 15 PDF, collecte d’e-mails, membres d’équipe
- Pro Max 74 € · PDF illimités, 2 To de stockage
Taille des PDF intégrables par offre
Limite d’import par offreUne grille tarifaire ou un support de cours reste en général assez léger pour toutes les offres. Si la page qui accueille le PDF reçoit beaucoup de trafic, vérifiez aussi le nombre de visites mensuelles inclus, en plus de la taille du fichier.
Intégrer des PDF depuis votre propre code
Avec une clé API, un script importe un PDF et lit l’URL en ligne dans la réponse, à placer ensuite dans l’attribut src d’une iframe. Un PUT sur le même domaine remplace le fichier sans toucher aux intégrations existantes.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@catalogue.pdf" \
-F "domain=catalogue-produits.tiiny.site"
# → https://catalogue-produits.tiiny.site
# Un PUT sur le même domaine remplace le fichierDes PDF que l’on intègre sur son site
Présentations de conférence
Les diapositives d’une intervention, intégrées à la page de l’événement pour que les participants puissent les feuilleter ensuite.
Catalogues produits
Un catalogue intégré à une page boutique, que vous renouvelez à chaque saison sans toucher au code du site.
Ressources pédagogiques
Programmes de cours et listes de lecture intégrés au site d’une école ou à une plateforme d’apprentissage.
Share PDFs Online: Embed and Link Techniques
When to embed a PDF on a page and when a link is the better choice.
Styling Embedded PDFs in HTML
How to connect a stylesheet to an HTML page, useful when you're styling the page around an embed.
