PrintFriendly

Przycisk do drukowania, pobierania pliku PDF i wysyłania e-mailem, z którego Twoi czytelnicy naprawdę będą korzystać.

Dostosuj ustawienia poniżej, wklej kod do swojej strony i gotowe.

Zacznij

Krok 1

Wybierz przycisk, który chcesz dodać do swojej strony

Krok 2

Skonfiguruj ustawienia obrazu

Zdjęcie w nagłówku

Wybierz obraz, który ma pojawiać się u góry stron przeznaczonych do wydruku. Możesz wybrać ikonę swojej witryny, co spowoduje użycie favikony Twojej witryny. Możesz też przesłać własny obraz.

Wyświetlaj zdjęcia na swoich stronach

Zdecyduj, czy chcesz wyświetlać obrazy na stronach przeznaczonych do wydruku oraz w plikach PDF.

Położenie obrazu

Ta opcja pozwala wybrać sposób rozmieszczenia obrazów na stronach przeznaczonych do wydruku.

Krok 3

Niestandardowy CSS (Opcjonalnie)

Aby dostosować wygląd treści lub ukryć elementy w widoku do druku/pliku PDF, można skorzystać z niestandardowego arkusza CSS.

Użyj pliku CSS

Wpisz adres URL swojego pliku CSS w polu „Niestandardowy CSS” i użyj wygenerowanego kodu przycisku.

Użyj tagu printfriendly-css

Możesz dodać tag `printfriendly-css` do strony, umieszczając w nim kod CSS wraz z kodem przycisku.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Przykłady dostosowań▾

Uwaga:Ogranicz zakres działania stylów CSS do strony #printfriendly i dodaj !important , aby zastąpić domyślne style

Dostosuj marginesy w wydruku/pliku PDF

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

Ukryj adres URL

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

Ukryj tytuł

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

Skorzystaj z Google Fonts

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

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

Drukuj/PDF w orientacji poziomej

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

Krok 4

Skonfiguruj funkcje PrintFriendly

Zezwól na udostępnianie stron za pośrednictwem poczty elektronicznej

Ta opcja powoduje wyświetlenie przycisku „Wyślij e-mailem” w oknie PrintFriendly. Zdecyduj, czy użytkownicy będą mogli wysyłać adresy URL stron do innych osób.

Zezwól na pobieranie plików PDF

Ta opcja dodaje przycisk PDF w oknie PrintFriendly. Zdecyduj, czy użytkownicy będą mogli eksportować strony dostosowane do drukowania do formatu PDF.

Umożliw użytkownikom tworzenie wersji stron internetowych dostosowanych do drukowania.

Ta opcja dodaje przycisk „Drukuj” w oknie PrintFriendly. Zdecyduj, czy chcesz, aby użytkownicy mogli tworzyć wersje stron internetowych dostosowane do drukowania.

Umożliw użytkownikom usuwanie treści ze stron przeznaczonych do wydruku.

Ta opcja pozwala użytkownikom usuwać treści ze stron przeznaczonych do druku przed ich wydrukowaniem lub zapisaniem w formacie PDF. Użytkownicy nie mogą usuwać treści z samej witryny internetowej.

Funkcje dostępne wyłącznie w wersji Pro

Zakoduj obrazy w formacie Base64.

Włącz tę funkcję, jeśli Twoja strona nie jest publicznie dostępna, jeśli Twój dostawca blokuje żądania obrazów od stron trzecich (np. Zendesk) lub jeśli w pliku PDF nie ma obrazów

Uwzględnij treści, które nie są widoczne

Domyślnie PrintFriendly Pro wyświetla tylko widoczną treść strony. Włącz tę funkcję, jeśli chcesz, aby PrintFriendly wyświetlało ukryte treści (np. treści w ukrytych zakładkach).

Krok 5

Wstaw ten kod w miejscu, w którym ma pojawić się przycisk drukowania PrintFriendly.

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

Kup PrintFriendly Pro

PrintFriendly Pro jest zgodny z RODO i oferuje wiele przydatnych funkcji. Kup teraz dla swojej domeny.

Pobierz Print Button Pro