{"id":8316,"date":"2026-10-08T07:44:35","date_gmt":"2026-10-08T05:44:35","guid":{"rendered":"https:\/\/helpdesk.kontainer.com\/article\/utiliser-kontainer-avec-umbraco\/"},"modified":"2026-10-08T07:44:35","modified_gmt":"2026-10-08T05:44:35","slug":"utiliser-kontainer-avec-umbraco","status":"publish","type":"article","link":"https:\/\/helpdesk.kontainer.com\/fr\/article\/utiliser-kontainer-avec-umbraco\/","title":{"rendered":"Utiliser Kontainer avec Umbraco"},"content":{"rendered":"<p>Le plugin Kontainer pour Umbraco ajoute un s\u00e9lecteur de m\u00e9dias au back-office d&rsquo;Umbraco, qui donne aux \u00e9diteurs un acc\u00e8s direct aux fichiers approuv\u00e9s de Kontainer pendant qu&rsquo;ils cr\u00e9ent et maintiennent le contenu du site. Suivez les instructions ci-dessous pour le configurer et commencer \u00e0 l&rsquo;utiliser.<\/p>\n<p><em>\u00c0 noter&nbsp;: avant d&rsquo;utiliser Kontainer dans Umbraco, vous devez installer le plugin. <a href=\"https:\/\/marketplace.umbraco.com\/package\/kontainer.umbraco\" target=\"_blank\" rel=\"noopener\"><strong>En savoir plus ici<\/strong><\/a>. <\/em><\/p>\n<p>Consultez les <a href=\"https:\/\/www.nuget.org\/packages\/kontainer.umbraco\" target=\"_blank\" rel=\"noopener\"><em><strong>ressources du plugin sur NuGet<\/strong> <\/em><\/a>et la <a href=\"https:\/\/kontainer.com\/fr\/integrations\/umbraco\" target=\"_blank\" rel=\"noopener\"><em><strong>page d&rsquo;int\u00e9gration de Kontainer<\/strong><\/em><\/a> pour plus d&rsquo;informations.<\/p>\n<p><em>Vous utilisez encore un ancien site Umbraco 8&nbsp;? Utilisez plut\u00f4t l&rsquo;ancien plugin et son guide sur Our Umbraco, voir la note en bas de cet article.<\/em><\/p>\n<h2>Pas \u00e0 pas&nbsp;: installer et configurer Kontainer dans Umbraco<\/h2>\n<h3>Installer le plugin<\/h3>\n<ol>\n<li>Installez le package depuis NuGet&nbsp;: <code>dotnet add package Kontainer.Umbraco<\/code> (ou avec la console du gestionnaire de packages NuGet&nbsp;: <code>Install-Package Kontainer.Umbraco<\/code>)<\/li>\n<li>Compilez et red\u00e9marrez votre application Umbraco. Les fichiers du back-office du plugin sont automatiquement copi\u00e9s dans votre projet.<\/li>\n<\/ol>\n<h3>Ajouter le Kontainer Media Picker<\/h3>\n<ol>\n<li>Ouvrez le back-office d&rsquo;Umbraco et rendez-vous dans <strong>Settings<\/strong><\/li>\n<li>Cr\u00e9ez un nouveau <strong>Data Type<\/strong><\/li>\n<li>S\u00e9lectionnez <strong>Kontainer Media Picker<\/strong> comme \u00e9diteur de propri\u00e9t\u00e9<\/li>\n<li>Saisissez le domaine de votre Kontainer et choisissez vos param\u00e8tres de s\u00e9lection (un ou plusieurs \u00e9l\u00e9ments, nombre minimal et maximal)<\/li>\n<li>Ajoutez le Data Type au Document Type concern\u00e9<\/li>\n<\/ol>\n<p>Une fois cette \u00e9tape termin\u00e9e, les \u00e9diteurs voient le s\u00e9lecteur Kontainer sur toute page de contenu qui utilise ce Document Type.<\/p>\n<h3>Pas \u00e0 pas&nbsp;: utiliser Kontainer avec Umbraco<\/h3>\n<ol>\n<li>Ouvrez dans Umbraco la page sur laquelle vous travaillez<\/li>\n<li>Rep\u00e9rez le champ Kontainer Media Picker sous l&rsquo;onglet <strong>Content<\/strong><\/li>\n<li>Ouvrez le s\u00e9lecteur pour parcourir votre biblioth\u00e8que Kontainer<\/li>\n<li>S\u00e9lectionnez l&rsquo;image ou le fichier dont vous avez besoin (plusieurs \u00e9l\u00e9ments si le champ le permet)<\/li>\n<li>Confirmez votre s\u00e9lection pour l&rsquo;ajouter \u00e0 la page<\/li>\n<\/ol>\n<p>Pour toute question et pour plus d&rsquo;informations sur le plugin Umbraco, contactez-nous \u00e0 l&rsquo;adresse <a href=\"mailto:support@kontainer.com\">support@kontainer.com<\/a><\/p>\n<h3>Pour Umbraco 8 (ancienne version)<br \/>\n<\/h3>\n<p>Si votre site est encore sur Umbraco 8, utilisez plut\u00f4t l&rsquo;ancien plugin&nbsp;:<\/p>\n<ol>\n<li>Installez-le avec l&rsquo;<a href=\"https:\/\/marketplace.umbraco.com\/package\/kontainer.umbraco\" target=\"_blank\" rel=\"noopener\">ancien package sur Our Umbraco<\/a><\/li>\n<li>Ouvrez dans Umbraco la page sur laquelle vous travaillez<\/li>\n<li>Rep\u00e9rez Kontainer sous l&rsquo;onglet <strong>Content<\/strong> et cliquez sur le bouton plus pour l&rsquo;ouvrir<\/li>\n<li>Acc\u00e9dez \u00e0 l&rsquo;image dont vous avez besoin<\/li>\n<li>Survolez-la et cliquez sur <strong>Download<\/strong> pour r\u00e9cup\u00e9rer le fichier original, ou s\u00e9lectionnez l&rsquo;image et choisissez <strong>Use<\/strong> \u2192 <strong>Use Custom<\/strong> pour la redimensionner avant de l&rsquo;utiliser<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Le plugin Kontainer pour Umbraco ajoute un s\u00e9lecteur de m\u00e9dias au back-office d&rsquo;Umbraco, qui donne aux \u00e9diteurs un acc\u00e8s direct aux fichiers approuv\u00e9s de Kontainer pendant qu&rsquo;ils cr\u00e9ent et maintiennent le contenu du site. Suivez les instructions ci-dessous pour le configurer et commencer \u00e0 l&rsquo;utiliser. \u00c0 noter&nbsp;: avant d&rsquo;utiliser Kontainer dans Umbraco, vous devez installer [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"menu_order":0,"comment_status":"","ping_status":"closed","template":"","article-category":[194],"article-tag":[202,203,205],"class_list":["post-8316","article","type-article","status-publish","hentry","article-category-integrations-et-plugins","article-tag-pim","article-tag-offres-premium","article-tag-dam"],"translations":{"da":{"id":7996,"title":"Brug Kontainer med Umbraco","url":"https:\/\/helpdesk.kontainer.com\/da\/article\/brug-kontainer-med-umbraco\/"},"de":{"id":6913,"title":"Kontainer mit Umbraco nutzen","url":"https:\/\/helpdesk.kontainer.com\/de\/article\/kontainer-mit-umbraco-nutzen\/"},"en":{"id":3701,"title":"Use Kontainer With Umbraco","url":"https:\/\/helpdesk.kontainer.com\/article\/umbraco-2\/"},"es":{"id":8433,"title":"C\u00f3mo usar Kontainer con Umbraco","url":"https:\/\/helpdesk.kontainer.com\/es\/article\/como-usar-kontainer-con-umbraco\/"},"fr":{"id":8316,"title":"Utiliser Kontainer avec Umbraco","url":"https:\/\/helpdesk.kontainer.com\/fr\/article\/utiliser-kontainer-avec-umbraco\/"},"nl":{"id":8137,"title":"Kontainer gebruiken met Umbraco","url":"https:\/\/helpdesk.kontainer.com\/nl\/article\/kontainer-gebruiken-met-umbraco\/"},"sv":{"id":7858,"title":"Anv\u00e4nd Kontainer med Umbraco","url":"https:\/\/helpdesk.kontainer.com\/sv\/article\/anvand-kontainer-med-umbraco\/"}},"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/article\/8316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/comments?post=8316"}],"version-history":[{"count":0,"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/article\/8316\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/media?parent=8316"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/article-category?post=8316"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/fr\/wp-json\/wp\/v2\/article-tag?post=8316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}