PrintFriendly

En knapp för utskrift, PDF och e-post som dina läsare faktiskt kommer att använda.

Anpassa det nedan, klistra in koden på din webbplats – klart.

Kom igång

Steg 1

Välj den knapp som du vill lägga till på din webbplats

Steg 2

Konfigurera bildinställningar

Huvudbild

Välj vilken bild du vill ska visas högst upp på dina utskriftsvänliga sidor. Du kan välja din webbplatsikon, då används webbplatsens favicon. Alternativt kan du välja att ladda upp en bild.

Visa bilder på dina sidor

Välj om du vill visa bilder på dina utskriftsvänliga sidor och PDF-sidor.

Bildens placering

Med det här alternativet kan du välja hur du vill att bilderna ska placeras på dina utskriftsvänliga sidor.

Steg 3

Anpassad CSS (Valfritt)

Om du vill anpassa utseendet på innehållet eller dölja vissa element i utskrift eller PDF kan du använda anpassad CSS.

Använd en CSS-fil

Ange webbadressen till din CSS-fil i fältet för anpassad CSS och använd den genererade knappkoden.

Använd taggen printfriendly-css

Du kan lägga till taggen `printfriendly-css` på sidan tillsammans med den inbäddade CSS-koden och koden för knappen.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Exempel på anpassningar▾

Anmärkning:Begränsa dina CSS-regler till #printfriendly och lägg till !important för att åsidosätta standardformateringen

Anpassa marginalerna för utskrift/PDF

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

Dölj webbadressen

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

Dölj rubrik

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

Använd Google Fonts

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

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

Skriv ut/PDF i liggande format

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

Steg 4

Konfigurera PrintFriendly-funktioner

Tillåt delning av sidor via e-post

Med det här alternativet visas en e-postknapp i vårt PrintFriendly-fönster. Välj om dina användare ska kunna skicka sidornas webbadresser via e-post till andra användare.

Tillåt nedladdning av PDF

Med det här alternativet läggs en PDF-knapp till i vårt PrintFriendly-fönster. Välj om dina användare ska kunna exportera dina utskriftsvänliga sidor till PDF-format.

Låt användarna skapa utskriftsvänliga versioner av dina webbsidor.

Med det här alternativet läggs en utskriftsknapp till i vårt PrintFriendly-fönster. Välj om du vill att dina användare ska kunna skapa utskriftsvänliga versioner av dina webbsidor.

Låt användarna ta bort innehåll från dina utskriftsvänliga sidor.

Med det här alternativet kan användarna ta bort innehåll från dina utskriftsvänliga sidor innan de skriver ut eller sparar dem som PDF-filer. Användarna kan inte ta bort innehåll från själva webbplatsen.

Exklusiva funktioner för Pro

Kod om bilderna till Base64.

Aktivera den här funktionen om din webbplats inte är tillgänglig för allmänheten, om din leverantör blockerar bildförfrågningar från tredje part (t.ex. Zendesk) eller om bilderna inte finns med i PDF-filen

Inkludera innehåll som inte syns

Som standard visar PrintFriendly Pro endast det synliga innehållet på sidan. Aktivera den här funktionen om du vill att PrintFriendly ska visa dolt innehåll. (T.ex. innehåll i dolda flikar)

Steg 5

Infoga den här koden där du vill att PrintFriendly-utskriftsknappen ska visas.

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

Skaffa PrintFriendly Pro

PrintFriendly Pro uppfyller kraven i GDPR och har dessutom många fantastiska funktioner. Köp det nu för din domän.

Skaffa Print Button Pro