{"id":8010,"date":"2026-10-07T10:32:50","date_gmt":"2026-10-07T08:32:50","guid":{"rendered":"https:\/\/helpdesk.kontainer.com\/article\/integrationsguide-til-storyblok\/"},"modified":"2026-10-07T10:32:50","modified_gmt":"2026-10-07T08:32:50","slug":"integrationsguide-til-storyblok","status":"publish","type":"article","link":"https:\/\/helpdesk.kontainer.com\/da\/article\/integrationsguide-til-storyblok\/","title":{"rendered":"Integrationsguide til Storyblok"},"content":{"rendered":"<p>Med Kontainers Storyblok-integration kan jeres redakt\u00f8rer v\u00e6lge billeder, videoer og filer direkte fra jeres DAM uden at uploade filer til Storyblok. Storyblok gemmer kun en reference til filen. Selve filen bliver i Kontainer og leveres via CDN.<\/p>\n<p>G\u00e5 til Kontainers <a href=\"https:\/\/kontainer.com\/da\/integrations\" target=\"_blank\" rel=\"noopener\">integrationsside<\/a> for at h\u00f8re mere om anvendelser, fordele med mere.<\/p>\n<h2>Krav<\/h2>\n<ul>\n<li>Et Storyblok-space og <strong>administratorrettigheder<\/strong> til det \u2013 udvidelsen kan ikke installeres uden dem<\/li>\n<li>En Kontainer-konto (https:\/\/yourcompany.kontainer.com)<\/li>\n<li>Storyblok-integrationen sl\u00e5et til p\u00e5 jeres Kontainer-konto \u2013 bekr\u00e6ft med jeres kontaktperson, at den er med i jeres abonnement<\/li>\n<\/ul>\n<h2>Hvad gemmes hvor?<\/h2>\n<p>Jeres filer bliver i Kontainer. Der uploades intet til Storybloks mediebibliotek. Storyblok gemmer en almindelig filv\u00e6rdi, der peger p\u00e5 Kontainers CDN, med Kontainer-referencen gemt ved siden af:<\/p>\n<ul>\n<li><code>filename<\/code> \u2013 CDN-URL&#8217;en, inklusive den downloadskabelon, I valgte<\/li>\n<li><code>alt, title<\/code> \u2013 hentet fra filens beskrivelse i Kontainer<\/li>\n<li><code>focus<\/code> \u2013 det fokuspunkt, I angav i Kontainer, i Storybloks eget format<\/li>\n<li><code>meta_data.kontainer_file_id, kontainer_folder_id, kontainer_url<\/code> \u2013 identifikatorer til at hente filen<\/li>\n<li><code>meta_data.kontainer_thumbnail_url, kontainer_extension, kontainer_type<\/code><\/li>\n<\/ul>\n<p>Fordi alt-teksten og fokuspunktet f\u00f8lger med referencen, beh\u00f8ver redakt\u00f8rerne ikke skrive metadata igen i Storyblok, og n\u00e5r en fil udskiftes i Kontainer, opdateres den overalt, hvor den bruges.<\/p>\n<h2>Kom i gang<\/h2>\n<h3>1. Sl\u00e5 integrationen til i Kontainer<\/h3>\n<p>Bed jeres kontaktperson om at sl\u00e5 Storyblok-integrationen til for jeres Kontainer-konto. Det lader Storyblok indlejre Kontainers filv\u00e6lger og er p\u00e5kr\u00e6vet, f\u00f8r v\u00e6lgeren kan \u00e5bne.<\/p>\n<h3>2. Install\u00e9r udvidelsen i Storyblok<\/h3>\n<p>\u00c5bn installationslinket, v\u00e6lg det space, I vil installere i, og bekr\u00e6ft:<\/p>\n<pre><code>https:\/\/app.storyblok.com\/#\/install\/kontainer@asset-picker<\/code><\/pre>\n<p>I skal have administratorrettigheder til det space, I installerer i. Install\u00e9r det \u00e9n gang pr. space.<\/p>\n<h3>3. Tilf\u00f8j Kontainer-feltet til en blok<\/h3>\n<p>I jeres space g\u00e5r I til <strong>Block Library<\/strong>, \u00e5bner den blok, I vil have v\u00e6lgeren i, og tilf\u00f8jer et nyt felt. S\u00e6t dets type til <strong>Plugin<\/strong>, og v\u00e6lg <code>kontainer<\/code> p\u00e5 listen.<\/p>\n<h3>4. Peg feltet p\u00e5 jeres Kontainer<\/h3>\n<p>N\u00e5r feltet er valgt, tilf\u00f8jer I muligheden <code>kontainerHost<\/code> og s\u00e6tter den til jeres Kontainer-dom\u00e6ne, fx <code>yourcompany.kontainer.com<\/code> (med eller uden <code>https:\/\/<\/code>).<\/p>\n<p>Storyblok gemmer pluginindstillinger pr. felt, s\u00e5 gentag det p\u00e5 hvert felt, der bruger v\u00e6lgeren. Storyblok overf\u00f8rer ikke indstillingsv\u00e6rdier mellem spaces, s\u00e5 hvert space konfigureres for sig.<\/p>\n<h3>5. V\u00e6lg filer<\/h3>\n<p>\u00c5bn en story, der bruger blokken, og klik p\u00e5 <strong>Select from Kontainer<\/strong> p\u00e5 feltet. F\u00f8rste gang logger I ind med jeres almindelige Kontainer-brugernavn og -adgangskode. Gennemse, s\u00f8g og filtr\u00e9r jeres bibliotek som s\u00e6dvanligt, anvend eventuelt en downloadskabelon (besk\u00e6ring, \u00e6ndring af st\u00f8rrelse, format), og v\u00e6lg filen.<\/p>\n<p>Feltet viser s\u00e5 en forh\u00e5ndsvisning og filnavnet. <strong>Replace asset<\/strong> v\u00e6lger en anden fil, og <strong>Remove asset<\/strong> rydder feltet. Filer, der ikke er billeder, som PDF&#8217;er og video, viser et filkort med filtypen i stedet for et forh\u00e5ndsvisningsbillede.<\/p>\n<h2>Feltindstillinger<\/h2>\n<table>\n<tr>\n<th>Indstilling<\/th>\n<th>P\u00e5kr\u00e6vet<\/th>\n<th>V\u00e6rdi<\/th>\n<\/tr>\n<tr>\n<td><code>kontainerHost<\/code><\/td>\n<td>Ja<\/td>\n<td>Jeres Kontainer-dom\u00e6ne, fx <code>yourcompany.kontainer.com<\/code><\/td>\n<\/tr>\n<tr>\n<td><code>mode<\/code><\/td>\n<td>Nej<\/td>\n<td><code>external<\/code> (standard) linker til filen i Kontainer. <code>import<\/code> kopierer den ind i Storybloks mediebibliotek.<\/td>\n<\/tr>\n<tr>\n<td><code>storyblokRegion<\/code><\/td>\n<td>Kun ved import<\/td>\n<td><code>eu<\/code> (standard), <code>us<\/code>, <code>ca<\/code>, <code>ap<\/code> eller <code>cn<\/code><\/td>\n<\/tr>\n<tr>\n<td><code>storyblokManagementToken<\/code><\/td>\n<td>Kun ved import<\/td>\n<td>Et personligt adgangstoken fra Storyblok med skriveadgang til filer<\/td>\n<\/tr>\n<tr>\n<td><code>maxImportMb<\/code><\/td>\n<td>Nej<\/td>\n<td>Den st\u00f8rste fil, importen accepterer, standard <code>50<\/code><\/td>\n<\/tr>\n<\/table>\n<h2>Valgfrit: import\u00e9r filer til Storyblok<\/h2>\n<p>Nogle teams kr\u00e6ver, at alle filer hostes af Storyblok selv. S\u00e6tter I <code>mode<\/code> til <code>import<\/code>, kopieres filen ind i spacets eget mediebibliotek i stedet for at blive linket. Filen er s\u00e5 en almindelig Storyblok-fil, som Storyblok image service kan transformere.<\/p>\n<p>To ting, I skal huske, f\u00f8r I s\u00e6tter et felt til importtilstand:<\/p>\n<ul>\n<li>Kopien opdateres ikke l\u00e6ngere, n\u00e5r filen \u00e6ndres i Kontainer.<\/li>\n<li>Management-tokenet er en feltindstilling, hvilket betyder, at det leveres til browseren hos hver redakt\u00f8r, der bruger det felt. Opret et <strong>afgr\u00e6nset<\/strong> token til det: I Storyblok giver I det kun scopet Assets, begr\u00e6nset til det ene space, der har brug for det. Genbrug ikke et token, der har adgang til hele jeres konto.<\/li>\n<\/ul>\n<h2>Brug filen i jeres frontend<\/h2>\n<p>Feltet returnerer et almindeligt Storyblok-filobjekt, s\u00e5 det opf\u00f8rer sig som ethvert andet filfelt:<\/p>\n<pre><code>const { filename, alt, focus } = story.content.hero;<\/code><\/pre>\n<p>Hent filen fra <code>filename<\/code> \u2013 den leveres fra Kontainers CDN.<\/p>\n<p>Storyblok image service \u00e6ndrer ikke st\u00f8rrelsen p\u00e5 eller besk\u00e6rer en ekstern URL, s\u00e5 brug Kontainers egne transformationsparametre eller en downloadskabelon valgt ved udv\u00e6lgelsen til at styre den leverede st\u00f8rrelse og det leverede format. Fokuspunktet er tilg\u00e6ngeligt b\u00e5de som Storyblok-v\u00e6rdien <code>focus<\/code> og som r\u00e5 pixelkoordinater i <code>meta_data<\/code>.<\/p>\n<h2>Support<\/h2>\n<p>Har I brug for hj\u00e6lp til at s\u00e6tte Storyblok-pluginet op eller konfigurere det, hj\u00e6lper vores supportteam gerne.<\/p>\n<p>Kontakt: <a href=\"mailto:support@kontainer.com\">support@kontainer.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Med Kontainers Storyblok-integration kan jeres redakt\u00f8rer inds\u00e6tte billeder, videoer og filer direkte fra jeres DAM i Storyblok Visual Editor \u2013 uden at downloade og uploade dem igen.<\/p>\n","protected":false},"author":16,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","article-category":[60,114],"article-tag":[152,155,157],"class_list":["post-8010","article","type-article","status-publish","hentry","article-category-admin-indstillinger","article-category-integrationer-plugins","article-tag-dam","article-tag-tilkoebsmodul","article-tag-premium-pakker"],"translations":{"da":{"id":8010,"title":"Integrationsguide til Storyblok","url":"https:\/\/helpdesk.kontainer.com\/da\/article\/integrationsguide-til-storyblok\/"},"de":{"id":7755,"title":"Storyblok-Integrationsleitfaden","url":"https:\/\/helpdesk.kontainer.com\/de\/article\/storyblok-integrationsleitfaden\/"},"en":{"id":7754,"title":"Storyblok Integration Guide","url":"https:\/\/helpdesk.kontainer.com\/article\/storyblok-integration-guide\/"},"nl":{"id":8135,"title":"Integratiegids voor Storyblok","url":"https:\/\/helpdesk.kontainer.com\/nl\/article\/integratiegids-voor-storyblok\/"},"sv":{"id":7857,"title":"Integrationsguide f\u00f6r Storyblok","url":"https:\/\/helpdesk.kontainer.com\/sv\/article\/integrationsguide-for-storyblok\/"}},"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/article\/8010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/comments?post=8010"}],"version-history":[{"count":0,"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/article\/8010\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/media?parent=8010"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/article-category?post=8010"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/da\/wp-json\/wp\/v2\/article-tag?post=8010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}