Cómo incrustar un documento en tu sitio web mediante un enlace

Incrustar un documento permite a los visitantes verlo directamente en tu sitio web, sin descargas ni nuevas pestañas. Papermark te proporciona un fragmento de iframe para cualquier enlace, para que puedas añadirlo a una página de destino, un documento de Notion o un portafolio en segundos. Y sigues teniendo cada visualización, página y visitante registrado en tus analíticas.

Así es como se hace.

Lo que necesitarás

• Un documento subido a Papermark
• Un enlace compartible para ese documento
• Acceso al HTML de la página donde quieres incrustarlo

Paso 1: Abre tu documento

Inicia sesión en Papermark y haz clic en el documento que deseas incrustar. Llegarás al panel del documento, donde podrás ver las analíticas, gestionar los enlaces y consultar la actividad de los visitantes.

Si aún no tienes un enlace, haz clic en Crear enlace en la esquina superior derecha. Asígnale un nombre (algo como "Incrustar en sitio web" para identificarlo más adelante), configura tus preferencias de seguridad y haz clic en Guardar enlace.

Para una guía completa sobre cómo crear enlaces, consulta cómo crear un enlace rastreable.

Paso 2: Abre el menú del enlace

En la tabla Todos los enlaces, busca el enlace que deseas incrustar. Haz clic en el menú de tres puntos (⋯) en el lado derecho de la fila.

Verás una lista de acciones:

• Editar enlace - cambiar la configuración
• Vista previa del enlace - ver lo que ven los visitantes
• Duplicar enlace - copiar el enlace con su configuración
• Obtener código de incrustación - generar un fragmento de iframe ⭐

Paso 3: Copia el código de inserción

Haz clic en Obtener código de inserción. Se abre un modal con un iframe listo para usar:

El código tiene este aspecto:

<iframe
  src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
  style="width: 100%; height: 100%; border: none; border-radius: 8px;"
  allow="fullscreen"
  loading="lazy"
>
</iframe>

Haz clic en el icono de copiar para obtener el fragmento completo.

Paso 4: Pégalo en tu sitio web

Pega el iframe en cualquier lugar donde se admita HTML:

• Webflow - añade un elemento Embed y pega el código
• WordPress - usa un bloque de HTML personalizado
• Notion - pega la URL y Notion lo insertará automáticamente
• Framer - añade un componente Embed
• Sitios estáticos - pégalo directamente en tu archivo .html

Controla el tamaño

Por defecto, el iframe ocupa todo su contenedor. Para establecer un tamaño fijo, envuélvelo en un div con dimensiones específicas o ajusta el estilo del iframe directamente:

<div style="max-width: 900px; aspect-ratio: 16/10; margin: 0 auto;">
  <iframe
    src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
    style="width: 100%; height: 100%; border: none; border-radius: 12px;"
    allow="fullscreen"
    loading="lazy"
  >
  </iframe>
</div>

El aspect-ratio: 16/10 lo mantiene proporcional a una presentación de diapositivas estándar. Ajústalo para documentos en formato vertical si es necesario.

Paso 5: Rastrea las visitas en tu inserción

Cada visita a tu documento insertado aparece en tus análisis de Papermark, igual que cualquier otro enlace. Abre el documento y desplázate hasta la tabla Todos los visitantes para ver:

• Quién lo vio (si se requiere correo electrónico)
• Cuánto tiempo estuvieron
• Qué páginas consultaron
• Tasa de finalización

Esta es la verdadera ventaja frente a un PDF convencional: sabes quién está interactuando con tu contenido, incluso cuando está insertado en una página pública.

Buenas prácticas

Usa la configuración de seguridad del enlace

Como las inserciones son públicas por defecto, piensa bien en lo que estás compartiendo:

• Requerir email - registra quién está viendo
• Proteger con contraseña - bloquea presentaciones confidenciales
• Establecer fecha de vencimiento - expira automáticamente tras un plazo
• Activar marca de agua - disuade capturas de pantalla

Todas estas opciones funcionan igual en los embeds que en los enlaces compartidos.

Usa un enlace separado para los embeds

Crea un enlace dedicado llamado "Embed en sitio web" para que las analíticas del embed se mantengan separadas de los enlaces que envías por correo. Así sabrás exactamente cuánto tráfico genera cada canal.

Mantén la página rápida

El iframe se carga de forma diferida (loading="lazy"), por lo que no ralentizará tu página en la primera carga. Los visitantes solo cargan el documento cuando hacen scroll hasta él.

Conclusiones clave

• Inserta cualquier enlace de Papermark con un solo fragmento de iframe
• Las analíticas completas funcionan en los embeds, igual que en los enlaces compartidos
• Controla la seguridad con contraseña, verificación de email, marca de agua o fecha de vencimiento
• Usa enlaces separados por ubicación de embed para un seguimiento más preciso