PrintFriendly

Un botón para imprimir, guardar en PDF y enviar por correo electrónico que tus lectores realmente utilizarán.

Personalízalo a continuación, pega el fragmento de código en tu sitio web y listo.

Empezar

Paso 1

Elige el botón que quieras añadir a tu sitio web

Paso 2

Configurar los ajustes de imagen

Imagen de cabecera

Elige qué imagen quieres que aparezca en la parte superior de tus páginas optimizadas para imprimir. Puedes seleccionar el icono de tu sitio web, en cuyo caso se utilizará el favicon de tu sitio. O bien, puedes optar por subir una imagen.

Mostrar imágenes en tus páginas

Elige si deseas mostrar imágenes en las páginas para imprimir y en las páginas en formato PDF.

Posición de la imagen

Esta opción te permite elegir cómo quieres que se coloquen las imágenes en tus páginas para imprimir.

Paso 3

CSS personalizado (Opcional)

Para personalizar el estilo del contenido u ocultar elementos en la vista de impresión o PDF, puedes utilizar CSS personalizado.

Utilizar un archivo CSS

Introduce la URL de tu archivo CSS en el campo de entrada de CSS personalizado y utiliza el código del botón generado.

Utiliza la etiqueta «printfriendly-css»

Puedes añadir la etiqueta «printfriendly-css» a la página con el CSS incluido en ella, junto con el código del botón.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Ejemplos de personalizaciones▾

Nota:Limita el ámbito de tus reglas CSS a #printfriendly y añade !important para anular los estilos predeterminados

Personalizar los márgenes de impresión/PDF

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

Ocultar URL

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

Ocultar título

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

Utiliza 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 en horizontal

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

Paso 4

Configurar las funciones de PrintFriendly

Permitir compartir páginas por correo electrónico

Esta opción muestra un botón «Correo electrónico» en nuestra ventana de PrintFriendly. Elige si tus usuarios pueden enviar por correo electrónico las URL de tus páginas a otros usuarios.

Permitir la descarga del PDF

Esta opción añade un botón de PDF en nuestra ventana de PrintFriendly. Elige si tus usuarios pueden exportar tus páginas optimizadas para impresión a formato PDF.

Permite a los usuarios crear versiones de tus páginas web optimizadas para imprimir.

Esta opción añade un botón «Imprimir» a nuestra ventana de PrintFriendly. Elige si deseas que tus usuarios puedan crear versiones de tus páginas web optimizadas para imprimir.

Permite a los usuarios eliminar contenido de tus páginas optimizadas para impresión.

Esta opción permite a los usuarios eliminar contenido de las páginas optimizadas para impresión antes de imprimirlas o guardarlas en formato PDF. Los usuarios no pueden eliminar contenido del sitio web propiamente dicho.

Funciones exclusivas de Pro

Codifica las imágenes en base 64.

Activa esta función si tu sitio web no es de acceso público, si tu proveedor bloquea las solicitudes de imágenes procedentes de terceros (por ejemplo, Zendesk) o si las imágenes no están presentes en el PDF.

Incluir contenido que no es visible

Por defecto, PrintFriendly Pro solo muestra el contenido visible de la página. Activa esta función si deseas que PrintFriendly muestre el contenido oculto. (Por ejemplo, el contenido de las pestañas ocultas)

Paso 5

Inserta este código en el lugar donde quieras que aparezca el botón de impresión de 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>

Consigue PrintFriendly Pro

PrintFriendly Pro cumple con el RGPD y ofrece un montón de funciones estupendas. Cómpralo ahora para tu dominio.

Consigue Print Button Pro