{"id":7857,"date":"2026-09-30T08:13:55","date_gmt":"2026-09-30T06:13:55","guid":{"rendered":"https:\/\/helpdesk.kontainer.com\/article\/integrationsguide-for-storyblok\/"},"modified":"2026-09-30T08:13:55","modified_gmt":"2026-09-30T06:13:55","slug":"integrationsguide-for-storyblok","status":"publish","type":"article","link":"https:\/\/helpdesk.kontainer.com\/sv\/article\/integrationsguide-for-storyblok\/","title":{"rendered":"Integrationsguide f\u00f6r Storyblok"},"content":{"rendered":"<p>Med Kontainers integration f\u00f6r Storyblok kan era redakt\u00f6rer v\u00e4lja bilder, videor och filer direkt fr\u00e5n ert DAM utan att ladda upp filer till Storyblok. Storyblok sparar bara en referens till filen \u2013 sj\u00e4lva filen stannar i Kontainer och levereras via CDN.<\/p>\n<p>G\u00e5 till Kontainers <a href=\"https:\/\/kontainer.com\/sv\/integrations\" target=\"_blank\" rel=\"noopener\">integrationssida<\/a> f\u00f6r att l\u00e4sa mer om anv\u00e4ndningsomr\u00e5den, f\u00f6rdelar med mera.<\/p>\n<h2>Krav<\/h2>\n<ul>\n<li>Ett Storyblok-space och <strong>administrat\u00f6rsr\u00e4ttigheter<\/strong> till det \u2013 till\u00e4gget kan inte installeras utan dem<\/li>\n<li>Ett Kontainer-konto (https:\/\/yourcompany.kontainer.com)<\/li>\n<li>Integrationen f\u00f6r Storyblok aktiverad p\u00e5 ert Kontainer-konto \u2013 kontrollera med er kontoansvarige att den ing\u00e5r i ert paket<\/li>\n<\/ul>\n<h2>Vad sparas var?<\/h2>\n<p>Era filer stannar i Kontainer. Inget laddas upp till Storybloks filbibliotek. Storyblok sparar ett vanligt tillg\u00e5ngsv\u00e4rde som pekar p\u00e5 Kontainers CDN, tillsammans med Kontainer-referensen:<\/p>\n<ul>\n<li><code>filename<\/code> \u2013 CDN-URL:en, inklusive den nedladdningsmall ni valde<\/li>\n<li><code>alt, title<\/code> \u2013 h\u00e4mtas fr\u00e5n filens beskrivning i Kontainer<\/li>\n<li><code>focus<\/code> \u2013 den fokuspunkt ni har angett i Kontainer, i Storybloks eget format<\/li>\n<li><code>meta_data.kontainer_file_id, kontainer_folder_id, kontainer_url<\/code> \u2013 identifierare f\u00f6r att h\u00e4mta filen<\/li>\n<li><code>meta_data.kontainer_thumbnail_url, kontainer_extension, kontainer_type<\/code><\/li>\n<\/ul>\n<p>Eftersom alt-text och fokuspunkt f\u00f6ljer med referensen beh\u00f6ver redakt\u00f6rerna inte skriva in metadata p\u00e5 nytt i Storyblok, och om en fil byts ut i Kontainer uppdateras den \u00f6verallt d\u00e4r den anv\u00e4nds.<\/p>\n<h2>Kom i g\u00e5ng<\/h2>\n<h3>1. Aktivera integrationen i Kontainer<\/h3>\n<p>Be er kontoansvarige att aktivera integrationen f\u00f6r Storyblok p\u00e5 ert Kontainer-konto. Det g\u00f6r att Storyblok kan b\u00e4dda in Kontainers filv\u00e4ljare, och det kr\u00e4vs innan v\u00e4ljaren kan \u00f6ppnas.<\/p>\n<h3>2. Installera till\u00e4gget i Storyblok<\/h3>\n<p>\u00d6ppna installationsl\u00e4nken, v\u00e4lj det space som till\u00e4gget ska installeras i och bekr\u00e4fta:<\/p>\n<pre><code>https:\/\/app.storyblok.com\/#\/install\/kontainer@asset-picker<\/code><\/pre>\n<p>Ni beh\u00f6ver administrat\u00f6rsr\u00e4ttigheter till m\u00e5lspacet. Installera en g\u00e5ng per space.<\/p>\n<h3>3. L\u00e4gg till Kontainer-f\u00e4ltet i ett block<\/h3>\n<p>G\u00e5 till <strong>Block Library<\/strong> i ert space, \u00f6ppna det block d\u00e4r v\u00e4ljaren ska finnas och l\u00e4gg till ett nytt f\u00e4lt. Ange typen <strong>Plugin<\/strong> och v\u00e4lj <code>kontainer<\/code> i listan.<\/p>\n<h3>4. Peka f\u00e4ltet mot ert Kontainer-konto<\/h3>\n<p>Med f\u00e4ltet markerat l\u00e4gger ni till alternativet <code>kontainerHost<\/code> och anger er Kontainer-dom\u00e4n, till exempel <code>yourcompany.kontainer.com<\/code> (med eller utan <code>https:\/\/<\/code>).<\/p>\n<p>Storyblok sparar pluginalternativ per f\u00e4lt, s\u00e5 upprepa detta f\u00f6r varje f\u00e4lt som anv\u00e4nder v\u00e4ljaren. Storyblok f\u00f6r inte \u00f6ver v\u00e4rden mellan olika spaces, s\u00e5 varje space konfigureras f\u00f6r sig.<\/p>\n<h3>5. V\u00e4lj filer<\/h3>\n<p>\u00d6ppna en story som anv\u00e4nder blocket och klicka p\u00e5 <strong>Select from Kontainer<\/strong> i f\u00e4ltet. F\u00f6rsta g\u00e5ngen loggar ni in med ert vanliga anv\u00e4ndarnamn och l\u00f6senord f\u00f6r Kontainer. Bl\u00e4ddra, s\u00f6k och filtrera i biblioteket som vanligt, anv\u00e4nd vid behov en nedladdningsmall (besk\u00e4rning, storlek, format) och v\u00e4lj filen.<\/p>\n<p>F\u00e4ltet visar sedan en f\u00f6rhandsvisning och filnamnet. Med <strong>Replace asset<\/strong> v\u00e4ljer ni en annan fil och med <strong>Remove asset<\/strong> t\u00f6mmer ni f\u00e4ltet. Filer som inte \u00e4r bilder, till exempel PDF:er och videor, visas som ett filkort med filtypen i st\u00e4llet f\u00f6r en f\u00f6rhandsvisning.<\/p>\n<h2>F\u00e4ltalternativ<\/h2>\n<div>\n<table>\n<tr>\n<th>Alternativ<\/th>\n<th>Obligatoriskt<\/th>\n<th>V\u00e4rde<\/th>\n<\/tr>\n<tr>\n<td><code>kontainerHost<\/code><\/td>\n<td>Ja<\/td>\n<td>Er Kontainer-dom\u00e4n, t.ex. <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) l\u00e4nkar filen i Kontainer. <code>import<\/code> kopierar den till Storybloks filbibliotek.<\/td>\n<\/tr>\n<tr>\n<td><code>storyblokRegion<\/code><\/td>\n<td>Bara vid 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>Bara vid import<\/td>\n<td>En personlig \u00e5tkomsttoken f\u00f6r Storyblok med skrivr\u00e4ttighet till filer<\/td>\n<\/tr>\n<tr>\n<td><code>maxImportMb<\/code><\/td>\n<td>Nej<\/td>\n<td>St\u00f6rsta fil som importen accepterar, standard <code>50<\/code><\/td>\n<\/tr>\n<\/table>\n<\/div>\n<h2>Valfritt: importera filer till Storyblok<\/h2>\n<p>Vissa team kr\u00e4ver att alla filer lagras i Storyblok. Om ni anger <code>mode<\/code> till <code>import<\/code> kopieras filen till spacets eget filbibliotek i st\u00e4llet f\u00f6r att l\u00e4nkas. Filen blir d\u00e5 en vanlig Storyblok-fil, och Storybloks bildtj\u00e4nst kan bearbeta den.<\/p>\n<p>Tv\u00e5 saker att t\u00e4nka p\u00e5 innan ni byter ett f\u00e4lt till importl\u00e4ge:<\/p>\n<ul>\n<li>Kopian uppdateras inte l\u00e4ngre n\u00e4r filen \u00e4ndras i Kontainer.<\/li>\n<li>Management-token \u00e4r ett f\u00e4ltalternativ, vilket betyder att den skickas till webbl\u00e4saren hos alla redakt\u00f6rer som anv\u00e4nder f\u00e4ltet. Skapa en <strong>avgr\u00e4nsad<\/strong> token f\u00f6r det: ge den i Storyblok bara beh\u00f6righeten Assets, begr\u00e4nsad till det space som beh\u00f6ver den. \u00c5teranv\u00e4nd inte en token som har \u00e5tkomst till hela ert konto.<\/li>\n<\/ul>\n<h2>Anv\u00e4nd filen i er frontend<\/h2>\n<p>F\u00e4ltet returnerar ett vanligt tillg\u00e5ngsobjekt fr\u00e5n Storyblok, s\u00e5 det fungerar som alla andra filf\u00e4lt:<\/p>\n<pre><code>const { filename, alt, focus } = story.content.hero;<\/code><\/pre>\n<p>H\u00e4mta filen fr\u00e5n <code>filename<\/code> \u2013 den levereras fr\u00e5n Kontainers CDN.<\/p>\n<p>Storybloks bildtj\u00e4nst \u00e4ndrar inte storlek p\u00e5 eller besk\u00e4r externa URL:er, s\u00e5 anv\u00e4nd Kontainers egna transformationsparametrar, eller en nedladdningsmall som v\u00e4ljs n\u00e4r filen v\u00e4ljs, f\u00f6r att styra storlek och format. Fokuspunkten finns b\u00e5de som Storybloks <code>focus<\/code>-v\u00e4rde och som pixelkoordinater i <code>meta_data<\/code>.<\/p>\n<h2>Support<\/h2>\n<p>Om ni beh\u00f6ver hj\u00e4lp med att s\u00e4tta upp eller konfigurera pluginet f\u00f6r Storyblok hj\u00e4lper v\u00e5r support g\u00e4rna till.<\/p>\n<p>Kontakta: <a href=\"mailto:support@kontainer.com\">support@kontainer.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Med Kontainers integration f\u00f6r Storyblok kan era redakt\u00f6rer l\u00e4gga in bilder, videor och filer direkt fr\u00e5n ert DAM i Storybloks Visual Editor \u2013 utan att ladda ner och ladda upp dem p\u00e5 nytt.<\/p>\n","protected":false},"author":16,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","article-category":[136,139],"article-tag":[143,148,150],"class_list":["post-7857","article","type-article","status-publish","hentry","article-category-administratorsinstallningar","article-category-integrationer-plugins","article-tag-tillaggsmodul","article-tag-premium-paket","article-tag-dam"],"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\/sv\/wp-json\/wp\/v2\/article\/7857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/comments?post=7857"}],"version-history":[{"count":0,"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/article\/7857\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/media?parent=7857"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/article-category?post=7857"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/sv\/wp-json\/wp\/v2\/article-tag?post=7857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}