---
title: "Aangepast mapontwerp en landingspagina&#8217;s (Page Editor)"
url: "https://helpdesk.kontainer.com/nl/article/aangepast-mapontwerp-en-landingspaginas/"
type: "article"
category: ["Beheerinstellingen", "Vormgeving &amp; navigatie"]
tags: ["Kernfunctie", "DAM"]
language: "nl"
published: "2026-10-07T09:32:54+00:00"
updated: "2026-10-07T09:32:54+00:00"
summary: "Maak ontwerpen, gidsen en landingspagina&#8217;s in je mappen om collega&#8217;s, partners en klanten beter kennis te laten maken met je content. Bied een elegant en gebruiksvriendelijk platform dat i…"
---

# Aangepast mapontwerp en landingspagina&#8217;s (Page Editor)

![Klikken op de ontwerpmodus in Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_header.gif?v=1763368898)

Maak ontwerpen, gidsen en landingspagina's in je mappen om collega's, partners en klanten beter kennis te laten maken met je content.

Bied een elegant en gebruiksvriendelijk platform dat is afgestemd op de behoeften van iedereen die je uitnodigt. Alleen gebruikers met toegang tot de mappen zien de ontwerpen die je maakt.

In onze Page Editor kun je het volgende combineren:

- Afbeeldingen
- Tekst
- GIF-animaties
- Video
- Tussenruimtes
- Insluitcode

