Herramientas
Inicio de sesión
  1. Inicio
  2. Insertar PDF
  3. Cómo insertar un PDF
  4. Cómo añadir un icono de PDF en tu página HTML
insertar-pdf-html@2x

Cómo añadir un icono de PDF en tu página HTML

por Christina Harker

También puedes leer este artículo en Alemán, Inglés, Francés, Italiano, Portugués y Ruso.

¿Quieres llevar a tus lectores directamente a un PDF? Creamos un icono de PDF que les lleva directamente a tu PDF para verlo, editarlo y hacer notas.

El icono de Smallpdf incrustado facilita a tus lectores el acceso inmediato a tu PDF o formulario. Pueden leerlo, rellenarlo e incluso añadirle notas. Además, no necesitan descargar una aplicación adicional para hacer todo esto. Pueden hacerlo directamente en su navegador web, en una pestaña que se abre al hacer clic en el icono.

abrir-con-smallpdf-es

Sigamos adelante y pongamos el icono de PDF en tu sitio web. 🤓

Cómo añadir un icono de Smallpdf en tu página HTML

  1. Copia la URL donde guardas el archivo PDF que quieres que abran los lectores.

  2. Pega la URL en la casilla Añadir enlace PDF aquí de nuestra página Insertar PDF.

  3. Copia el código producido por nuestra herramienta en el cuadro de vista previa.

  4. Busca en tu página HTML el lugar donde quieres que aparezca el icono de Smallpdf.

  5. Pega el código allí y el icono de PDF aparecerá allí.

incrustar-pdf-html

Si quieres, prueba tu código para asegurarte de que todo funciona como quieres. Sigue los primeros pasos y luego toma el código de la caja de Código Copiado, y pégalo en el verificador de JS Bin. Solo tienes que hacer clic en el icono que aparece en la ventana de la derecha para ver cómo funcionará todo. Ahora puedes sentarte y esperar a que los lectores aprecien lo fácil que es ver, rellenar y añadir algo al PDF que les has enviado. ¡No es necesaria una nueva aplicación! 🥳

Si alguna vez quieres cambiar o actualizar el PDF que envías a tus lectores, solo tienes que repetir estos pasos y sustituir el código.

¿Qué ocurre después de hacer clic en nuestro icono de PDF?

 

Una vez que tus visitantes abran tu PDF tras hacer clic en el icono de Smallpdf que acabas de instalar, tendrán tres opciones principales: ver, anotar y editar. Esto es especialmente útil si necesitas enviar a los visitantes de tu sitio web a un documento legal que necesitan revisar o quizás un formulario para rellenar con detalles sobre ellos mismos.

Si les envías un formulario, rellenarlo con Smallpdf es muy sencillo. Una vez abierto en la plataforma de Smallpdf, los lectores pueden utilizar una sencilla herramienta para añadir texto donde quieran en el PDF. También pueden hacer formas para resaltar secciones, marcar pasajes en el margen o dibujar líneas bajo párrafos importantes.

Si se requiere una firma, también pueden firmarlo, y es fácil pasar a nuestra herramienta de firma electrónica. Solo tienes que hacer clic en el botón Herramientas dentro de nuestro editor y seleccionar “Firmas electrónicas” en la lista desplegable. El PDF permanecerá abierto y nuestro sistema incluso guardará tu firma para que puedas utilizarla de nuevo. El menú desplegable te permite acceder rápidamente a toda nuestra gama de herramientas para enviar, comprimir, firmar, editar PDFs y mucho más.

Puedes encontrar más información sobre todas nuestras herramientas de gestión de PDFs aquí.

Artículo adaptado y traducido por Esmeralda Rihs.

ChristinaHarker
Christina Harker
Digital Marketing