Kontainer Helpdesk Kontainer Helpdesk

  • User Guides
  • Knowledge base
  • Support
Home / Layout & Styling / Custom folder design & landing pages

Custom folder design & landing pages

1874 views 2

Clicking on Design Mode in Kontainer

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 and match:

  • Images
  • Text
  • GIF animations
  • Video
  • Spacers
  • Embed code

👉 INSPIRATION: Click here

👉 MORE STYLING OPTIONS: Click here

If you have any questions or would like a presentation, get in touch support@kontainer.com.

 


 

Create beautiful designs inside your folders

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:

  • Brand and style guides
  • Product launches
  • Press kits and releases
  • How-to guides
  • Training guides

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.

 


 

Step-by-Step Guide

Access Page editor

Log in to Kontainer as an Admin User and navigate to the folder/page you want to edit.

Access Design Mode under the More menu of the top-right menu in your folder view.

Clicking on Design Mode in Kontainer

 

Add sections 

Once the Page editor is open, you can add sections of content boxes.

Each section contains a number of content boxes that can contain:

  • Images
  • Text
  • GIF animations
  • Spacers
  • Videos
  • Embedded elements

Adding Content Section in Design Mode in Kontainer

👉 NEW: Expanded selection of section types available

Adding Content Section in Design Mode in Kontainer

 

Content types

The six content types feature various options for formatting, highlighted below.

 

Images

Images can be added externally from your computer drives or internally from your Kontainer.

  • If you add internally, you can import via a Download template (find out more about Download templates).
  • Images will auto-scale unless you deactivate
  • You can add internal or external links under the images

Uploading Images in Design Mode in Kontainer

 

GIF animations

Add GIF animations to your design.

Formatting options:

  • GIF animations will auto-scale unless you deactivate
  • You can add internal or external links
  • Option for links to open in a new browser tab

Uploading Images in Design Mode in Kontainer

 

Text

Add text to your page.

Options available:

  • Custom format your text
  • Use formatting presets (from Settings/Appearance/Text editor).
  • Add links in your text
  • Add padding
  • Add background color or image
  • Select position of text

Adding Text in Design Mode in Kontainer

 

Video

When you add video, please be aware that it can take a little while before it’s available for preview online.

Formatting options:

  • Play video in design (rather than pop-up)
  • Mute sound
  • 👉 NEW: Autoplay (only when muted)
  • Loop video
  • Hide video controls
  • Upload a thumbnail/preview image

Adding spacer element in Page editor in Kontainer

 

Spacer

Add more spacing or divider lines between sections.

Formatting options:

  • 3 sizes (Small, Medium, Large)
  • Show divider line
  • Select divider line color

Adding Video in Design Mode in Kontainer

 

👉 NEW: Embed

Embed videos, Google map elements or other.

NOTE: Kontainer has a native video streaming tool. Find out more here.

Formatting options:

  • Select position

Adding Embedded content in Page editor in Kontainer

 

Remove margins

Remove the spacing between elements to get rid of margins where needed.

Margin settings in Page editor in Kontainer

Example: margins on/off

Element margins on and off in Page editor in Kontainer

 

Content max width

Set a maximum width of the page/folder view if you don’t want images and text stretched. By default, content is responsive to browser size.

Preview of a Kontainer folder using responsive design as well as adding a max width for content

The setting is found under Settings/Appearance/General.

[IMAGE MISSING]

 

 

 


 

That’s it, really. Let us know how you get on.

 


 

 

Layout & Styling

Related Articles

  • Headings and descriptive text for DAM tagging and PIM fields
  • Video streaming guide
  • Styling Your Kontainer
  • Add a Brand Section

Follow us

Remote support

Book a support session here

For desktop sharing click here

Cookie & Privacy Policy

Please read our privacy policy

Click here

Copyright 2020 Kontainer All rights reserved.