Lav designs, guides og landingssider i jeres mapper for bedre at introducere kolleger, partnere og kunder til jeres indhold.
Præsentér en elegant og brugervenlig platform, der er tilpasset behovene hos alle, I inviterer ind. Kun brugere med adgang til mapperne ser de designs, I laver.
I vores Page editor kan I blande:
- Billeder
- Tekst
- GIF-animationer
- Video
- Afstandsholdere
- Indlejret kode
👉 INSPIRATION: Klik her
👉 FLERE MULIGHEDER FOR STYLING: Klik her
👉 NYT: SIDEDESIGNS PÅ FLERE SPROG: Klik her
Har I spørgsmål, eller vil I have en præsentation, kan I kontakte support@kontainer.com.
Lav flotte designs i jeres mapper
Hvad vil I have, at jeres brugere ser, når de åbner jeres Kontainer? Egne landingssider lader jer vise jeres identitet frem og give adgang til filer. Vores kunder bruger egne landingssider til forskellige formål, fx:
- Brand- og stilguides
- Produktlanceringer
- Presseomtaler og pressemeddelelser
- Vejledninger
- Træningsguides
Det er blot nogle få eksempler. I ved selv, hvordan landingssider kan give jeres brugere en mere sømløs oplevelse. Har I spørgsmål, så giv os besked.
Trin-for-trin-guide
1. Åbn Page editor
Gå til den mappe/side, I vil redigere.
Bemærk, at I skal have Delete-rettigheder til en mappe, hvis I vil redigere designelementerne i dens Page editor.
Klik på More i menuen øverst til højre i jeres mappevisning, og klik derefter på Page Editor.
2. Tilføj sektioner
Når Page editor er åben, kan I tilføje sektioner med indholdsbokse.
Hver sektion indeholder en række indholdsbokse, der kan indeholde:
- Billeder
- Tekst
- GIF-animationer
- Afstandsholdere
- Videoer
- Indlejrede elementer
👉 NYT: Udvidet udvalg af sektionstyper
3. Indholdstyper
De seks indholdstyper har forskellige muligheder for formatering, som er fremhævet nedenfor.
Billeder
Billeder kan tilføjes udefra fra jeres computerdrev eller indefra fra jeres Kontainer.
- Tilføjer I indefra, kan I importere via en downloadskabelon (læs mere om downloadskabeloner).
- Billeder skaleres automatisk, medmindre I slår det fra
- I kan tilføje interne eller eksterne links under billederne
GIF-animationer
Tilføj GIF-animationer til jeres design.
Muligheder for formatering:
- GIF-animationer skaleres automatisk, medmindre I slår det fra
- I kan tilføje interne eller eksterne links
- Mulighed for, at links åbnes i en ny browserfane
Tekst
Tilføj tekst til jeres side.
Tilgængelige muligheder:
- Formatér jeres tekst selv
- Brug formateringsforudindstillinger (fra Settings/Appearance/Text editor).
- Tilføj links i teksten
- Tilføj knapper (call to action) i teksten
- Indsæt mappedata som pladsholdere i teksten
- Tilføj padding
- Tilføj baggrundsfarve eller -billede
- Vælg tekstens placering
👉 NYT: Knapper (call to action) i tekst
Tilføj knapper til et tekstelement for at lede brugerne videre, fx til en anden mappe, en ekstern hjemmeside eller en fil, de kan downloade.
Sådan tilføjer I en knap:
- Åbn tekstelementet i Page editor.
- Klik på ikonet Tilføj knap (Add button) i tekstværktøjslinjen ved siden af link-ikonerne.
- Skriv Knaptekst (Button text).
- Vælg Knappens destination (Button destination):
- Eksternt (External): skriv en URL. I kan også skrive en e-mailadresse, som så åbner en ny e-mail.
- Internt (Internal): vælg en mappe i jeres Kontainer.
- Download: vælg en fil eller en mappe, som brugerne kan downloade direkte fra knappen.
- Sæt flueben i Åbn i ny fane (Open in new tab), hvis det er nødvendigt (ikke muligt for Download-knapper).
- Klik på Tilføj knap (Add button).
Bemærk: Med en Download-knap kan alle, der kan se siden, downloade den valgte fil eller mappe, også selvom de ikke selv har downloadrettigheder. Downloadet bruger rettighederne hos den person, der tilføjede knappen.
Kan I ikke se ikonet Tilføj knap, så gem tekstelementet først, og åbn det igen.
Style jeres knapper
Alle knapper, der tilføjes i Page editor, deler én stil pr. brand. I indstiller den under Settings/Appearance/Design i sektionen Knapper i page editor (Page editor buttons). Knapper andre steder i Kontainer påvirkes ikke, og felter, I lader stå tomme, bevarer standardstylingen. En forhåndsvisning viser resultatet, mens I redigerer.
I kan vælge mellem to faner:
- Indstillinger (Settings): angiv baggrundsfarve, tekstfarve, kantfarve, skrifttype, skriftstørrelse, kantbredde, hjørneradius samt lodret og vandret padding.
- Custom CSS: skriv jeres egen CSS til knappen. Første gang I åbner fanen, er den udfyldt med knappens nuværende styling, så I kan tilpasse den. Nestede regler virker, fx
&:hover { opacity: 0.7; }til en hover-effekt.
Husk at gemme jeres ændringer.
👉 NYT: Mappedata i tekst
Hvis jeres mapper er tagget med mappedata, kan I indsætte mappedatafelter som pladsholdere i et tekstelement. Når siden vises, erstattes hver pladsholder med den værdi, der er tagget på netop den mappe.
Det betyder, at I kan bygge én sideskabelon og bruge den på tværs af mange mapper. Hver mappe viser så automatisk sine egne data, fx kunde, segment, industri og årstal, uden at I skal skrive dem ind på hver side.
Læs mere om at tagge mapper i Mappetagging.
Video
Når I tilføjer video, skal I være opmærksomme på, at der kan gå lidt tid, før den er tilgængelig til forhåndsvisning online.
Muligheder for formatering:
- Afspil video i designet (i stedet for i en pop op)
- Slå lyden fra
- 👉 NYT: Autoafspilning (kun når lyden er slået fra)
- Gentag video
- Skjul videokontroller
- Upload et miniaturebillede/forhåndsvisningsbillede
Afstandsholder
Tilføj mere luft eller skillelinjer mellem sektioner.
Muligheder for formatering:
- 3 størrelser (Small, Medium, Large)
- Vis skillelinje
- Vælg farve på skillelinjen
👉 NYT: Indlejring (Embed)
Indlejr videoer, Google Maps-elementer eller andet.
BEMÆRK: Kontainer har et indbygget videostreamingværktøj. Læs mere her.
Muligheder for formatering:
- Vælg placering
Fjern margener
Fjern afstanden mellem elementer for at slippe af med margener, hvor det er nødvendigt.
Eksempel: margener til/fra
🌐 Sidedesigns på flere sprog
Hvis jeres Kontainer bruges på flere sprog, kan I give jeres sidedesign en version for hvert sprog. Brugerne ser så automatisk siden på det systemsprog, de har valgt.
Når Page Editor er åben, skifter I mellem sprogene med sprogvælgeren øverst til højre. En lille prik ved siden af et sprog viser, at siden stadig har indhold, der skal oversættes.
Tekst, billeder, GIF-animationer, videoer og links kan alle have en version pr. sprog, mens layoutet og indstillinger som padding, baggrund og placering er de samme for alle sprog. Mappenavne kan også oversættes.
Læs hele guiden i Mapper og sidedesigns på flere sprog.
Maksimal bredde på indhold
Angiv en maksimal bredde på side-/mappevisningen, hvis I ikke vil have billeder og tekst strakt ud. Som standard tilpasser indholdet sig browserens størrelse.
Indstillingen findes under Settings/Appearance/General.
Det var det hele. Fortæl os, hvordan det går.