PrintFriendly

Кнопки «Друк», «PDF» та «Надіслати електронною поштою», якими ваші читачі дійсно користуватимуться.

Налаштуйте його нижче, вставте фрагмент коду на свій сайт — і все готово.

Почати

Крок 1

Виберіть кнопку, яку ви хочете додати на свій сайт

Крок 2

Налаштувати параметри зображення

Заголовне зображення

Виберіть зображення, яке ви хочете розмістити у верхній частині сторінок для друку. Ви можете вибрати піктограму вашого веб-сайту, для чого буде використано фавікон вашого сайту. Або ж ви можете завантажити власне зображення.

Відображати зображення на ваших сторінках

Виберіть, чи хочете ви відображати зображення на сторінках для друку та у форматі PDF.

Розташування зображення

Ця опція дозволяє вибрати, як саме ви хочете розмістити зображення на сторінках, призначених для друку.

Крок 3

Налаштований CSS (Необов’язково)

Щоб налаштувати стиль вмісту або приховати елементи у режимі друку чи PDF, можна скористатися власним CSS.

Використовуйте файл CSS

Введіть URL-адресу вашого CSS-файлу у поле для введення власного CSS і скористайтеся згенерованим кодом кнопки.

Використовуйте тег printfriendly-css

Ви можете додати тег `printfriendly-css` на сторінку, розмістивши в ньому код CSS разом із кодом кнопки.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Приклади налаштувань▾

Примітка:Обмежте дію ваших CSS-стилів за допомогою #printfriendly та додайте !important , щоб замінити стилі за замовчуванням

Налаштувати поля при друкуванні/створенні PDF-файлу

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

Приховати URL-адресу

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

Приховати заголовок

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

Використовуйте Google Fonts

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

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

Друк/PDF у альбомній орієнтації

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

Крок 4

Налаштувати функції PrintFriendly

Дозволити ділитися сторінками через електронну пошту

Ця опція відображає кнопку «Надіслати електронною поштою» у вікні PrintFriendly. Виберіть, чи зможуть ваші користувачі надсилати URL-адреси ваших сторінок іншим користувачам електронною поштою.

Дозволити завантаження PDF-файлу

Ця опція додає кнопку «PDF» у вікні PrintFriendly. Виберіть, чи зможуть користувачі експортувати ваші сторінки, оптимізовані для друку, у формат PDF.

Надайте користувачам можливість створювати версії ваших веб-сторінок, придатні для друку.

Ця опція додає кнопку «Друк» у вікно PrintFriendly. Виберіть, чи хочете ви, щоб користувачі створювали версії ваших веб-сторінок, зручні для друку.

Дозвольте користувачам видаляти вміст зі сторінок, призначених для друку.

Ця опція дозволяє користувачам видаляти вміст зі сторінок, призначених для друку, перед тим, як їх роздрукувати або зберегти у форматі PDF. Користувачі не можуть видаляти вміст із самого веб-сайту.

Ексклюзивні функції Pro

Кодуйте зображення у форматі Base64.

Увімкніть цю функцію, якщо ваш сайт не є загальнодоступним, якщо ваш провайдер блокує запити на зображення від сторонніх сервісів (наприклад, Zendesk) або якщо зображення відсутні у файлі PDF

Включити вміст, який не відображається

За замовчуванням PrintFriendly Pro відображає лише той вміст, який видно на сторінці. Увімкніть цю функцію, якщо хочете, щоб PrintFriendly відображав прихований вміст (наприклад, вміст на прихованих вкладках).

Крок 5

Вставте цей код у тому місці, де ви хочете, щоб з’явилася кнопка друку 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>

Отримати PrintFriendly Pro

PrintFriendly Pro відповідає вимогам GDPR і має безліч чудових функцій. Придбайте його для свого домену вже зараз.

Завантажити Print Button Pro