{"id":457,"date":"2026-06-29T11:28:57","date_gmt":"2026-06-29T11:28:57","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/"},"modified":"2026-09-14T16:03:58","modified_gmt":"2026-09-14T16:03:58","slug":"insert-document-library-into-shopify","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/fr\/docs\/insert-document-library-into-shopify\/","title":{"rendered":"Ajouter votre biblioth\u00e8que \u00e0 Shopify"},"content":{"rendered":"<p>Document Library Pro est disponible sous forme d\u2019application Shopify, ce qui vous permet d\u2019ajouter \u00e0 votre boutique une biblioth\u00e8que de documents consultable et filtrable sans utiliser de codes d\u2019int\u00e9gration. L\u2019application cr\u00e9e automatiquement une page principale &#8220;Documents&#8221; qui r\u00e9pertorie tous vos documents, que vous pouvez ajouter au menu de votre boutique, et elle fournit un moyen simple d\u2019ins\u00e9rer des biblioth\u00e8ques de documents dans d\u2019autres pages et produits.<\/p>\n\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.jpg\" alt=\"Une biblioth\u00e8que Document Library Pro affich\u00e9e sur une page de vitrine Shopify, avec un filtre de cat\u00e9gorie, un champ de recherche et des boutons de t\u00e9l\u00e9chargement\" style=\"max-width:100%;height:auto;border:1px solid #e3e8ee;border-radius:8px;margin:8px 0;\" \/><\/p>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comment ajouter une biblioth\u00e8que de documents \u00e0 votre boutique Shopify\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Zw2uxZnSNFw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<h2 id=\"installing-the-app\">Installer l\u2019application<\/h2>\n<ol>\n<li>Dans le Shopify App Store, recherchez <strong>Document Library Pro<\/strong> et ouvrez sa fiche.<\/li>\n<li>Cliquez sur <strong>Ajouter l\u2019application<\/strong>, puis <strong>Installer<\/strong>, puis approuvez les autorisations demand\u00e9es.<\/li>\n<li>Choisissez une offre pour commencer votre essai gratuit de 14 jours. Votre abonnement est factur\u00e9 de mani\u00e8re s\u00e9curis\u00e9e via Shopify, et vous pouvez changer d\u2019offre \u00e0 tout moment. Si vous annulez avant la fin de l\u2019essai, aucun montant ne vous sera factur\u00e9.<\/li>\n<\/ol>\n\n<h2 id=\"where-you-manage-your-library\">O\u00f9 g\u00e9rer votre biblioth\u00e8que<\/h2>\n<p>Vos documents et biblioth\u00e8ques se trouvent sur la plateforme Document Library Pro \u00e0 documentlibrary.app, et c\u2019est l\u00e0 que vous les g\u00e9rez. Le r\u00f4le de l\u2019application Shopify est de connecter ces biblioth\u00e8ques \u00e0 votre boutique et de faciliter leur affichage.<\/p>\n<p>Vous n\u2019avez pas besoin d\u2019un identifiant s\u00e9par\u00e9. Ouvrez <strong>Document Library Pro<\/strong> depuis le <strong>Applications<\/strong> section de votre interface d\u2019administration Shopify, et vous acc\u00e9dez directement \u00e0 votre compte Document Library Pro, d\u00e9j\u00e0 connect\u00e9. Depuis celui-ci, vous pouvez :<\/p>\n<ul>\n<li><strong>ajouter et modifier des documents<\/strong>, et les classer en cat\u00e9gories, \u00e9tiquettes et auteurs.<\/li>\n<li><strong>Cr\u00e9er des biblioth\u00e8ques suppl\u00e9mentaires<\/strong> qui r\u00e9pertorient un ensemble pr\u00e9cis de documents, par exemple les documents d\u2019un produit.<\/li>\n<li>Modifier l\u2019 <strong>apparence et les r\u00e9glages<\/strong>de votre biblioth\u00e8que, tels que ses colonnes, sa recherche et ses filtres.<\/li>\n<\/ul>\n<p>Ainsi, chaque fois que vous devez modifier vos documents ou votre biblioth\u00e8que, ouvrez l\u2019application depuis le menu Applications et effectuez vos modifications sur la plateforme. Pour un guide complet, consultez <a href=\"https:\/\/documentlibrary.pro\/fr\/docs\/adding-documents\/\">Ajouter des documents \u00e0 votre biblioth\u00e8que<\/a> et <a href=\"https:\/\/documentlibrary.pro\/fr\/docs\/library-builder\/\">cr\u00e9er une biblioth\u00e8que avec le Library Builder<\/a>. Le reste de cet article couvre toutes les fa\u00e7ons de <a href=\"#add-your-documents-page-to-your-store-menu\">afficher une biblioth\u00e8que sur votre boutique<\/a>.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez \u00e9galement cr\u00e9er des biblioth\u00e8ques suppl\u00e9mentaires, chacune listant un ensemble diff\u00e9rent de documents, et les ins\u00e9rer dans des pages, produits et mod\u00e8les de th\u00e8me sp\u00e9cifiques. Ce guide couvre toutes les options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Remarque : <\/strong>Les trois premi\u00e8res options de cette page fonctionnent uniquement si vous utilisez l\u2019application Shopify Document Library Pro. Si vous avez achet\u00e9 Document Library Pro directement sur ce site web sans installer l\u2019application Shopify, vous pouvez uniquement utiliser la <a href=\"#use-an-embed-code-to-add-libraries-anywhere\">m\u00e9thode du code d\u2019int\u00e9gration<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter votre page Documents au menu de votre boutique<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019application cr\u00e9e une page pr\u00eate \u00e0 l\u2019emploi appel\u00e9e <strong>Documents<\/strong> qui r\u00e9pertorie tous vos documents. Pour ajouter un lien vers celle-ci dans la navigation de votre boutique :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans votre interface d\u2019administration Shopify, allez \u00e0 <strong>Contenu \u2192 Menus<\/strong>.<\/li>\n\n\n\n<li>Ouvrez le menu souhait\u00e9, par exemple votre menu principal, puis cliquez sur <strong>Ajouter un \u00e9l\u00e9ment de menu<\/strong>.<\/li>\n\n\n\n<li>Dans le <strong>Lien<\/strong> champ, recherchez et s\u00e9lectionnez la page <strong>Documents<\/strong> .<\/li>\n\n\n\n<li>Donnez-lui un nom tel que &#8220;Documents&#8221; et cliquez sur <strong>Enregistrer le menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Add-document-library-page-to-menu-Shopify.jpg\" alt=\"S\u00e9lection de la page Documents lors de son ajout \u00e0 un menu de boutique Shopify\"\/><\/figure>\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\">La page Documents est une page Shopify normale, vous en gardez donc le contr\u00f4le total. Sous <strong>Boutique en ligne \u2192 Pages<\/strong> vous pouvez la renommer et ajouter votre propre texte et vos propres images au-dessus ou au-dessous de la biblioth\u00e8que, par exemple une courte introduction. Si vous souhaitez seulement afficher des documents sur des produits pr\u00e9cis et n\u2019avez pas besoin d\u2019une page centrale de biblioth\u00e8que, vous pouvez simplement supprimer la page Documents.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Shopify-edit-main-library-page.jpg\" alt=\"Modification de la page Documents cr\u00e9\u00e9e automatiquement dans l\u2019administration Shopify\"\/><\/figure>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Cr\u00e9er des biblioth\u00e8ques suppl\u00e9mentaires<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En plus de votre page Documents principale, vous pouvez <a href=\"https:\/\/documentlibrary.pro\/fr\/docs\/creating-multiple-libraries\/\">cr\u00e9er des biblioth\u00e8ques suppl\u00e9mentaires<\/a>, chacune listant un ensemble diff\u00e9rent de documents sur sa propre page de biblioth\u00e8que. Faites-le via la <strong>Biblioth\u00e8ques<\/strong> section de l\u2019administration Document Library Pro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, vous pouvez vouloir plusieurs biblioth\u00e8ques afin de lister diff\u00e9rents documents sur diff\u00e9rentes pages de produit, ou d\u2019afficher diff\u00e9rentes biblioth\u00e8ques dans diff\u00e9rentes parties de votre boutique. Une fois vos biblioth\u00e8ques suppl\u00e9mentaires cr\u00e9\u00e9es, utilisez les m\u00e9thodes ci-dessous pour les ajouter aux parties pertinentes de votre boutique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter une biblioth\u00e8que \u00e0 un produit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour ajouter une biblioth\u00e8que \u00e0 un produit :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le produit auquel vous souhaitez ajouter une biblioth\u00e8que.<\/li>\n\n\n\n<li>Cliquez sur <strong>Plus d\u2019actions<\/strong> en haut \u00e0 droite, puis <strong>Ins\u00e9rer une biblioth\u00e8que de documents<\/strong>.<\/li>\n\n\n\n<li>Choisissez la biblioth\u00e8que \u00e0 ajouter, puis cliquez sur <strong>Ins\u00e9rer<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Insert-document-library-link.jpg\" alt=\"Ouverture de Ins\u00e9rer une biblioth\u00e8que de documents depuis le menu Plus d\u2019actions dans l\u2019\u00e9diteur de produit Shopify\"\/><\/figure>\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\">La biblioth\u00e8que est ajout\u00e9e \u00e0 la description du produit et appara\u00eet imm\u00e9diatement sur votre vitrine. Il n\u2019y a rien d\u2019autre \u00e0 activer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vous ajoutez une biblioth\u00e8que \u00e0 une page ?<\/strong> Utilisez le <a href=\"#embed-code\">m\u00e9thode du code d\u2019int\u00e9gration ci-dessous<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quelle biblioth\u00e8que est ajout\u00e9e :<\/strong> Par d\u00e9faut, cela ins\u00e8re une biblioth\u00e8que qui liste tous vos documents. Si vous avez cr\u00e9\u00e9 des biblioth\u00e8ques suppl\u00e9mentaires, elles apparaissent \u00e9galement dans la liste afin que vous puissiez les choisir.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Shopify-select-library-to-insert-into-product.jpg\" alt=\"Choix de la biblioth\u00e8que de documents \u00e0 ins\u00e9rer dans un produit Shopify\"\/><\/figure>\n\n\n\n\n\n\n<h3 class=\"wp-block-heading\">Afficher une biblioth\u00e8que diff\u00e9rente sur chaque produit<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez afficher une biblioth\u00e8que diff\u00e9rente sur chaque produit. Ins\u00e9rez la biblioth\u00e8que souhait\u00e9e sur chaque produit en suivant les \u00e9tapes ci-dessus. Par exemple, vous pourriez cr\u00e9er une biblioth\u00e8que distincte de fiches techniques pour chaque produit et ins\u00e9rer celle qui correspond sur chaque page produit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">D\u00e9placer la biblioth\u00e8que dans la description<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La biblioth\u00e8que est toujours ajout\u00e9e \u00e0 la fin de la description. Pour la d\u00e9placer ailleurs :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans l\u2019\u00e9diteur de description, cliquez sur le bouton d\u2019affichage du code (<strong>&lt;&gt;<\/strong>) dans la barre d\u2019outils.<\/li>\n\n\n\n<li>Trouvez le <code>&lt;iframe&gt;...&lt;\/iframe&gt;<\/code> bloc, qui se trouve tout \u00e0 la fin du code.<\/li>\n\n\n\n<li>Coupez-le et collez-le \u00e0 l\u2019endroit o\u00f9 vous souhaitez que la biblioth\u00e8que apparaisse parmi vos autres contenus, puis enregistrez.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Ajouter la carte Biblioth\u00e8que de documents<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pour ajouter plus facilement des biblioth\u00e8ques de documents aux produits, vous pouvez \u00e9galement ajouter une <strong>carte Biblioth\u00e8que de documents<\/strong> \u00e0 l\u2019\u00e9cran de modification du produit lui-m\u00eame, afin que vous n\u2019ayez pas \u00e0 ouvrir le menu More actions \u00e0 chaque fois. Nous recommandons de <strong>\u00e9pinglage<\/strong> l\u2019\u00e9pingler (l\u2019ic\u00f4ne d\u2019\u00e9pingle sur la carte) afin qu\u2019elle apparaisse sur l\u2019\u00e9cran de modification de chaque produit, et pas d\u2019un seul. La carte appara\u00eet dans l\u2019onglet <strong>Blocs<\/strong> section vers le bas de l\u2019\u00e9cran de modification, et Shopify y conserve les cartes d\u2019applications, elle ne peut donc pas \u00eatre d\u00e9plac\u00e9e plus haut sur la page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Faites d\u00e9filer jusqu\u2019\u00e0 <strong>Blocs<\/strong> section au bas d\u2019un produit, cliquez sur <strong>Ajouter un bloc<\/strong>, choisissez <strong>carte Biblioth\u00e8que de documents<\/strong>, puis \u00e9pinglez-la.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Insert-document-library-card-to-Shopify-product-editor.jpg\" alt=\"Ajout du bloc de carte Biblioth\u00e8que de documents dans l\u2019\u00e9diteur de produit Shopify\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Document-library-card-on-product-editor.jpg\" alt=\"La carte Biblioth\u00e8que de documents dans l\u2019\u00e9diteur de produit Shopify avec une liste d\u00e9roulante de biblioth\u00e8que et un bouton Ins\u00e9rer\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter une biblioth\u00e8que \u00e0 un mod\u00e8le de th\u00e8me<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez ajouter une biblioth\u00e8que de documents \u00e0 un emplacement fixe dans votre th\u00e8me plut\u00f4t qu\u2019\u00e0 l\u2019int\u00e9rieur d\u2019une description de produit ou de page (par exemple sous le bouton Ajouter au panier), vous pouvez l\u2019ajouter comme bloc de th\u00e8me :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aller \u00e0 <strong>Boutique en ligne \u2192 Th\u00e8mes<\/strong> et cliquez sur <strong>Personnaliser<\/strong>.<\/li>\n\n\n\n<li>Ouvrez le mod\u00e8le souhait\u00e9, par exemple le mod\u00e8le de produit, puis cliquez sur <strong>Ajouter un bloc<\/strong> dans la section o\u00f9 vous voulez la biblioth\u00e8que, et choisissez le <strong>Biblioth\u00e8que de documents<\/strong> bloc.<\/li>\n\n\n\n<li>Elle liste tous vos documents par d\u00e9faut. Pour afficher une biblioth\u00e8que sp\u00e9cifique \u00e0 la place, choisissez-en une dans la <strong>Library<\/strong> liste d\u00e9roulante, puis enregistrez.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Document-Library-Shopify-App-Theme-Block-1024x445.jpg\" alt=\"Bloc de th\u00e8me de l\u2019application Shopify Document Library\" class=\"wp-image-722\" srcset=\"\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Comme un bloc de th\u00e8me est plac\u00e9 sur le mod\u00e8le, il affiche la <strong>m\u00eame<\/strong> biblioth\u00e8que sur chaque produit ou page qui utilise ce mod\u00e8le. Pour afficher une <strong>diff\u00e9rent<\/strong> biblioth\u00e8que sur chaque produit, utilisez la m\u00e9thode d\u2019insertion ci-dessus, qui ajoute la biblioth\u00e8que \u00e0 ce produit uniquement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utiliser un code d\u2019int\u00e9gration pour ajouter des biblioth\u00e8ques n\u2019importe o\u00f9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque biblioth\u00e8que poss\u00e8de un code d\u2019int\u00e9gration (un <code>&lt;iframe&gt;<\/code>). Vous pouvez le coller partout o\u00f9 vous pouvez ajouter du HTML. C\u2019est la m\u00e9thode \u00e0 utiliser si vous utilisez Document Library Pro sans l\u2019application Shopify, ou si vous souhaitez placer une biblioth\u00e8que \u00e0 un endroit que les \u00e9tapes ci-dessus ne couvrent pas. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour obtenir votre code d\u2019int\u00e9gration, ouvrez d\u2019abord la <strong>Publier la biblioth\u00e8que<\/strong> page dans votre tableau de bord Document Library Pro et copiez le code d\u2019int\u00e9gration de la biblioth\u00e8que concern\u00e9e. (Si vous n\u2019avez pas encore cr\u00e9\u00e9 la biblioth\u00e8que que vous souhaitez int\u00e9grer, vous pouvez le faire sur la page Biblioth\u00e8ques.)<\/p>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/Publish-library-and-get-document-embed-code-1024x450.jpg\" alt=\"Int\u00e9grez une biblioth\u00e8que de documents \u00e0 n\u2019importe quel site web avec un code iframe. \" class=\"wp-image-723\" srcset=\"\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, collez le code d\u2019int\u00e9gration dans l\u2019un des \u00e9l\u00e9ments suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Une description de produit :<\/strong> Ouvrez le produit, cliquez sur le bouton d\u2019affichage du code (<strong>&lt;&gt;<\/strong>) dans la barre d\u2019outils de la description, puis collez le code d\u2019int\u00e9gration \u00e0 l\u2019endroit souhait\u00e9.<\/li>\n\n\n\n<li><strong>Une page :<\/strong> Aller \u00e0 <strong>Boutique en ligne \u2192 Pages<\/strong>, ouvrez ou cr\u00e9ez une page, cliquez sur le bouton d\u2019affichage du code (<strong>&lt;&gt;<\/strong>) dans la barre d\u2019outils du contenu, puis collez le code d\u2019int\u00e9gration.<\/li>\n\n\n\n<li><strong>Une section de th\u00e8me :<\/strong> Dans <strong>Boutique en ligne \u2192 Th\u00e8mes \u2192 Personnaliser<\/strong>, ajoutez un <strong>Liquid personnalis\u00e9<\/strong> bloc \u00e0 une section et collez-y le code d\u2019int\u00e9gration.<\/li>\n\n\n\n<li><strong>Tout autre site web :<\/strong> Le m\u00eame code d\u2019int\u00e9gration fonctionne sur n\u2019importe quel site web, pas seulement Shopify.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-embed-on-page-iframe.jpg\" alt=\"Collage d\u2019un code d\u2019int\u00e9gration de biblioth\u00e8que de documents dans l\u2019affichage du code d\u2019une page Shopify\"\/><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Si le code d\u2019int\u00e9gration semble avoir disparu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir coll\u00e9 le code d\u2019int\u00e9gration dans Shopify, la biblioth\u00e8que peut sembler avoir disparu. Elle n\u2019a pas disparu. Les \u00e9diteurs de pages et de descriptions de produits de Shopify n\u2019affichent pas une biblioth\u00e8que int\u00e9gr\u00e9e dans l\u2019onglet visuel, la zone peut donc sembler vide m\u00eame si le code a bien \u00e9t\u00e9 enregistr\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assurez-vous de coller le code d\u2019int\u00e9gration via le bouton d\u2019affichage du code, affich\u00e9 comme <strong>&lt;&gt;<\/strong> dans la barre d\u2019outils de l\u2019\u00e9diteur. Le saisir ou le coller dans l\u2019onglet visuel ne fonctionne pas. Apr\u00e8s l\u2019enregistrement, affichez la page sur votre boutique en ligne active pour voir la biblioth\u00e8que.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre code d\u2019int\u00e9gration comporte deux parties : un <code>&lt;iframe&gt;<\/code>, et un petit script en dessous qui permet \u00e0 la biblioth\u00e8que de se redimensionner pour s\u2019adapter \u00e0 son contenu. L\u2019\u00e9diteur de Shopify conserve le <code>&lt;iframe&gt;<\/code> et supprime le script. Cela signifie que la biblioth\u00e8que reste \u00e0 la hauteur d\u00e9finie sur le <code>&lt;iframe&gt;<\/code> au lieu de s\u2019agrandir pour s\u2019adapter. Vous pouvez modifier la valeur de hauteur dans l\u2019attribut style, par exemple <code>height:600px<\/code>, pour l\u2019adapter \u00e0 votre biblioth\u00e8que.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous voulez que la biblioth\u00e8que ajuste elle-m\u00eame sa taille, utilisez l\u2019une des options propres \u00e0 l\u2019app abord\u00e9es plus haut sur cette page : la page Documents pr\u00eate \u00e0 l\u2019emploi, l\u2019option Insert document library sur un produit, ou le bloc de th\u00e8me Document Library.<\/p>","protected":false},"excerpt":{"rendered":"<p>Document Library Pro is available as a Shopify app, so you can add a searchable, filterable library of documents to your store without using embed codes. The app automatically creates a main &#8220;Documents&#8221; page that lists all your documents, which you can add to your store menu, and it provides an easy way to insert [&hellip;]<\/p>\n","protected":false},"menu_order":40,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-457","doc","type-doc","status-publish","hentry","doc_category-platforms"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add your document library to Shopify<\/title>\n<meta name=\"description\" content=\"How to install the Document Library Pro Shopify app, and every way to display a document library in your store: the Documents page, products, themes and embed codes.\" \/>\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\/insert-document-library-into-shopify\/\" \/>\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 Shopify\" \/>\n<meta property=\"og:description\" content=\"How to install the Document Library Pro Shopify app, and every way to display a document library in your store: the Documents page, products, themes and embed codes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/fr\/docs\/insert-document-library-into-shopify\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T16:03:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/\",\"name\":\"Add your document library to Shopify\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shopify-library-on-page.jpg\",\"datePublished\":\"2026-06-29T11:28:57+00:00\",\"dateModified\":\"2026-09-14T16:03:58+00:00\",\"description\":\"How to install the Document Library Pro Shopify app, and every way to display a document library in your store: the Documents page, products, themes and embed codes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shopify-library-on-page.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/shopify-library-on-page.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/insert-document-library-into-shopify\\\/#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 Shopify\"}]},{\"@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":"Ajouter votre biblioth\u00e8que \u00e0 Shopify","description":"Comment installer l\u2019application Shopify Document Library Pro, et toutes les fa\u00e7ons d\u2019afficher une biblioth\u00e8que de documents dans votre boutique : la page Documents, les produits, les th\u00e8mes et les codes d\u2019int\u00e9gration.","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\/insert-document-library-into-shopify\/","og_locale":"fr_FR","og_type":"article","og_title":"Add your document library to Shopify","og_description":"How to install the Document Library Pro Shopify app, and every way to display a document library in your store: the Documents page, products, themes and embed codes.","og_url":"https:\/\/documentlibrary.pro\/fr\/docs\/insert-document-library-into-shopify\/","og_site_name":"Document Library Pro","article_modified_time":"2026-09-14T16:03:58+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/","url":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/","name":"Ajouter votre biblioth\u00e8que \u00e0 Shopify","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.jpg","datePublished":"2026-06-29T11:28:57+00:00","dateModified":"2026-09-14T16:03:58+00:00","description":"Comment installer l\u2019application Shopify Document Library Pro, et toutes les fa\u00e7ons d\u2019afficher une biblioth\u00e8que de documents dans votre boutique : la page Documents, les produits, les th\u00e8mes et les codes d\u2019int\u00e9gration.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/shopify-library-on-page.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/insert-document-library-into-shopify\/#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 Shopify"}]},{"@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\/457","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":12,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/457\/revisions"}],"predecessor-version":[{"id":1076,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/457\/revisions\/1076"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/media?parent=457"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc_category?post=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}