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