PrintFriendly

Een knop voor afdrukken, PDF en e-mail die je lezers ook echt zullen gebruiken.

Pas het hieronder aan, plak het fragment in je website, en klaar is Kees.

Aan de slag

Stap 1

Kies de knop die je aan je website wilt toevoegen

Stap 2

Beeldinstellingen configureren

Kopafbeelding

Kies welke afbeelding bovenaan uw afdrukvriendelijke pagina’s moet verschijnen. U kunt het pictogram van uw website selecteren; dan wordt de favicon van uw site gebruikt. U kunt er ook voor kiezen om een afbeelding te uploaden.

Afbeeldingen op je pagina’s weergeven

Kies of u afbeeldingen wilt weergeven op uw afdrukvriendelijke pagina’s en PDF-pagina’s.

Afbeeldingspositie

Met deze optie kunt u bepalen hoe de afbeeldingen op uw afdrukvriendelijke pagina’s moeten worden geplaatst.

Stap 3

Aangepaste CSS (Optioneel)

Om de opmaak van de inhoud aan te passen of elementen te verbergen in de afdruk- of PDF-weergave, kunt u aangepaste CSS gebruiken.

Gebruik een CSS-bestand

Voer de URL van je CSS-bestand in het invoerveld voor aangepaste CSS in en gebruik de gegenereerde knopcode.

Gebruik de `printfriendly-css`-tag

Je kunt de `printfriendly-css`-tag aan de pagina toevoegen, met daarin de CSS en de code voor de knop.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Voorbeelden van aanpassingen▾

Opmerking:Pas je CSS-regels aan via #printfriendly en voeg !important toe om de standaardstijlen te overschrijven

De marge van Afdrukken/PDF aanpassen

@media print {
  @page {
    margin: 5mm !important;
  }
}

URL verbergen

#printfriendly #pf-src {
  display: none !important;
}

Titel verbergen

#printfriendly #pf-title {
  display: none !important;
}

Gebruik Google Fonts

/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#printfriendly {
  font-family: 'Inter', sans-serif !important;
}

Afdrukken/PDF in liggend formaat

@media print {
  @page {
    size: landscape !important;
  }
}

Stap 4

De functies van PrintFriendly configureren

Het delen van pagina’s via e-mail toestaan

Met deze optie wordt een knop ‘E-mail’ weergegeven in het PrintFriendly-venster. Bepaal of uw gebruikers de URL’s van uw pagina’s naar andere gebruikers kunnen e-mailen.

PDF-download toestaan

Met deze optie wordt een PDF-knop toegevoegd aan het PrintFriendly-venster. Bepaal of uw gebruikers uw afdrukvriendelijke pagina’s naar PDF-formaat kunnen exporteren.

Geef gebruikers de mogelijkheid om afdrukvriendelijke versies van uw webpagina’s te maken.

Met deze optie wordt een knop ‘Afdrukken’ toegevoegd aan het PrintFriendly-venster. Geef aan of u wilt dat uw gebruikers afdrukvriendelijke versies van uw webpagina’s kunnen maken.

Geef gebruikers de mogelijkheid om inhoud van uw afdrukvriendelijke pagina’s te verwijderen.

Met deze optie kunnen uw gebruikers inhoud verwijderen van uw afdrukvriendelijke pagina’s voordat ze deze afdrukken of als pdf opslaan. Gebruikers kunnen geen inhoud verwijderen van uw eigenlijke website.

Exclusieve functies voor Pro-gebruikers

Codeer afbeeldingen in Base64.

Schakel deze functie in als uw site niet openbaar toegankelijk is, als uw provider afbeeldingsverzoeken van derden (bijv. Zendesk) blokkeert of als er geen afbeeldingen in de PDF staan

Voeg inhoud toe die niet zichtbaar is

Standaard toont PrintFriendly Pro alleen de zichtbare inhoud op de pagina. Schakel deze functie in als je wilt dat PrintFriendly verborgen inhoud weergeeft. (Bijv. inhoud in verborgen tabbladen)

Stap 5

Plaats deze code op de plek waar je de PrintFriendly-afdrukknop wilt weergeven.

<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>

Koop PrintFriendly Pro

PrintFriendly Pro voldoet aan de AVG en biedt bovendien tal van handige functies. Schaf het nu aan voor uw domein.

Download Print Button Pro