--- title: "Egen mappdesign och landningssidor (sidredigeraren)" url: "https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/" type: "article" category: ["Administratörsinställningar", "Design & navigering"] tags: ["Grundfunktion", "DAM"] language: "sv" published: "2026-09-30T06:03:37+00:00" updated: "2026-09-30T06:03:37+00:00" summary: "Skapa design, guider och landningssidor i era mappar för att på ett bättre sätt presentera innehållet för kollegor, partner och kunder. Visa en elegant och användarvänlig plattform som är anpassad eft…" --- # Egen mappdesign och landningssidor (sidredigeraren) ![Designläget i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_header.gif?v=1763368898) Skapa design, guider och landningssidor i era mappar för att på ett bättre sätt presentera innehållet för kollegor, partner och kunder. Visa en elegant och användarvänlig plattform som är anpassad efter behoven hos alla ni bjuder in. Bara användare med åtkomst till mapparna ser den design ni skapar. I sidredigeraren (Page editor) kan ni kombinera: - Bilder - Text - GIF-animationer - Video - Avgränsare - Inbäddningskod **👉 INSPIRATION: [Klicka här](https://styling.kontainer.com/direct/tkBbl8Xf2V/folder/1031313)** **👉 FLER DESIGNALTERNATIV: [Klicka här](https://helpdesk.kontainer.com/sv/article/anpassa-designen-i-kontainer/)** Om ni har frågor eller vill ha en presentation, kontakta [support@kontainer.com](mailto:support@kontainer.com). --- ## Skapa snygg design i era mappar Vad vill ni att era användare ska se när de öppnar Kontainer? Med egna landningssidor visar ni upp er identitet och ger åtkomst till filerna. Våra kunder använder egna landningssidor till exempelvis: - Brand- och designguider - Produktlanseringar - Presskit och pressmeddelanden - Instruktionsguider - Utbildningsmaterial Det är bara några exempel. Ni vet själva bäst hur landningssidor kan ge era användare en smidigare upplevelse. Hör av er om ni har frågor. --- ## Steg-för-steg-guide ### *1.* Öppna sidredigeraren Gå till den mapp/sida som ni vill redigera. > Observera att ni behöver Delete-rättigheter till en mapp för att kunna redigera dess designelement i sidredigeraren. Öppna Design Mode under menyn **More** uppe till höger i mappvyn. ![Öppna Design Mode i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_open-editor.png?v=1763368898) ### *2.* Lägg till sektioner När **sidredigeraren** är öppen kan ni lägga till sektioner med innehållsrutor. Varje sektion har ett antal innehållsrutor som kan innehålla: - Bilder - Text - GIF-animationer - Avgränsare - Videor - Inbäddade element ![Lägg till en innehållssektion i Design Mode i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Add-content-1.png?v=1763368898) ### 👉 NYHET: Fler typer av sektioner ![Olika typer av sektioner i sidredigeraren](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_element-columns.gif?v=1763368898) ### *3.* Typer av innehåll De sex innehållstyperna har olika formateringsalternativ, som beskrivs nedan. #### Bilder Bilder kan läggas till externt från er dator eller internt från Kontainer. - Om ni **lägger till internt** kan ni importera via en **nedladdningsmall** (läs mer om [nedladdningsmallar](https://helpdesk.kontainer.com/sv/article/guide-till-nedladdningsmallar/)). - Bilderna **skalas automatiskt**, om ni inte stänger av det - Ni kan lägga till **interna eller externa länkar** på bilderna ![Ladda upp bilder i Design Mode i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Image-section-1.png?v=1763368898) #### GIF-animationer Lägg till GIF-animationer i er design. Formateringsalternativ: - GIF-animationer **skalas automatiskt**, om ni inte stänger av det - Ni kan lägga till **interna eller externa länkar** - Länkar kan öppnas i en ny flik ![Lägg till en GIF-animation i sidredigeraren](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_GIF-element.png?v=1763368898) #### Text Lägg till text på sidan. Alternativ: - **Egen formatering** av texten - Använd **formateringsförinställningar** (från Settings/Appearance/Text editor) - Lägg till **länkar** i texten - Lägg till **utfyllnad** (padding) - Lägg till **bakgrundsfärg eller bakgrundsbild** - Välj textens **placering** ![Lägg till text i Design Mode i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_text-section-1.png?v=1763368898) #### Video Observera att det kan ta en liten stund innan en tillagd video kan förhandsvisas online. Formateringsalternativ: - Spela upp videon i designen (i stället för i ett popup-fönster) - Stäng av ljudet - **👉 NYHET: Automatisk uppspelning** (bara utan ljud) - Spela upp i slinga - Dölj videokontrollerna - Ladda upp en miniatyr-/förhandsvisningsbild ![Lägg till video i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_video-segment.png?v=1763368898) #### Avgränsare Lägg till mer avstånd eller avgränsande linjer mellan sektionerna. Formateringsalternativ: - 3 storlekar (Small, Medium, Large) - Visa avgränsande linje - Välj linjens färg ![Lägg till en avgränsare i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_spacer-element.png?v=1763368898) #### 👉 NYHET: Inbäddning Bädda in videor, Google Maps-element eller annat. OBS: Kontainer har ett eget verktyg för videostreaming. [Läs mer här](https://helpdesk.kontainer.com/sv/article/guide-till-videostreaming/). Formateringsalternativ: - Välj placering ![Lägg till inbäddat innehåll i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Embed-element.png?v=1763368898) #### Ta bort marginaler Ta bort avståndet mellan elementen där ni inte vill ha marginaler. ![Marginalinställningar i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_element-spacing.png?v=1763368898) Exempel: marginaler på/av ![Marginaler på och av i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Margins-on-off.gif?v=1763368898) ## Maximal bredd för innehållet Ange en maximal bredd för sidan/mappvyn om ni inte vill att bilder och text ska dras ut. Som standard anpassas innehållet efter webbläsarens storlek. ![Förhandsvisning av en mapp i Kontainer med responsiv design och maximal bredd för innehållet](https://helpdesk.kontainer.com/wp-content/uploads/2025/06/Max-width_folder-view-3.gif?v=1763368898) Inställningen finns under **Settings/Appearance/General**. ![Ange maximal bredd för siddesign/mappvy i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2025/06/Page-editor_max-width-setting-1.png?v=1763368898) --- Det var allt. Berätta gärna hur det går. ## Other languages - [English](https://helpdesk.kontainer.com/article/custom-landing-pages/index.md) - [Deutsch](https://helpdesk.kontainer.com/de/article/individuelles-ordnerdesign-landingpages/index.md) - [Dansk](https://helpdesk.kontainer.com/da/article/egne-mappedesigns-og-landingssider/index.md) - [Nederlands](https://helpdesk.kontainer.com/nl/article/aangepast-mapontwerp-en-landingspaginas/index.md) ## Related articles - [Integrationsguide för TYPO3](https://helpdesk.kontainer.com/sv/article/integrationsguide-for-typo3/index.md): Med Kontainers integration för TYPO3 kopplar ni ert centrala DAM-system direkt till ert TYPO3-CMS. Redaktörer och utvecklare kan söka, välja och lägga in bilder, videor, dokument och andra mediefiler… - [Guide till plugin för HubSpot](https://helpdesk.kontainer.com/sv/article/guide-till-plugin-for-hubspot/index.md): Arbeta snabbare och skapa mer engagerande webbplatser och landningssidor i HubSpot med direkt åtkomst till ert centralt hanterade bildbibliotek i Kontainer. Sök, välj och lägg in färdigbeskurna och fo… - [Integrationsguide för Shopify](https://helpdesk.kontainer.com/sv/article/integrationsguide-for-shopify/index.md): Med integrationen hanterar ni produktdata, bilder och andra digitala filer i Kontainer och synkroniserar dem direkt till er Shopify-butik. Så blir produktinformationen enhetlig i hela webbutiken, samt… - [Integrationsguide för Strapi](https://helpdesk.kontainer.com/sv/article/integrationsguide-for-strapi/index.md): Med Kontainers integration för Strapi kan ni enkelt lägga in bilder, videor och filer direkt från ert DAM i Strapis administrationspanel – utan att ladda ner och ladda upp dem manuellt.