**👉 INSPIRATIE: [Klik hier](https://styling.kontainer.com/direct/tkBbl8Xf2V/folder/1031313)**

**👉 MEER VORMGEVINGSOPTIES: [Klik hier](https://helpdesk.kontainer.com/nl/article/uw-kontainer-vormgeven/)**

Heb je vragen of wil je een presentatie? Neem contact op via [support@kontainer.com](mailto:support@kontainer.com).

---

## Maak prachtige ontwerpen in je mappen

Wat wil je dat je gebruikers zien wanneer ze je Kontainer openen? Met aangepaste landingspagina's laat je je identiteit zien en geeft je toegang tot digitale media en bestanden. Onze klanten gebruiken aangepaste landingspagina's voor uiteenlopende doelen, zoals:

- Merk- en stijlgidsen
- Productlanceringen
- Perskits en persberichten
- Handleidingen
- Trainingsgidsen

Dit zijn slechts enkele voorbeelden. Je weet zelf het best hoe landingspagina's je gebruikers een soepelere ervaring kunnen bieden. Heb je vragen? Laat het ons weten.

---

## Stapsgewijze gids

### *1.* De Page Editor openen

Ga naar de map of pagina die je wilt bewerken.

> Let op: je hebt verwijderrechten voor een map nodig om de ontwerpelementen van de Page Editor te kunnen bewerken.

Open de ontwerpmodus via het menu **Meer** in het menu rechtsboven in je mapweergave.

![De ontwerpmodus openen in Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_open-editor.png?v=1763368898)

### *2.* Secties toevoegen

Zodra de **Page Editor** openstaat, kun je secties met contentblokken toevoegen.

Elke sectie bevat een aantal contentblokken, die het volgende kunnen bevatten:

- Afbeeldingen
- Tekst
- GIF-animaties
- Tussenruimtes
- Video's
- Ingesloten elementen

![Een contentsectie toevoegen in de ontwerpmodus van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Add-content-1.png?v=1763368898)

### 👉 NIEUW: Meer sectietypen beschikbaar

![Kolommen als sectietype toevoegen in de ontwerpmodus van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_element-columns.gif?v=1763368898)

### *3.* Contenttypen

De zes contenttypen hebben diverse opmaakopties, die hieronder worden toegelicht.

#### Afbeeldingen

Afbeeldingen kun je extern toevoegen vanaf de schijven van je computer of intern vanuit je Kontainer.

- Voegt je **intern** toe, dan kun je importeren via een **downloadsjabloon** (lees meer over [downloadsjablonen](https://helpdesk.kontainer.com/nl/article/gids-voor-downloadsjablonen/)).
- Afbeeldingen worden **automatisch geschaald**, tenzij je dat uitschakelt
- Onder de afbeeldingen kun je **interne of externe links** toevoegen

![Afbeeldingen uploaden in de ontwerpmodus van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Image-section-1.png?v=1763368898)

#### GIF-animaties

Voeg GIF-animaties toe aan je ontwerp.

Opmaakopties:

- GIF-animaties worden **automatisch geschaald**, tenzij je dat uitschakelt
- Je kunt **interne of externe links** toevoegen
- Optie om links in een nieuw browsertabblad te openen

![Een GIF-animatie toevoegen in de ontwerpmodus van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_GIF-element.png?v=1763368898)

#### Tekst

Voeg tekst toe aan je pagina.

Beschikbare opties:

- Je tekst **zelf opmaken**
- **Opmaakvoorinstellingen** gebruiken (uit de instellingen van de teksteditor onder het uiterlijk)
- **Links** in je tekst toevoegen
- **Opvulling** toevoegen
- Een **achtergrondkleur of -afbeelding** toevoegen
- De **positie** van de tekst kiezen

![Tekst toevoegen in de ontwerpmodus van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_text-section-1.png?v=1763368898)

#### Video

Wanneer je video toevoegt, houd er dan rekening mee dat het even kan duren voordat deze online beschikbaar is voor een voorbeeld.

Opmaakopties:

- Video afspelen in het ontwerp (in plaats van in een pop-up)
- Geluid dempen
- **👉 NIEUW: Automatisch afspelen** (alleen wanneer gedempt)
- Video herhalen
- Videobediening verbergen
- Een miniatuur- of voorbeeldafbeelding uploaden

![Een videoelement toevoegen in de Page Editor van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_video-segment.png?v=1763368898)

#### Tussenruimte

Voeg meer ruimte of scheidingslijnen tussen secties toe.

Opmaakopties:

- 3 formaten (klein, middel, groot)
- Een scheidingslijn tonen
- De kleur van de scheidingslijn kiezen

![Een tussenruimte toevoegen in de Page Editor van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_spacer-element.png?v=1763368898)

#### 👉 NIEUW: Insluiten

Sluit video's, Google Maps-elementen of andere content in.

LET OP: Kontainer heeft een eigen tool voor videostreaming. [Lees hier meer](https://helpdesk.kontainer.com/nl/article/gids-voor-videostreaming/).

Opmaakopties:

- De positie kiezen

![Ingesloten content toevoegen in de Page Editor van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Embed-element.png?v=1763368898)

#### Marges verwijderen

Verwijder de ruimte tussen elementen om marges weg te halen waar nodig.

![Margeinstellingen in de Page Editor van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_element-spacing.png?v=1763368898)

Voorbeeld: marges aan/uit

![Elementmarges aan en uit in de Page Editor van Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/05/Page-editor_Margins-on-off.gif?v=1763368898)

## Maximale breedte van content

Stel een maximale breedte van de pagina- of mapweergave in als je niet wilt dat afbeeldingen en tekst worden uitgerekt. Standaard past de content zich aan de grootte van de browser aan.

![Voorbeeld van een Kontainer-map met responsief ontwerp en een ingestelde maximale breedte voor content](https://helpdesk.kontainer.com/wp-content/uploads/2025/06/Max-width_folder-view-3.gif?v=1763368898)

Deze instelling vindt je bij de algemene uiterlijkinstellingen.

![De maximale breedte voor een pagina-ontwerp of mapweergave instellen in Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2025/06/Page-editor_max-width-setting-1.png?v=1763368898)

---

Dat was het eigenlijk al. Laat ons weten hoe het je vergaat.

---

## 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)
- [Svenska](https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/index.md)
- [Dansk](https://helpdesk.kontainer.com/da/article/egne-mappedesigns-og-landingssider/index.md)

## Related articles

- [Integratiegids voor TYPO3](https://helpdesk.kontainer.com/nl/article/integratiegids-voor-typo3/index.md): Met de Kontainer-integratie voor TYPO3 verbindt je je centrale Digital Asset Management-systeem (DAM) rechtstreeks met je TYPO3-cms. Redacteuren en ontwikkelaars zoeken, kiezen en voegen afbeeldingen,…
- [Gids voor de HubSpot-plug-in](https://helpdesk.kontainer.com/nl/article/gids-voor-de-hubspot-plug-in/index.md): Werk sneller en maak aantrekkelijkere HubSpot-websites en -landingspagina's met directe toegang tot je centraal beheerde afbeeldingenbibliotheek in Kontainer. Met onze HubSpot-plug-in zoekt, kiest en…
- [Integratiegids voor Shopify](https://helpdesk.kontainer.com/nl/article/integratiegids-voor-shopify/index.md): Met de integratie beheert je je productgegevens, afbeeldingen en andere digitale media en bestanden in Kontainer en synchroniseert je ze rechtstreeks naar je Shopify-winkel. Zo blijft de productinform…
- [Integratiegids voor Strapi](https://helpdesk.kontainer.com/nl/article/integratiegids-voor-strapi/index.md): Met de Strapi-integratie van Kontainer voeg je eenvoudig afbeeldingen, video's en bestanden rechtstreeks uit je DAM in het beheerpaneel van Strapi in – zonder handmatig downloaden en uploaden.
