La incrustación alojada de Document Library Pro es un único fragmento universal que funciona en casi cualquier sitio web. Siempre que tu plataforma te ofrezca un lugar donde insertar una incrustación o un fragmento de HTML personalizado, puedes mostrar allí tu biblioteca de documentos. Usa esta guía para cualquier plataforma que no hayamos cubierto por separado, incluidos otros CMS, sitios HTML sencillos, intranets internas y desarrollos personalizados a medida.
Cómo funciona: la incrustación combina un <iframe> con un pequeño ayudante <script>. El iframe se muestra en todas partes sin excepción. En plataformas que permiten scripts, el ayudante redimensiona la biblioteca para que encaje y añade una vista previa del documento dentro de la página. En plataformas que bloquean scripts, la biblioteca sigue funcionando con una altura fija y abre las vistas previas en una pestaña nueva.
Paso 1: Copia tu código de inserción
En tu panel alojado, abre Publicar biblioteca para encontrar tu código de inserción y copiarlo. La mayoría de los sitios tienen una sola biblioteca, y la página Publicar biblioteca es donde vive su código de inserción. (Si has creado más de una biblioteca, copia el código de la que quieras desde la pantalla Libraries en su lugar.) Pega siempre el código exacto de tu propio panel, no el ejemplo a continuación:
<iframe src="https://your-library.documentlibrary.app/?dlp_embed=1" title="Document library" style="width:100%;border:0;height:600px;" loading="lazy"></iframe> <script src="https://your-library.documentlibrary.app/?dlp_embed_resize=1" async></script>
Paso 2: Busca dónde acepta HTML tu plataforma
Casi todas las plataformas ofrecen algún lugar donde añadir HTML personalizado. La opción que buscas suele parecerse a una de estas:
- Otros CMS (Drupal, Joomla, Ghost, HubSpot, Weebly y similares): un bloque o módulo “Custom HTML”, “Code” o “Embed”.
- Sitios HTML estáticos: coloca el fragmento directamente en el HTML de tu página, en el punto donde debe aparecer la biblioteca.
- Intranets privadas: una parte web o bloque de contenido que acepta código de incrustación.
- Sitios personalizados (React, Vue, renderizado en servidor, etc.): añade el fragmento a tu plantilla o componente de página.
Paso 3: Pega tu código de incrustación y publica
Toma el código de incrustación del paso 1, colócalo en esa zona HTML o de incrustación y después guarda o publica la página. Abre la página para ver tu biblioteca de documentos, donde los visitantes pueden hacer búsquedas, acotar resultados por categoría y previsualizar o descargar cualquier documento.
Ver el tutorial completo
Si la biblioteca queda cortada
Algunas plataformas colocan las incrustaciones en un contenedor de tamaño fijo. Si tu biblioteca aparece recortada o se desplaza dentro de un marco pequeño, haz que el área de incrustación sea un poco más alta y ancha que la biblioteca para que todo quede cómodo.
¿No tienes sitio web? Usa una biblioteca independiente
¿No tienes un sitio web donde insertar la biblioteca? Todas las cuentas incluyen un sitio web listo para tu biblioteca, en tu propia dirección documentlibrary.app o en un dominio propio, para que puedas compartir el enlace directamente. Consulta publicar tu biblioteca.