{"id":6921,"date":"2022-02-09T14:01:34","date_gmt":"2022-02-09T13:01:34","guid":{"rendered":"https:\/\/helpdesk.kontainer.com\/article\/custom-landing-pages\/"},"modified":"2026-01-29T14:42:30","modified_gmt":"2026-01-29T13:42:30","slug":"individuelles-ordnerdesign-landingpages","status":"publish","type":"article","link":"https:\/\/helpdesk.kontainer.com\/de\/article\/individuelles-ordnerdesign-landingpages\/","title":{"rendered":"Individuelles Ordnerdesign &#038; Landingpages"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_header.gif\" alt=\"Clicking on Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>Create designs, guides and landing pages inside your folders to better introduce colleagues, partners, and customers to your content.<\/p>\n<p>Present an elegant and user-friendly platform customized to fit the needs of everyone you invite inside. Only users with access to the folders will see the designs you make.<\/p>\n<p>In our Page editor, you can mix and match:<\/p>\n<ul>\n<li>Images<\/li>\n<li>Text<\/li>\n<li>GIF animations<\/li>\n<li>Video<\/li>\n<li>Spacers<\/li>\n<li>Embed code<\/li>\n<\/ul>\n<p><strong>\ud83d\udc49 INSPIRATION: <a href=\"https:\/\/styling.kontainer.com\/direct\/tkBbl8Xf2V\/folder\/1031313\" target=\"_blank\" rel=\"noopener\">Click here<\/a><\/strong><\/p>\n<p><strong>\ud83d\udc49 MORE STYLING OPTIONS: <a href=\"https:\/\/helpdesk.kontainer.com\/de\/article\/kontainer-stylen\/\" target=\"_blank\" rel=\"noopener\">Click here<\/a><\/strong><\/p>\n<p>If you have any questions or would like a presentation, get in touch <a href=\"mailto:support@kontainer.com\" target=\"_blank\" rel=\"noopener\">support@kontainer.com<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Create beautiful designs inside your folders<\/h2>\n<p>When your users open your Kontainer, what do you want them to see? Custom landing pages allow you to show off your identity and give access to assets. Our clients use custom landing pages for different purposes, like:<\/p>\n<ul>\n<li>Brand and style guides<\/li>\n<li>Product launches<\/li>\n<li>Press kits and releases<\/li>\n<li>How-to guides<\/li>\n<li>Training guides<\/li>\n<\/ul>\n<p>Those are just a few examples. You will know how landing pages can present a more seamless experience for your users. If you have any questions, let us know.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Step-by-Step Guide<\/h2>\n<h3><em>1. <\/em><strong>Access Page editor<\/strong><\/h3>\n<p>Navigate to the folder\/page you want to edit.<\/p>\n<blockquote><p>Note, you need delete-rights to a folder if you want to edit its page editor design elements.<\/p><\/blockquote>\n<p>Access Design Mode under the <strong>More<\/strong> menu of the top-right menu in your folder view.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_open-editor.png\" alt=\"Clicking on Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><em>2. <\/em><strong>Add sections\u00a0<\/strong><\/h3>\n<p>Once the <strong>Page editor<\/strong> is open, you can add sections of content boxes.<\/p>\n<p>Each section contains a number of content boxes that can contain:<\/p>\n<ul>\n<li>Images<\/li>\n<li>Text<\/li>\n<li>GIF animations<\/li>\n<li>Spacers<\/li>\n<li>Videos<\/li>\n<li>Embedded elements<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_Add-content-1.png\" alt=\"Adding Content Section in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<h3><strong>\ud83d\udc49 NEW: Expanded selection of section types available<\/strong><\/h3>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_element-columns.gif\" alt=\"Adding Content Section in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><em>3. <\/em><strong>Content types<\/strong><\/h3>\n<p>The six content types feature various options for formatting, highlighted below.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Images<\/strong><\/h4>\n<p>Images can be added externally from your computer drives or internally from your Kontainer.<\/p>\n<ul>\n<li>If you <strong>add internally<\/strong>, you can import via a <strong>Download template<\/strong> (find out more about <a href=\"https:\/\/helpdesk.kontainer.com\/de\/article\/einfuehrung-in-downloadvorlagen\/\">Download templates<\/a>).<\/li>\n<li>Images will <strong>auto-scale<\/strong> unless you deactivate<\/li>\n<li>You can add <strong>internal or external links<\/strong> under the images<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_Image-section-1.png\" alt=\"Uploading Images in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><strong>GIF animations<\/strong><\/h4>\n<p>Add GIF animations to your design.<\/p>\n<p>Formatting options:<\/p>\n<ul>\n<li>GIF animations will <strong>auto-scale<\/strong> unless you deactivate<\/li>\n<li>You can add <strong>internal or external links<\/strong><\/li>\n<li>Option for links to open in a new browser\u00a0tab<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_GIF-element.png\" alt=\"Uploading Images in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Text<\/strong><\/h4>\n<p>Add text to your page.<\/p>\n<p>Options available:<\/p>\n<ul>\n<li><strong>Custom forma<\/strong>t your text<\/li>\n<li>Use <strong>formatting presets<\/strong> (from Settings\/Appearance\/Text editor).<\/li>\n<li>Add<strong> links<\/strong> in your text<\/li>\n<li>Add <strong>padding<\/strong><\/li>\n<li>Add <strong>background color or image<\/strong><\/li>\n<li>Select <strong>position<\/strong> of text<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_text-section-1.png\" alt=\"Adding Text in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Video<\/strong><\/h4>\n<p>When you add video, please be aware that it can take a little while before it\u2019s available for preview online.<\/p>\n<p>Formatting options:<\/p>\n<ul>\n<li>Play video in design (rather than pop-up)<\/li>\n<li>Mute sound<\/li>\n<li><strong>\ud83d\udc49 NEW: Autoplay<\/strong> (only when muted)<\/li>\n<li>Loop video<\/li>\n<li>Hide video controls<\/li>\n<li>Upload a thumbnail\/preview image<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_video-segment.png\" alt=\"Adding spacer element in Page editor in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Spacer<\/strong><\/h4>\n<p>Add more spacing or divider lines between sections.<\/p>\n<p>Formatting options:<\/p>\n<ul>\n<li>3 sizes (Small, Medium, Large)<\/li>\n<li>Show divider line<\/li>\n<li>Select divider line color<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_spacer-element.png\" alt=\"Adding Video in Design Mode in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><strong>\ud83d\udc49 NEW: Embed<\/strong><\/h4>\n<p>Embed videos, Google map elements or other.<\/p>\n<p>NOTE: Kontainer has a native video streaming tool. <a href=\"https:\/\/helpdesk.kontainer.com\/de\/article\/video-streaming-guide\/\">Find out more here<\/a>.<\/p>\n<p>Formatting options:<\/p>\n<ul>\n<li>Select position<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_Embed-element.png\" alt=\"Adding Embedded content in Page editor in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Remove margins<\/h4>\n<p>Remove the spacing between elements to get rid of margins where needed.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_element-spacing.png\" alt=\"Margin settings in Page editor in Kontainer\" width=\"800\" \/><\/p>\n<p>Example: margins on\/off<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/05\/Page-editor_Margins-on-off.gif\" alt=\"Element margins on and off in Page editor in Kontainer\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Content max width<\/h2>\n<p>Set a maximum width of the page\/folder view if you don&#8217;t want images and text stretched. By default, content is responsive to browser size.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/06\/Max-width_folder-view-3.gif\" alt=\"Preview of a Kontainer folder using responsive design as well as adding a max width for content\" width=\"800\" \/><\/p>\n<p>The setting is found under <strong>Settings\/Appearance\/General<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/helpdesk.kontainer.com\/wp-content\/uploads\/2025\/06\/Page-editor_max-width-setting-1.png\" alt=\"Setting max width for page design\/folder view in Kontainer DAM\" width=\"800\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>That\u2019s it, really. Let us know how you get on.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create designs, guides and landing pages inside your folders to better introduce colleagues, partners, and customers to your content. Present an elegant and user-friendly platform customized to fit the needs of everyone you invite inside. Only users with access to the folders will see the designs you make. In our Page editor, you can mix [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"video","article-category":[109,107],"article-tag":[117,121],"class_list":["post-6921","article","type-article","status-publish","format-video","hentry","post_format-post-format-video","article-category-admin-einstellungen","article-category-design-navigation","article-tag-dam","article-tag-core-pakete"],"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/6921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/comments?post=6921"}],"version-history":[{"count":1,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/6921\/revisions"}],"predecessor-version":[{"id":6922,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/6921\/revisions\/6922"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/media?parent=6921"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article-category?post=6921"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article-tag?post=6921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}