Un bouton « Imprimer », « PDF » et « Envoyer par e-mail » que vos lecteurs utiliseront réellement.
Personnalisez-le ci-dessous, collez le code dans votre site, et le tour est joué.
Étape 1
Sélectionnez le bouton que vous souhaitez ajouter à votre site
Étape 2
Configurer les paramètres d'image
Image d'en-tête
Choisissez l'image que vous souhaitez voir apparaître en haut de vos pages imprimables. Vous pouvez sélectionner l'icône de votre site web, qui utilisera le favicon de votre site. Vous pouvez également choisir de télécharger une image.
Afficher des images sur vos pages
Choisissez si vous souhaitez afficher les images sur vos pages imprimables et au format PDF.
Position de l'image
Cette option vous permet de choisir comment vous souhaitez que les images soient positionnées sur vos pages imprimables.
Étape 3
CSS personnalisé (Facultatif)
Pour personnaliser la mise en forme du contenu ou masquer des éléments dans la version imprimée ou au format PDF, vous pouvez utiliser du CSS personnalisé.
Utiliser un fichier CSS
Saisissez l'URL de votre fichier CSS dans le champ « CSS personnalisé » et utilisez le code du bouton généré.
Utiliser la balise printfriendly-css
Vous pouvez ajouter la balise printfriendly-css à la page, en y incluant le code CSS ainsi que le code du bouton.
<printfriendly-css style="display: none;">
h4 {
font-size: 24px !important;
}
</printfriendly-css>Exemples de personnalisations▾
Remarque:Définissez la portée de vos règles CSS sur #printfriendly et ajoutez !important pour remplacer les styles par défaut
Personnaliser les marges de l'impression/du PDF
@media print {
@page {
margin: 5mm !important;
}
}Masquer l'URL
#printfriendly #pf-src {
display: none !important;
}Masquer le titre
#printfriendly #pf-title {
display: none !important;
}Utiliser Google Fonts
/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
#printfriendly {
font-family: 'Inter', sans-serif !important;
}Imprimer/PDF en mode paysage
@media print {
@page {
size: landscape !important;
}
}Étape 4
Configurer les fonctionnalités de PrintFriendly
Autoriser le partage de pages par e-mail
Cette option affiche un bouton « E-mail » dans la fenêtre PrintFriendly. Déterminez si vos utilisateurs peuvent envoyer par e-mail les URL de vos pages à d'autres utilisateurs.
Autoriser le téléchargement du fichier PDF
Cette option ajoute un bouton « PDF » dans la fenêtre PrintFriendly. Déterminez si vos utilisateurs peuvent exporter vos pages optimisées pour l'impression au format PDF.
Permettez aux utilisateurs de créer des versions imprimables de vos pages Web.
Cette option ajoute un bouton « Imprimer » dans la fenêtre PrintFriendly. Indiquez si vous souhaitez que vos utilisateurs puissent créer des versions optimisées pour l'impression de vos pages Web.
Permettez aux utilisateurs de supprimer du contenu de vos pages optimisées pour l'impression.
Cette option permet à vos utilisateurs de supprimer du contenu de vos pages optimisées pour l'impression avant de les imprimer ou de les enregistrer au format PDF. Les utilisateurs ne peuvent pas supprimer de contenu de votre site web proprement dit.
Fonctionnalités exclusives de la version Pro
Encoder les images en base 64.
Activez cette fonctionnalité si votre site n'est pas accessible au public, si votre hébergeur bloque les requêtes d'images provenant de tiers (par exemple, Zendesk) ou si les images ne sont pas présentes dans le fichier PDF
Inclure le contenu qui n'est pas visible
Par défaut, PrintFriendly Pro n'affiche que le contenu visible de la page. Activez cette fonctionnalité si vous souhaitez que PrintFriendly affiche le contenu masqué. (Ex. : le contenu des onglets masqués)
Étape 5
Insérez ce code à l'endroit où vous souhaitez que le bouton d'impression PrintFriendly apparaisse.
<printfriendly-options style="display:none;" data-content-features="disableClickToDel=0;hideImages=0;imageDisplayStyle=block;disablePDF=0;disableEmail=0;disablePrint=0;encodeImages=0;showHiddenContent=0;"></printfriendly-options><script>var pfBtVersion='3';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//www.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf);})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="PrintFriendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/new/three-icons-light.svg" alt="PrintFriendly and PDF"/></a>Obtenir PrintFriendly Pro
PrintFriendly Pro est conforme au RGPD et offre de nombreuses fonctionnalités très utiles. Achetez-le dès maintenant pour votre domaine.
Obtenir Print Button Pro