{"id":274,"date":"2026-06-23T18:31:12","date_gmt":"2026-06-23T18:31:12","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/"},"modified":"2026-09-14T13:04:36","modified_gmt":"2026-09-14T13:04:36","slug":"add-document-library-squarespace","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-squarespace\/","title":{"rendered":"Ajoutez votre biblioth\u00e8que de documents \u00e0 Squarespace"},"content":{"rendered":"

Avec un bloc Code Squarespace, vous pouvez placer votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page de votre site. Les \u00e9tapes ci-dessous couvrent tout le processus.<\/p>\n

Avant de commencer :<\/strong> les scripts d\u2019int\u00e9gration dans les blocs Code sont une fonctionnalit\u00e9 Squarespace payante qui n\u00e9cessite l\u2019offre Business ou sup\u00e9rieure<\/strong>. Gardez aussi \u00e0 l\u2019esprit que la biblioth\u00e8que n\u2019est visible qu\u2019une fois votre site en ligne. Pendant vos modifications, Squarespace affiche un espace r\u00e9serv\u00e9 “Script Disabled” \u00e0 la place de la biblioth\u00e8que fonctionnelle.<\/p>\n

\u00c9tape 1 : copier votre code d\u2019int\u00e9gration<\/h2>\n

Dans votre tableau de bord h\u00e9berg\u00e9, ouvrez Publier la biblioth\u00e8que<\/strong> pour trouver votre code d\u2019int\u00e9gration, puis copiez-le. La plupart des sites ont une seule biblioth\u00e8que, et la page Publier la biblioth\u00e8que est l\u2019endroit o\u00f9 se trouve son code d\u2019int\u00e9gration. (Si vous avez cr\u00e9\u00e9 plusieurs biblioth\u00e8ques, copiez plut\u00f4t le code de celle que vous voulez depuis l\u2019\u00e9cran Biblioth\u00e8ques<\/strong> .) Collez toujours le code exact provenant de votre propre tableau de bord, et non l\u2019exemple ci-dessous :<\/p>\n

<iframe src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed=1\" title=\"Document library\" style=\"width:100%;border:0;height:600px;\" loading=\"lazy\"><\/iframe>\n<script src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed_resize=1\" async><\/script><\/pre>\n
\u00c9tape 2 : cr\u00e9er une page pour votre biblioth\u00e8que<\/h2>\n
Depuis votre tableau de bord Squarespace, allez dans Website → Pages<\/strong>. Cliquez sur le +<\/strong> \u00e0 c\u00f4t\u00e9 de Main Navigation<\/strong>, choisissez Page<\/strong>, puis choisissez une mise en page vierge. Donnez-lui un nom comme Biblioth\u00e8que de documents<\/strong>, et Squarespace l\u2019ajoutera \u00e0 votre menu de navigation pour vous.<\/p>\n
\"La<\/p>\n
\u00c9tape 3 : ajouter un bloc Code<\/h2>\n
Ouvrez la nouvelle page et cliquez sur Modifier<\/strong>. Choisissez Ajouter une section<\/strong>, choisissez une section vierge, puis cliquez sur Ajouter un bloc<\/strong>, recherchez Code<\/strong>, et s\u00e9lectionnez le Code<\/strong> bloc.<\/p>\n
\u00c9tape 4 : coller votre code d\u2019int\u00e9gration<\/h2>\n
Cliquez dans le bloc Code pour l\u2019ouvrir. V\u00e9rifiez que le mode est d\u00e9fini sur HTML<\/strong>, supprimez le texte par d\u00e9faut “Hello, World!”, puis collez le code d\u2019int\u00e9gration de l\u2019\u00e9tape 1.<\/p>\n
\"Collage<\/p>\n
\u00c9tape 5 : redimensionner le bloc pour l\u2019adapter \u00e0 votre page<\/h2>\n
Ne sautez pas cette partie. Un bloc Code commence avec une largeur r\u00e9duite, et un bloc \u00e9troit force la biblioth\u00e8que \u00e0 passer sur une seule colonne. S\u00e9lectionnez le bloc Code et faites glisser son bord droit vers l\u2019ext\u00e9rieur jusqu\u2019\u00e0 ce qu\u2019il couvre la largeur souhait\u00e9e pour la biblioth\u00e8que<\/strong>, g\u00e9n\u00e9ralement toute la page. Assurez-vous d\u2019\u00eatre en vue Ordinateur<\/strong> (l\u2019ic\u00f4ne de moniteur en haut) pendant cette op\u00e9ration, afin de donner \u00e0 la biblioth\u00e8que assez d\u2019espace pour afficher l\u2019ensemble de ses colonnes.<\/p>\n
\u00c9tape 6 : enregistrer et afficher votre biblioth\u00e8que<\/h2>\n
Cliquez sur Enregistrer<\/strong>. Le bloc indiquera “Script Disabled” pendant que vous modifiez encore la page, ce qui est attendu. Une fois votre site publi\u00e9, ouvrez la page pour voir la biblioth\u00e8que fonctionner, o\u00f9 les visiteurs peuvent la rechercher, filtrer par cat\u00e9gorie et t\u00e9l\u00e9charger ou pr\u00e9visualiser n\u2019importe quel document.<\/p>\n
\"Biblioth\u00e8que<\/p>\n
Utiliser le bloc Code plut\u00f4t que le bloc Int\u00e9grer<\/h2>\n
Squarespace propose \u00e0 la fois un bloc Code et un bloc Int\u00e9grer. Pour Document Library Pro, utilisez le Code<\/strong> bloc.<\/p>\n
Si vous ajoutez votre code d\u2019int\u00e9gration \u00e0 un Int\u00e9grer<\/strong> bloc, Squarespace peut afficher la biblioth\u00e8que dans un cadre court d\u2019environ 200 pixels de haut. Vous pouvez voir le champ de recherche, les en-t\u00eates de colonnes et seulement le premier document, avec un espace vide en dessous.<\/p>\n
Pour corriger cela, supprimez le bloc Int\u00e9grer et ajoutez plut\u00f4t un bloc Code. Collez ensuite de nouveau votre code d\u2019int\u00e9gration en suivant les \u00e9tapes ci-dessus.<\/p>","protected":false},"excerpt":{"rendered":"
Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur une page Squarespace \u00e0 l\u2019aide d\u2019un bloc Code, avec des instructions \u00e9tape par \u00e9tape sur la configuration, les pr\u00e9requis d\u2019offre et le dimensionnement.<\/p>","protected":false},"menu_order":60,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-274","doc","type-doc","status-publish","hentry","doc_category-platforms"],"yoast_head":"\nAdd your document library to Squarespace<\/title>\n<meta name=\"description\" content=\"Embed your hosted document library on a Squarespace page using a Code Block, with step-by-step guidance on setup, plan requirements, and sizing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-squarespace\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add your document library to Squarespace\" \/>\n<meta property=\"og:description\" content=\"Embed your hosted document library on a Squarespace page using a Code Block, with step-by-step guidance on setup, plan requirements, and sizing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-squarespace\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T13:04:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/sqsp-page-in-nav.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/\",\"name\":\"Add your document library to Squarespace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sqsp-page-in-nav.jpg\",\"datePublished\":\"2026-06-23T18:31:12+00:00\",\"dateModified\":\"2026-09-14T13:04:36+00:00\",\"description\":\"Embed your hosted document library on a Squarespace page using a Code Block, with step-by-step guidance on setup, plan requirements, and sizing.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sqsp-page-in-nav.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sqsp-page-in-nav.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-squarespace\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Add your document library to Squarespace\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"name\":\"Document Library Pro\",\"description\":\"Searchable document libraries for any website\",\"publisher\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/documentlibrary.pro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"width\":512,\"height\":512,\"caption\":\"Document Library Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"description\":\"Document Library Pro is hosted document library software that lets you publish searchable, filterable libraries of PDFs, documents and resources on any website or platform.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ajoutez votre biblioth\u00e8que de documents \u00e0 Squarespace","description":"Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur une page Squarespace \u00e0 l\u2019aide d\u2019un bloc Code, avec des instructions \u00e9tape par \u00e9tape sur la configuration, les pr\u00e9requis d\u2019offre et le dimensionnement.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-squarespace\/","og_locale":"fr_FR","og_type":"article","og_title":"Add your document library to Squarespace","og_description":"Embed your hosted document library on a Squarespace page using a Code Block, with step-by-step guidance on setup, plan requirements, and sizing.","og_url":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-squarespace\/","og_site_name":"Document Library Pro","article_modified_time":"2026-09-14T13:04:36+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/sqsp-page-in-nav.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/","url":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/","name":"Ajoutez votre biblioth\u00e8que de documents \u00e0 Squarespace","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/sqsp-page-in-nav.jpg","datePublished":"2026-06-23T18:31:12+00:00","dateModified":"2026-09-14T13:04:36+00:00","description":"Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur une page Squarespace \u00e0 l\u2019aide d\u2019un bloc Code, avec des instructions \u00e9tape par \u00e9tape sur la configuration, les pr\u00e9requis d\u2019offre et le dimensionnement.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/sqsp-page-in-nav.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/sqsp-page-in-nav.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-squarespace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/documentlibrary.pro\/docs\/"},{"@type":"ListItem","position":3,"name":"Add your document library to Squarespace"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Biblioth\u00e8ques de documents consultables pour tout site web","publisher":{"@id":"https:\/\/documentlibrary.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentlibrary.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","width":512,"height":512,"caption":"Document Library Pro"},"image":{"@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/"},"description":"Document Library Pro est un logiciel de biblioth\u00e8que de documents h\u00e9berg\u00e9 qui vous permet de publier des biblioth\u00e8ques consultables et filtrables de PDF, de documents et de ressources sur tout site web ou plateforme."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":2,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/274\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/274\/revisions\/811"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/media?parent=274"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc_category?post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}