PrintFriendly

Eine Schaltfläche zum Drucken, als PDF Speichern und Versenden per E-Mail, die Ihre Leser auch wirklich nutzen werden.

Passen Sie es unten an, fügen Sie den Code-Schnipsel in Ihre Website ein – fertig.

Erste Schritte

Schritt 1

Wählen Sie die Schaltfläche aus, die Sie Ihrer Website hinzufügen möchten

Schritt 2

Bildeinstellungen konfigurieren

Titelbild

Wählen Sie aus, welches Bild oben auf Ihren druckfreundlichen Seiten angezeigt werden soll. Sie können das Symbol Ihrer Website auswählen, wobei das Favicon Ihrer Website verwendet wird. Alternativ können Sie auch ein Bild hochladen.

Bilder auf Ihren Seiten anzeigen

Entscheiden Sie, ob Sie Bilder auf Ihren druckfertigen Seiten und in Ihren PDF-Dateien anzeigen möchten.

Bildposition

Mit dieser Option können Sie festlegen, wie die Bilder auf Ihren druckfertigen Seiten angeordnet werden sollen.

Schritt 3

Benutzerdefiniertes CSS (Optional)

Um das Erscheinungsbild des Inhalts anzupassen oder Elemente beim Drucken bzw. beim Speichern als PDF auszublenden, können Sie benutzerdefiniertes CSS verwenden.

Eine CSS-Datei verwenden

Geben Sie die URL Ihrer CSS-Datei in das Eingabefeld für benutzerdefiniertes CSS ein und verwenden Sie den generierten Schaltflächencode.

Verwende das „printfriendly-css“-Tag

Sie können das „printfriendly-css“-Tag zusammen mit dem darin enthaltenen CSS und dem Code für die Schaltfläche zur Seite hinzufügen.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Beispiele für Anpassungen▾

Hinweis:Begrenzen Sie Ihre CSS-Rollen auf #printfriendly und fügen Sie !important hinzu, um die Standardstile zu überschreiben

Rand bei Druck/PDF anpassen

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

URL ausblenden

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

Titel ausblenden

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

Google Fonts verwenden

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

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

Drucken/PDF im Querformat

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

Schritt 4

PrintFriendly-Funktionen konfigurieren

Das Teilen von Seiten per E-Mail ermöglichen

Mit dieser Option wird im PrintFriendly-Fenster eine Schaltfläche „E-Mail“ angezeigt. Legen Sie fest, ob Ihre Nutzer die URLs Ihrer Seiten per E-Mail an andere Nutzer senden können.

PDF-Download zulassen

Mit dieser Option wird im PrintFriendly-Fenster eine PDF-Schaltfläche hinzugefügt. Legen Sie fest, ob Ihre Nutzer Ihre druckfreundlichen Seiten im PDF-Format exportieren können.

Ermöglichen Sie es den Benutzern, druckerfreundliche Versionen Ihrer Webseiten zu erstellen.

Mit dieser Option wird im PrintFriendly-Fenster eine Schaltfläche „Drucken“ hinzugefügt. Legen Sie fest, ob Ihre Nutzer druckerfreundliche Versionen Ihrer Webseiten erstellen sollen.

Ermöglichen Sie es Benutzern, Inhalte aus Ihren druckfreundlichen Seiten zu löschen.

Mit dieser Option können Ihre Nutzer Inhalte von Ihren druckfreundlichen Seiten löschen, bevor sie diese Seiten ausdrucken oder als PDF speichern. Auf Ihrer eigentlichen Website können Nutzer keine Inhalte löschen.

Exklusive Funktionen der Pro-Version

Bilder in Base64 kodieren.

Aktivieren Sie diese Funktion, wenn Ihre Website nicht öffentlich zugänglich ist, wenn Ihr Provider Bildanfragen von Dritten (z. B. Zendesk) blockiert oder wenn die Bilder in der PDF-Datei nicht vorhanden sind.

Inhalte einbeziehen, die nicht sichtbar sind

Standardmäßig zeigt PrintFriendly Pro nur den sichtbaren Inhalt der Seite an. Aktivieren Sie diese Funktion, wenn Sie möchten, dass PrintFriendly auch versteckte Inhalte anzeigt. (z. B. Inhalte in ausgeblendeten Registerkarten)

Schritt 5

Fügen Sie diesen Code an der Stelle ein, an der der PrintFriendly-Druckbutton erscheinen soll.

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

Holen Sie sich PrintFriendly Pro

PrintFriendly Pro entspricht den DSGVO-Vorschriften und bietet darüber hinaus viele tolle Funktionen. Holen Sie es sich jetzt für Ihre Domain.

„Get Print Button Pro“ herunterladen