Framer’s Embed component is all you need to drop your hosted document library onto any page. The steps below cover the whole process from start to finish.
Voordat je begint: You can use the Embed component on Framer’s free plan, and your library shows up as soon as the site is published. Note that free sites publish to a framer.website address and carry a small “Made in Framer” badge. Moving to a paid Framer plan clears that badge and unlocks your own custom domain.
Stap 1: Kopieer je insluitcode
Open in uw gehoste dashboard Bibliotheek publiceren om uw insluitcode te vinden en deze te kopiëren. De meeste sites hebben een enkele bibliotheek, en de pagina Publiceren bibliotheek is waar de insluitcode zich bevindt. (Als u meer dan één bibliotheek hebt gebouwd, kopieert u de code voor degene die u wilt uit Bibliotheken scherm in plaats daarvan.) Plak altijd de exacte code van uw eigen dashboard, niet het onderstaande voorbeeld:
<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>
Step 2: Open the page for your library
Inside the Framer editor, navigate to the page that will hold the library. If you would rather use a fresh page, create one from the Pages panel and give it a clear name like Documentenbibliotheek.
Step 3: Add an Embed component
Choose Insert, type Embed into the search box, and drag the Embed component onto the spot where the library should sit.
Stap 4: Plak uw insluitcode
Keep the Embed component selected so its settings appear on the right. Change the type from URL naar HTML, then drop the code from Step 1 into the HTML field.
Step 5: Publish and view your library
Hit Publiceren at the top right and then open your live site. Your document library is now in place, and visitors can search it, filter by category, and preview or download any document.