Botões de impressão, PDF e e-mail que seus leitores realmente usarão.
Personalize abaixo, cole o trecho no seu site e pronto.
Etapa 1
Escolha o botão que você deseja adicionar ao seu site
Etapa 2
Configurar as definições de imagem
Imagem do cabeçalho
Escolha qual imagem você gostaria que aparecesse no topo das suas páginas para impressão. Você pode selecionar o ícone do seu site, que utilizará o favicon do seu site. Ou então, você pode optar por fazer o upload de uma imagem.
Exiba imagens nas suas páginas
Escolha se deseja exibir imagens nas páginas para impressão e em PDF.
Posição da imagem
Esta opção permite que você escolha como deseja que as imagens sejam posicionadas nas suas páginas para impressão.
Etapa 3
CSS personalizado (Opcional)
Para personalizar o estilo do conteúdo ou ocultar elementos na impressão/PDF, você pode usar CSS personalizado.
Usar um arquivo CSS
Insira a URL do seu arquivo CSS no campo de entrada de CSS personalizado e use o código do botão gerado.
Use a tag printfriendly-css
Você pode adicionar a tag `printfriendly-css` à página, incluindo o CSS dentro dela junto com o código do botão.
<printfriendly-css style="display: none;">
h4 {
font-size: 24px !important;
}
</printfriendly-css>Exemplos de personalizações▾
Nota:Defina o escopo das suas classes CSS para #printfriendly e adicione !important para substituir os estilos padrão
Personalizar a margem da impressão/PDF
@media print {
@page {
margin: 5mm !important;
}
}Ocultar URL
#printfriendly #pf-src {
display: none !important;
}Ocultar título
#printfriendly #pf-title {
display: none !important;
}Use o Google Fonts
/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
#printfriendly {
font-family: 'Inter', sans-serif !important;
}Imprimir/PDF em paisagem
@media print {
@page {
size: landscape !important;
}
}Etapa 4
Configurar os recursos do PrintFriendly
Permitir o compartilhamento de páginas por e-mail
Esta opção exibe um botão “Enviar por e-mail” na janela do PrintFriendly. Defina se os usuários poderão enviar os URLs das suas páginas por e-mail para outras pessoas.
Permitir download do PDF
Esta opção adiciona um botão PDF na janela do PrintFriendly. Defina se os usuários poderão exportar suas páginas otimizadas para impressão para o formato PDF.
Permita que os usuários criem versões para impressão das suas páginas da web.
Esta opção adiciona um botão “Imprimir” à janela do PrintFriendly. Escolha se deseja que seus usuários criem versões otimizadas para impressão das suas páginas da web.
Permita que os usuários excluam conteúdo das suas páginas otimizadas para impressão.
Essa opção permite que os usuários excluam conteúdo das páginas otimizadas para impressão antes de imprimi-las ou convertê-las em PDF. Os usuários não podem excluir conteúdo do site propriamente dito.
Recursos exclusivos da versão Pro
Codifique as imagens em base 64.
Ative esse recurso se o seu site não for acessível ao público, se o seu provedor bloquear solicitações de imagens de terceiros (por exemplo, Zendesk) ou se não houver imagens no PDF
Incluir conteúdo que não está visível
Por padrão, o PrintFriendly Pro exibe apenas o conteúdo visível na página. Ative esse recurso se desejar que o PrintFriendly mostre o conteúdo oculto. (Ex.: Conteúdo em guias ocultas)
Etapa 5
Insira este código no local onde deseja que o botão de impressão do PrintFriendly apareça.
<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>Adquira o PrintFriendly Pro
O PrintFriendly Pro está em conformidade com o GDPR e oferece diversos recursos excelentes. Adquira agora para o seu domínio.
Obter o Print Button Pro