Design & vormgeving

Contentpagina's zijn pagina's die je zelf aan kunt passen en waar je inhoud aan toe kunt voegen. De volgende contentpagina's zijn er:

Omschrijving (Content > Omschrijving)
Motivatie (Actievoerder/team beheren > Mijn (team)pagina > Motivatie)
Menu-item (Content > Menu)
Nieuws (Content > Nieuws)
E-mails (E-mails > Overzicht e-mails)

Kenmerken aan een contentpagina is de mogelijkheid om via de teksteditor de tekst op te maken. Hieronder een overzicht van de verschillende mogelijkheden in de teksteditor.

Editor 
De editor ziet er doorgaans als volgt uit:

Symbolen

MeertaligheidDit vlaggetje zie je alleen als je meerdere talen hebt. Je kunt dan hier de taal selecteren waar je de content van wijzigt.
 
Stap terugMaakt de laatste wijziging ongedaan.
 
Stap vooruitActiveert de laatste wijziging opnieuw.
 
VetMaak geselecteerde tekst vet (bold) 
  
 
 
 

ItalicZet geselecteerde tekst cursief
   

 
UitlijnenLijnt de geselecteerde tekst uit. 
 
 Opties (op volgorde):

links uitlijnen
centreren
rechts uitlijnen
align justify (uitvullen)

 
TabelSelecteer Tabel Invoegen en kies daarna één van de andere opties om rijen of kolommen toe te voegen of te verwijderen
 

LijstOngeordende lijst: opsomming via bulletsGeordende lijst: opsomming middels nummering
 

InspringingHiermee kun je de inspringing vergroten of verkleinen
 

HyperlinkVoegt een hyperlink in. Een pop-up venster verschijnt. Vul hier in:
 URL: plak hier de URL van de (externe) pagina waarnaartoe de link moet verwijzenLinktekst: dit is de zichtbare tekst van de linkTitel: geef de link een titel mee. Deze titel is (in bepaalde browsers) zichtbaar wanneer je met de muis over de tekst beweegt. Doel: Kies of dat de link geopend moet worden in een nieuw venster of nietType: Hier kun je kiezen of dat de link een normale link moet zijn of een Kentaa knop. Een Kentaa knop is een speciale knop die dezelfde stijl heeft als de donatieknop.
Klik op het andere knopje als je een bestaande link wilt verwijderen.
Afbeelding invoegenHiermee kun je een afbeelding in de content inladen
 
 
 
 
 
 
 
 
Video toevoegenHier kun je een video inladen met de url. Bijvoorbeeld een Youtube of Vimeo-link
 
 
 
Tag toevoegenDeze optie zie je alleen terug bij de e-mails. Hier kun je een tag kiezen die in de mail wordt vervangen door de informatie die bij de tag hoort
 
 
 
 
 
 
 

Ongedaan makenMaakt de laatste wijziging ongedaan.
OpnieuwActiveert de laatste wijziging opnieuw.
KnippenVerwijdert de selectie, maar je kunt deze daarna wel ergens ander plakken
PlakkenPlakt de gekopieerde of geknipte selectie 
Plakken als tekstAls je voor deze optie kiest dan wordt bij plakken er geen opmaakt meegeplakt, alleen de tekst. Dit totdat deze optie uitgeschakeld wordt
Alles selecterenHiermee kun je alles op de contentpagina selecteren

OpmaakHier zie je verschillende opmaakkeuzes staan. 

Vet
Cursief
Onderstreept
Doorhalen
Superscript
Subscript
Opmaak

KoppenJe kunt hier verschillende koppen selecteren
InlijnHier kun je eventueel ook code toevoegen, naast de eerder genoemde opties
BlokJe kunt hier kiezen voor een paragraaf, een sectie, een quote of vooropgemaakte tekst
UitlijningHier kun je de tekst links, rechts of in het midden uitlijnen

Opmaak verwijderenHiermee verwijder je de opmaak van je selectie

 
TabelHier kun je een tabel van een gewenste grootte invoegen. De opties hiervoor spreken voor zich
Gereedschap > BroncodeJe kunt de broncode bewerken. Dit kan handig zijn als je bepaalde html-elementen wilt verwijderen. Ook kun je op deze wijze content van andere sites embedden. 
 
Tips
Pas op met het gebruik van foto's in tabellenTabellen zijn een mooie manier op de desktop om de informatie weer te geven. Echter zijn ze statisch en ongeschikt voor mobiel. Als je de mobiele variant van de pagina bekijkt kan het dan schots en scheef staan of een hele andere grootte hebben. Probeer daarom tabellen te vermijden als je foto's en informatie gebundeld weer wilt geven. Je kunt er dan beter voor kiezen de foto uit te lijnen en de informatie er naast te zetten.
Embedden van kaarten en andere media via de broncodeBij diverse sites kun je iframes embedden. Bij Google Maps doe je dat via Menu > Kaart delen of insluiten > Een kaart insluiten. Daar kun je een code kopiëren en die kun je via Gereedschap > Broncode in een contentpagina plakken. Hieronder zie je bijvoorbeeld de code om een kaartje van het Kentaa hoofdkantoor toe te voegen
Code:<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d698.3510205308737!2d5.910319305500621!3d51.984724443692194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c7a5b409a273d1%3A0x3c475c3d0d2d00a!2sKentaa!5e0!3m2!1snl!2snl!4v1595428915402!5m2!1snl!2snl" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Pas op met plakkenAls er opmaak in de tekst zit dan kan het voorkomen dat je die meeplakt. Er kan dan ook allerlei html meegeplakt worden en dat kan onwenselijke situaties opleveren. Je kunt dit omzeilen door de knop 'plakken als tekst' aan te zetten. Alternatief kun je de opmaak van tevoren eruit halen door het eerst in een kladblok te plakken en van daaruit het nogmaals te kopiëren
Menu-item: Voeg downloads en veelgestelde vragen toeZie ook het supportartikel over menu-items.
Kentaaknop!Een Kentaaknop is een mooie manier om een hyperlink extra aandacht te geven. Deze heeft dezelfde vorm als de donatieknop op jullie site. Je voegt deze toe door een hyperlink te maken en als type voor 'Kentaaknop' te kiezen. Als je wilt kun je ook een knop laten linken naar Whatsapp. In dit artikel zie je uitgelegd staan hoe je dit kunt doen.

Over ons is een contentblok waarin je kort verteld wat je doet of waar je voor staat. Je vindt deze optie via Content > Over ons.

Dit blok bestaat uit een logo, de naam van je stichting/vereniging/organisatie en de content. Afhankelijk van de template komt de inhoud hiervan op de volgende plekken terug:

Homepage (behalve de eerste template) 
Widget

De tekst in de omschrijving van de over ons tekst is platte tekst. Dat wil zeggen dat de opmaak (enters, styling) eruit wordt gefilterd. Eventuele links die erin staan worden wel omgezet naar een echte link.
Een voorbeeld van hoe dit eruit ziet:

Dit screenshot is gemaakt in de vierde template. Om ervoor te zorgen dat het logo altijd zichtbaar is, is in deze template gekozen om het logo altijd te voorzien van een wit kader. Anders zou je de situatie kunnen krijgen dat het logo helemaal groen is en dan vervolgens in de groene achtergrond verdwijnt.

De Flex-editor is een product waarmee je veel elementen van je platform kunt customizen. Denk hierbij bijvoorbeeld aan het wijzigen van de volgorde, het aanpassen van kleuren, kiezen van een andere variant van een bestaand element, onzichtbaar maken van gedeeltes van de website en het toevoegen van nieuwe mogelijkheden aan de pagina's. 
Om de Flex Editor te kunnen gebruiken wordt hij als addendum toegevoegd op je licentie. Vervolgens kun je de editor gebruiken op elke site onder jouw licentie. Graag aan de slag? Hiervoor kun je contact opnemen met je accountmanager.
Op 11-1-2024 hebben we hiervoor een demo gegeven. Zie hier het filmpje met meer uitleg:
 
Werking Flex editor

Algemeen
Thema instellingen
Standaardknoppen binnen componenten
Componenten toevoegen
Overerving
Hoe pas je het op een live website aan?
Welke pagina's kun je aanpassen?
Welke opties zitten (nog) niet in de Flex Editor?

 
1. Algemeen
Als de Flex Editor aan staat dan kun je hierin werken door in te loggen in het platform. Als je ingelogd bent als sitebeheerder en naar de homepage gaat, zie je aan de linkerkant een schuifje staan. Hiermee open je de Flex Editor:

In de balk zie je alle componenten die je aan kunt passen. Afhankelijk van de configuratie van de site kunnen hier meer of minder componenten staan om aan te passen (zoals Header, Omschrijving etc.). 
Als je met je muis over een component beweegt heb je doorgaans tot drie opties om uit te kiezen:

Titel componentAls je een component wil bewerken, klik je simpelweg met je muis op de titel van de component. Hierdoor ga je naar alle mogelijkheden die je hebt voor die specifieke component.
PijltjeAls je met je muis het pijltje aanklikt en deze ingedrukt houdt, dan kun je de volgorde van de componenten wijzigen door deze naar boven over onderen te slepen.
Drie puntjesOnder de drie puntjes vind je de mogelijkheid om een component onzichtbaar te maken. Voor de custom componenten vind je onder de drie puntjes eveneens de mogelijkheid om de component te verwijderen.

De wijzigingen die je doet, zie je direct veranderen op de plek waar je aan het werk bent. Pas als je deze publiceert, worden ze opgeslagen en verwerkt.
Vind je het lastig om het juiste component binnen de Flex Editor te vinden? Dan kan je ook op de pagina naar de component gaan die je wil aanpassen. Als je met je muis over de component beweegt, verschijnt er een kader om de component en een potloodje. Door daarop te klikken kun je de component bewerken.

 
2. Thema instellingen
We maken onderscheid tussen instellingen die invloed hebben op het gehele thema en instellingen per component. De thema instellingen kun je zien als globale instellingen. Hier stel je de algemene kleuren, lettertype en kleuren van de knoppen in. Om de thema instellingen aan te passen ga je naar het wereldbol icoon rechts bovenin de FlexEditor, naast het logo.

Binnen de thema instellingen kun je aan de slag gaan met aanpassen van kleuren, de belangrijkste Call-to-action buttons en het lettertype op de website. Overerving is op alle drie van toepassing. De veranderingen die je op bijvoorbeeld websiteniveau doet zie je terug op segment, project etc. Deze zijn echter per niveau aan te passen.
Ook is er de mogelijkheid om de thema instellingen Kleur en Call-to-action buttons op componentniveau te overschrijven.
Thema kleuren
Je hebt hier de mogelijkheid om de basis- en contrastkleur aan te passen en daarnaast ook voor enkele specifieke elementen kleur toe te kennen, zoals de achtergrond van de pagina, titel, tekst en hyperlink.
Daarnaast kan je tot maar liefst zeven extra kleuren toevoegen die als thema kleuren voor je website dienen. De kleuren die je hier toevoegt, kun je vervolgens ook kiezen op onderstaande niveaus en binnen componenten.
Hierdoor is je huisstijl snel en efficiënt doorgezet op het platform. Zonder veel gedoe of een verkeerde kleurcode. Bij aanpassingen binnen je huisstijl heb je op deze manier vanuit één plek op jouw platform alles binnen de kortste keren aangepast.
Call-to-action Buttons
Hier kun je de kleuren en het lettertype aanpassen van de donatie, start actie en start project knoppen.
Lettertypes
Hier wijzig je het lettertype voor de gehele site, segment of project. Afhankelijk van het niveau waarop je de aanpassing doet. Als je een ander lettertype wil kiezen, zie je meteen een preview van het lettertype.

3. Standaardknoppen binnen componenten

Bij het aanpassen van componenten kun je meerdere tabbladen hebben. Het tabblad ‘Opties’ is altijd aanwezig. Daarnaast kun je (afhankelijk van de component) de tabbladen ‘Layout’ en ‘Content’ hebben.
Layout
De layout optie zegt wat over de plaatsing en aanwezigheid van elementen binnen de component. Zo kan je in de banner kiezen om de doneer, start actie of start project knop aan of uit te zetten. Bij de metrics (het blokje met aantal acties, teams etc.) kun je kiezen of je de lege aantallen wil tonen en bij de Share buttons kun je kiezen op welke positie ze moeten staan, welke weergave het is en ze wat marges en uitlijning geven. Dit zijn voorbeelden van extra opties die je hebt bij de inhoud van de component.
Opties
De tab 'Opties' gaat over de vormgeving van de component. Hier kan je bijvoorbeeld kleur, achtergrond, ruimte tussen de verschillende componenten en elementen binnen de component aanpassen. Over het algemeen vind je hier settings die onder globaal vallen. Deze hebben betrekking op heel de component. Daarnaast zal je de titels ‘Content’ of ‘Card’ tegenkomen. Dit heeft dan betrekking op kleinere onderdelen binnen een component. Zo vind je binnen de component ‘Uitgelichte projecten’ ook een dropdown genaamd ‘Card’ terug. Je zal zien dat als je deze aanpast, dat alleen invloed heeft op de uitgelichte projecten. In dit geval zijn dit dan ‘Cards’
Als laatste vind je dropdown-menu's binnen een component met een unieke naam. Een mooi voorbeeld is ‘socials’ binnen de footer component. Zoals je merkt, zijn deze erg intuïtief als het gaat om wat je daar mee kan aanpassen.
 
Hier zie je het verschil tussen Globaal en Card. In dit voorbeeld is het groene gedeelte de global (dat gaat over de hele component). Card gaat over de individuele onderdelen daarvan.

Standaardknoppen- en mogelijkheden.
Er zijn een aantal standaardopties die op veel plekken in de Flex Editor voorkomen. 
Achtergrond
Hier kun je een achtergrond toevoegen voor het (gedeelte van de) component die je op dat moment aanpast. Als de afbeelding een ander formaat heeft dan de component zelf, dan wordt een uitsnede in het midden gemaakt. Je kunt vervolgens bij de geavanceerde opties kiezen of je dit wil behouden of dat je een ander gedeelte van de afbeelding wil tonen. Je kunt ook kiezen voor een herhaling van een stukje van een afbeelding en instellen wat er met het formaat moet gebeuren. Er zijn daarmee veel designmogelijkheden om de achtergrond in te stellen. 
Parallax
Met de instelling Parallax blijft de afbeelding op de achtergrond staan als bezoekers naar beneden scrollen. Dit synchroniseert ook met meerdere componenten die onder elkaar staan en dezelfde parallax hebben:

Op deze manier kun je een gedeelte van de pagina (meerdere componenten tegelijk) parallax maken. Het geeft meer diepte aan je website en de illusie dat elementen over elkaar heen bewegen.
Opacity
Door de opacity van de afbeelding aan te passen wordt deze doorzichtiger en kun je deze subtieler of passender maken. Bij meer doorzichtigheid wordt je achtergrond steeds meer zichtbaar. Bij het kiezen van een kleur kun je ook kiezen om deze (al dan niet deels) transparant te maken.
 
Padding
Met de padding kun je de lege ruimte rondom de tekst binnen een component instellen. Deze waardes kunnen voor alle vier richtingen afzonderlijk bepaald worden. Dus boven, onder, links en rechts. Door op het paperclipje te klikken kun je die verhoudingen behouden en pas je het in één keer tegelijk aan.
 
4. Componenten toevoegen
 
Via de knop "Component toevoegen" onderin kun je een component toevoegen. Deze komt dan onderaan te staan en kun je daarna naar de gewenste plek slepen. Ook kun je in de structuur zelf op het plusje klikken (zie screenshot). Je voegt de component dan direct op die plek toe.

Je kunt kiezen uit de volgende componenten:

Na het klikken op zo'n component wordt deze aangemaakt en kun je de inhoud ervan aanpassen. Via het tabblad Content voeg je extra afbeeldingen en tekstblokken toe (indien aanwezig). 
5. Overerving
De Flex Editor werkt ook met overerving. Kleuren die je op een hoger niveau instelt, worden ook toegepast op lagere niveaus. En kun je op dat lagere niveau overschrijven. Met een lager niveau wordt dan bijvoorbeeld segment of project bedoeld.
Uitzonderingen zijn de custom componenten die je zelf toevoegt. Deze worden niet automatisch geërfd op een langer niveau. Custom componenten zijn specifiek voor de pagina waarop je ze toevoegt.
 
6. Hoe pas je het op een live website aan?
We kunnen op een website die al live staat in eerste instantie de previewmodus aanzetten. Je kunt dan als sitebeheerder vanuit het dashboard op de previewknop klikken:

Vervolgens ga je naar de voorkant en zie je de Flex Editor. Je kunt daar allerlei aanpassingen doen en publiceren (via de groene knop) en alle wijzigingen zijn alleen zichtbaar voor sitebeheerders. Op het moment dat je klaar bent kunnen we de template wijzigen naar de Flexplate (onze naam voor de Flex Editor template) en zijn de Flex Editor aanpassingen ook voor bezoekers zichtbaar. Op die manier kun je alles al geheel inrichten voordat je het live zet.
Soms komt het voor dat je bepaalde wijzigingen al wel wil doen, maar nog niet wil tonen aan bezoekers. Je kunt dan componenten toevoegen, stylen naar wens, onzichtbaar maken en publiceren. Ben je klaar om ze aan de wereld te laten zien? Dan zet je ze op zichtbaar en publiceer je deze opnieuw.
7. Welke pagina's kun je aanpassen?
Je kunt op de volgende pagina's aanpassingen doen:

Homepage
Segmentpagina
Projectpagina
Contentpagina's

Onder de contentpagina's vallen de menu-pagina's, waaronder ook contact en tips. Je kunt de inhoud van de tips niet aanpassen, maar een mogelijke workaround is om de tips-pagina niet te tonen (onzichtbaar maken) en een custom block toe te voegen met daarin je eigen tips.
8. Welke opties zitten (nog) niet in de Flex Editor?
De volgende dingen kunnen nog niet:

wijzigingen doen op actie, team of bedrijfsniveau. En ook in de aanmeldflow en donatieflow en overzichtspagina's kun je geen wijzigingen doen.
stijlen selecteren om te gebruiken
een component op een specifiek moment geautomatiseerd live zetten (dit is nog een handmatige handeling)
gebruik maken van versiebeheer, waarmee je gemakkelijk terug kunt gaan naar een eerder versie.
eigen componenten toevoegen
aparte varianten te maken voor verschillende devices.
A/B testing (dit werkt nog niet met de Flex Editor)

In de toekomst kan dat mogelijk wijzigen.
 

Binnen het platform maken we onderscheid tussen vier types cookies:
NoodzakelijkFunctionele cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.
VoorkeurenVoorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.
StatistiekenStatistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.
MarketingMarketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker. Deze advertenties worden zo waardevoller voor uitgevers en externe adverteerders.
Bij het inladen van de website worden altijd noodzakelijke cookies ingeladen (en dat mag ook). Tegelijkertijd worden ook de voorkeuren ingeladen. Die kan eventueel uit worden gezet. 
De cookies met betrekking tot statistieken en marketing worden alleen ingeladen als die geaccepteerd worden. Dit houdt in dat Google Analytics nog niet wordt ingeladen, tenzij er expliciet toestemming voor gegeven wordt. Deze wijziging is per 18 januari ingegaan. 
Per 18 januari 2024 zijn er wijzigingen op het gebied van cookies gedaan. Dit is de actuele lijst met cookies. Op je platform onder de url <hoofdurl>/cookies kun je de lijst vergelijken met deze lijst met cookies. Mocht deze niet meer kloppen dan kun je deze lijst gebruiken (eventueel aangevuld met cookies die ingeladen worden via pixels zoals GTM). Je kunt de cookies op je platform wijzigen via Content > Menu > Onderaan de pagina > Cookies > Wijzigen.
 
Actuele lijst met cookies
Noodzakelijk

Naam cookie
Extern domein
Duur
Omschrijving

_kentaa_session
Nee
1 dag
Wordt gebruikt om een gebruikersessie bij te houden

cookie_consent
Nee
1 jaar
Wordt gebruikt om de cookie instelling keuze bij te houden

Voorkeuren

Naam cookie
Extern domein
Duur
Omschrijving

locale
Nee
1 jaar
Wordt gebruikt om de taal instelling bij te houden

dashboard_locale
Nee
1 jaar
Wordt gebruikt om de taal instelling bij te houden

Statistieken

Naam cookie
Extern domein
Duur
Omschrijving

_ga
Nee
2 jaar
Wordt door Google Analytics gebruikt voor statistische gegevens hoe de bezoeker de website gebruikt

_ga_<container-id>
Nee
2 jaar
Wordt door Google Analytics gebruikt voor statistische gegevens hoe de bezoeker de website gebruikt

Marketing

Naam cookie
Extern domein
Duur
Omschrijving

NID
.google.com
6 maanden
Wordt gebruikt om voorkeuren op te slaan, zoals voorkeurstaal en het aantal zoekresultaten

ENID
.google.com
13 maanden
Wordt gebruikt om voorkeuren op te slaan, zoals voorkeurstaal en het aantal zoekresultaten

CGIC
.google.com
6 maanden
Wordt gebruikt om zoekopdrachten te verbeteren

CONSENT
.google.com
2 jaar
Wordt gebruikt om cookiekeuzes op te slaan

SOCS
.google.com
13 maanden
Wordt gebruikt om cookiekeuzes op te slaan

IDE
.google.com
13 maanden
Wordt gebruikt om Google-advertenties te tonen op sites buiten Google

PREF
.youtube.com
8 maanden
Wordt gebruikt om statistieken bij te houden over hoe de bezoeker YouTube-video's op verschillende websites gebruikt

VISITOR_INFO1_LIVE
.youtube.com
179 dagen
Probeert de bandbreedte van gebruikers te schatten op pagina's met geïntegreerde YouTube-video's

YSC
.youtube.com
sessie
Wordt gebruikt om statistieken bij te houden van welke video's van YouTube de gebruiker heeft gezien

SID
.youtube.com
2 jaar
Bevat versleutelde gegevens van de gebruiker, en wordt gebruikt in combinatie met andere cookies om de gebruiker online te beschermen

HSID
.youtube.com
2 jaar
Bevat versleutelde gegevens van de gebruiker, en wordt gebruikt in combinatie met andere cookies om de gebruiker online te beschermen

DSID
.youtube.com
2 weken
Wordt gebruikt om een ingelogde gebruiker te herkennen

pm_sess
.youtube.com
30 minuten
Wordt gebruikt om een gebruikersessie bij te houden

AEC
.youtube.com
6 maanden
Wordt gebruikt om een gebruikersessie bij te houden

player
.vimeo.com
1 minuut
Wordt gebruikt om instellingen van de vimeo-player bij te houden

vuid
.vimeo.com
1 minuut
Wordt gebruikt om statistieken bij te houden van Vimeo video's

__cf_bm
.vimeo.com
30 minuten
Wordt gebruikt om verzoeken van bots te lezen en te filteren

OptanonConsent
.vimeo.com
1 jaar
Wordt gebruikt om de cookie instelling keuze bij te houden

Als site- en segmentbeheerder kun je nu heel eenvoudig zelf de kleuren, het lettertype en de knoppen van jullie Kentaa template aanpassen!
Wanneer je bent ingelogd, verschijnt op de homepage (en indien jullie een Kentaa Expert platform hebben ook op de segment homepage) een zwart blokje met “Design aanpassen”. 

Wanneer je hierop klikt, verschijnt een design editor. Deze bestaat uit drie onderdelen:

Themakleur
Lettertype
Buttons

Belangrijk: Kentaa biedt de keuze uit vier standaard templates aan. De structuur per template staat vast. Het is dus niet mogelijk om elementen te verplaatsen. Zie hier de voorbeelden van de standaard templates. Het wijzigen van dit template kan support kosteloos en direct voor jullie doen. Neem contact op via de chat, telefoon of e-mail.
Themakleur
Bij de themakleuren kunnen vier zaken worden aangepast:

Primaire kleur: Dit is de steunkleur van jullie website.
Contrast kleur: Deze wordt gebruikt voor teksten op knoppen, bepaalde tekstgedeelten en iconen.
Paginatitel kleur: Dat is de kleur van de H1 titel op iedere pagina.
Hyperlink kleur: Dat is de kleur van hyperlinks op iedere pagina.

De kleuren kunnen worden aangepast door de HEX-code van de gewenste kleur in te voeren of met het kleurenpalet dat uitschuift.

De gekozen kleuren zijn direct te zien. Met de knop “Herstellen” worden de instellingen teruggezet. Pas als je op “Opslaan” klikt, worden de gekozen instellingen doorgevoerd. Ze kunnen dan ook niet meer worden teruggezet. Tip: Noteer de bestaande kleurcodes, zodat je altijd weer “terug naar af” kan.
Lettertype
Er kunnen twee lettertypes worden ingesteld per site: één voor de koppen en één voor de teksten.

Het gewenste font kan worden gekozen uit het dropdown menu. Het gekozen lettertype is direct te zien. Met de knop “Herstellen” worden de instellingen teruggezet. Pas als je op “Opslaan” klikt, worden de gekozen instellingen doorgevoerd. Het lettertype dat origineel bij het template hoort, is in de lijst te herkennen doordat er een titel ‘standaard’ boven staat.
Let op: Doordat fonts verschillen in breedte en grootte, kan het gebeuren dat teksten minder goed op knoppen passen. Wij kunnen de grootte van de knoppen niet aanpassen per lettertype. Loop de site dus zelf goed na (ook mobiel) of dit lettertype inderdaad mooi toont op jullie website.
Staat jouw gewenste font er niet bij? Kijk dan op https://fonts.google.com) of hij beschikbaar is als gratis Google webfont. Indien dit het geval is, laat het ons weten. Stuur een mailtje naar support@kentaa.nl zodat wij kunnen onderzoeken of dit lettertype geschikt is voor de design-editor.
Buttons
Afhankelijk van jullie Kentaa pakket en de instellingen op jullie platform, kunnen er drie soorten knoppen worden aangepast:

De donatieknoppen
De start actieknoppen (indien jullie de actiemodule hebben)
De project aanmeldknop (indien jullie de projectenmodule hebben én projecten via de voorkant kunnen worden aangemaakt)

Per type knop kan het lettertype, de tekstkleur en de achtergrondkleur worden aangepast. Allemaal onafhankelijk van elkaar en onafhankelijk van de keuzes bij de tabjes voor de themakleuren en lettertypen.

Het gewenste lettertype kan worden gekozen uit het dropdown menu. Het gekozen lettertype is direct te zien. Het lettertype dat origineel bij het template hoort, is in de lijst te herkennen aan de kop ‘standaard’.
De kleuren kunnen worden aangepast door de HEX-code van de gewenste kleur in voeren of met het kleurenpalet dat uitschuift. De gekozen kleuren zijn direct te zien. Met de knop “Herstellen” worden de instellingen teruggezet. Pas als je op “Opslaan” klikt, worden de gekozen instellingen doorgevoerd.
Staat de editor in de weg? Klap hem weer in met dit icoon:  of verplaats hem met dit icoon: 
Eenmaal verplaatst wordt de editor op die plek opgeslagen, ook voor een volgende keer.

Op deze pagina kun je de teksten beheren die op diverse plaatsen binnen het Kentaa platform getoond worden. Het is belangrijk om duidelijk te melden waarvoor bezoekers van de website zich gaan aanmelden of waarmee ze akkoord gaan bij het geven van een consent. Alle informatie gerelateerd aan de e-mail opt-in en het gebruik van gegevens moet concreet, transparant en begrijpelijk zijn met behulp van duidelijke en eenvoudige taal.
Je kunt per niveau (website, segment, project) de AVG teksten specifiek aanpassen via Content > AVG teksten. De ingestelde teksten lopen automatisch over naar een lager niveau. Als je bijvoorbeeld op websiteniveau de tekst bij de nieuwsbriefinschrijving aanpast, dan wordt dat op alle onderliggende segmenten en projecten (indien aanwezig) ook overgenomen, tenzij ze op dat lager niveau apart zijn ingesteld.
Je kunt de teksten (per taal) aanpassen door op 'wijzig standaardwaarde te drukken' en in te stellen. Dit kan bij de volgende items:
Nieuwsbriefinschrijvingen
(zie ook het supportartikel over de nieuwsbrief)
De nieuwsbrief kan op drie plekken aan of uit worden gezet:

Onderaan de pagina
Bij het doen van een donatie op het donatieformulier
Op het contactformulier, als iemand deze invult (staat doorgaans onder /contact)

Houd mij op de hoogte
Het sterretje in de social sharing balk. Hiermee kan iemand aangeven op de hoogte te willen worden gehouden van nieuws. Dat heeft dan betrekking op de plek waar die persoon op dat moment is. Als iemand bijvoorbeeld een actiepagina bekijkt en daar op het sterretje klikt en zijn gegevens achterlaat, dan wordt hij/zij vanaf dat moment op de hoogte gehouden van nieuws rondom die actie.

Aanmeldflow
Voor het aanmaken van een actie worden persoonsgegevens gevraagd. Wij raden aan om het aantal gegevens dat jullie vragen tot een minimum te beperken. Door middel van extra vragen (via Kentaa Support) kunnen jullie nog aanvullende gegevens vragen. Leg duidelijk uit waarvoor jullie deze gegevens gebruiken en hoelang deze bewaard worden. Wanneer de extra vragen bijzondere persoonsgegevens bevatten wordt een andere consent tekst getoond.
Indien er een telefoonnummer wordt ingevuld dan verschijnt automatisch de verplichte opt-in "Benaderen voor tips". Je kunt de inhoud hiervan aanpassen (zie onderstaand screenshot), maar de opt-in is wel verplicht. De titel "Benaderen voor tips" kun je niet aanpassen.
We hebben ook de mogelijkheid om een tweede opt-in aan te zetten bij het telefoonnummer, genaamd "Marketingdoeleinden". Deze is erop gericht om het telefoonnummer te mogen gebruiken voor zaken buiten het platform om. Dus bijvoorbeeld om ze te vragen om structureel donateur te worden, te benaderen voor andere campagnes, nieuwsberichten te sturen etc.
Deze opt-in is altijd optioneel. Ook hiervoor kun je de titel niet aanpassen, maar de bijbehorende consenttekst wel. Mocht je deze aan willen hebben dan kun je contact met ons opnemen via support@kentaa.nl.

Download met extra gegevens
Bij menu-pagina's kun je downloads toevoegen. Bij het aanbieden van een ‘download’ kan er gekozen worden om persoonsgegevens uit te vragen. Deze gegevens kunnen eventueel gebruikt worden om deze persoon te contacten. De download kan alleen verkregen worden indien de bezoeker expliciet toestemming geeft voor het opslaan van de persoonsgegevens.
 
Voor meer informatie over de AVG binnen Kentaa, zie dit artikel. Voor de laatste wijzigingen in het platform, zie dit artikel.
Project aanmelden
Voor het aanmelden van een project worden persoonsgegevens gevraagd. Wij raden aan om het aantal gegevens dat jullie vragen tot een minimum te beperken. Door middel van extra vragen (via Kentaa Support) kunnen jullie nog aanvullende gegevens vragen. Leg duidelijk uit waarvoor jullie deze gegevens gebruiken en hoelang deze bewaard worden. Wanneer de extra vragen bijzondere persoonsgegevens bevatten wordt een andere consent tekst getoond.

Content ⟶ Nieuws
Je bezoekers op de hoogte houden over nieuwe ontwikkelingen kun je met de nieuwsfunctie doen. Op elk niveau (website, segment, project, team en actie) is het mogelijk om nieuwsberichten toe te voegen.

Nieuwsbericht toevoegen
Nieuwsbericht weergave(n)
Nieuwsbericht wijzigen
Nieuwsbericht verwijderen

Nieuwsbericht toevoegen

Klik op Nieuwsbericht toevoegen 
Verzin een goede, pakkende Titel of gebruik de titel van het bericht als tag: %nieuwsbericht_titel%
Typ je Bericht
Gebruik eventueel Tags om je nieuwsbericht(en) in categoriën in te delen (hier kun je later op filteren)
Deel je bericht direct met je achterban (zie onder voor toelichting) 
Maak een keuze om het bericht direct te Publiceren, op een specifieke datum en tijd te publiceren of als concept op te slaan
Klik op Opslaan
Na het opslaan kun je nog Media (afbeeldingen en/of video's) toevoegen aan het nieuwsbericht
Tip: deel je bericht!

Nieuwsbericht delen via social media
Na het plaatsen wil je iedereen laten weten dat er nieuws is! Dit kan natuurlijk via de social media-deelknoppen die je vindt bij het geplaatste nieuwsbericht:
 
Nieuwsbericht delen met de achterban
Bij het toevoegen van een nieuwsbericht krijg je de kans om het nieuwsbericht te delen met de achterban. Dit gebeurt pas nadat je de status op gepubliceerd hebt gezet (je hoeft het bericht nog niet echt te publiceren om dit te zien):

Dit houdt in dat de volgende personen een e-mailnotificatie krijgen:

Actiestarters onder de betreffende pagina (project-, segment- of siteniveau)
Donateurs die hebben aangegeven op de betreffende pagina op de hoogte gehouden te willen worden van nieuwtjes
Bezoekers die de Houd me op de hoogte-functie hebben gebruikt op de betreffende pagina

Nieuwsbericht weergave(n)
De geplaatste nieuwsberichten zijn altijd te bekijken op de pagina waarop ze geplaatst zijn. Per template/vormgeving kan de plaatsing en weergave van het bericht verschillen. Er is altijd een overzicht van alle nieuwsberichten te zien op /nieuws. 
Op de homepagina verschijnen standaard alleen de nieuwsberichten die zijn geplaatst op website-niveau. Er is echter de mogelijkheid om hier ook de nieuwsberichten van segment- en projectniveau te tonen. Wil je deze instelling gewijzigd hebben? Neem dan gerust contact op met support@kentaa.nl, of chat met ons!
Volgorde nieuwsberichten
De nieuwsberichten komen in volgorde van publicatiedatum te staan. Als je een oud bericht echter omhoog wilt hebben staan dan kun je hiervan de publicatiedatum wijzigen. Omgekeerd kun je ook de publicatiedatum van een nieuwsbericht verder naar het verleden zetten, zodat deze onderaan komt te staan.
Nieuwsbericht wijzigen
Een nieuwsbericht kun je te allen tijde wijzigen, vooral handig bij niet-gepubliceerde berichten om het perfecte nieuwsbericht op te stellen. Klik op de Wijzigen-knop achter het betreffende bericht om aanpassingen te doen. Vergeet de wijzigingen niet op te slaan.
Nieuwsbericht verwijderen
Toch niet helemaal blij met een nieuwsbericht, of mag de informatie na een tijdje niet meer op de website verschijnen? Verwijder dan het bericht met de Verwijder-knop achter het betreffende nieuwsbericht.

Verreweg de meeste informatie kun je kwijt in de menustructuur. Zowel boven- als onderaan de pagina is een menustructuur te vinden. Het menu bovenaan de pagina wordt gebruikt voor de meeste informatie en kan submenu's bevatten, om zo informatie meer te groeperen. Het menu onderaan de pagina gebruikt bevat standaard de pagina's Privacy, Algemene voorwaarden en Cookies. Ook dit menu is uit te breiden aan informatie, maar kan geen submenu's bevatten.

Zowel boven- als onderaan is de menustructuur aan te passen. De in dit artikel uitgelegde werkwijze is voor beide structuren hetzelfde. Dit artikel spitst zich voornamelijk toe op de menustructuur bovenaan de pagina.
Inhoud:

Menu-item toevoegen
Menu-item verplaatsen
Menu-item verwijderen
Menu op segmentpagina
Menu op projectpagina

Content ⟶ Menu
1. Menu-item toevoegen
Met de knop Menu-item toevoegen voeg je een nieuw menu-item toe. Hieronder een overzicht van het formulier:
Naam menu-itemDit is de naam zoals het item in de menubalk wordt weergegeven.
ZichtbaarheidPas de zichtbaarheid van het menu-item aan. Standaard wordt het item getoond in het menu. Er kan gekozen worden om het te verbergen in het menu en het item alleen via directe URL bereikbaar te maken.
ToegangMaak het menu-item alleen zichtbaar en toegankelijk voor ingelogde bezoekers.
Menu typeJe hebt de keuze uit 4 types voor je menu-item:

Contentpagina
Link naar pagina
Contactpagina
Formulier op maat

Hieronder behandelingen we alle varianten.
1.1 Contentpagina
TitelDeze titel komt bovenaan de pagina te staan.
URLBepaal zelf de URL van pagina, bijvoorbeeld https://www.voorduurzamewereld.nl/over-ons. Het gaat hier om het gedeelte achter de forward slash.
InhoudDe daadwerkelijke content die op de pagina te zien is. Denk hier aan alinea's tekst, opsommingen, links, plaatjes en video's. 
DownloadsBied bestanden aan als downloads. Denk hierbij aan deelnemersreglementen, bestanden om via social media te delen etc. Na het toevoegen van een bestand kun je in het menu-item (aan de 'voorkant') de download terugzien. Als je het bestand opent en de achterliggende link kopieert, dan kun je hier naartoe linken. 
Je zou zelfs een aparte pagina met downloads kunnen maken en deze kunnen verbergen in het menu, zodat dit niet te zien is voor bezoekers. Vervolgens kun je met de directe url de downloads zien en hier de directe links naar kunnen kopiëren. Dit is binnen ons platform de manier om zelf bestanden te uploaden!
Je kunt bij het uploaden van een download er ook voor kiezen om de gegevens op te vragen. In dat geval moet iemand een naam en e-mailadres achterlaten. Dit kan mogelijke leads opleveren!
Veelgestelde vragenVoeg veelgestelde vragen toe aan de contentpagina om eventuele vragen al af te kunnen vangen. Je doet dit door een vraag en antwoord op te geven.
1.2 Link naar pagina
Wil je in het menu een link opnemen naar een interne- of externe pagina? Dat kan met dit menu-type. Een interne pagina, bijv. de aanmeldflow kan aangeroepen worden met /meedoen. Binnen het Kentaa-platform zijn een aantal statische pagina's aanwezig waar naar gelinkt kan worden:

/updates
/news-items
/news-items/tags/<tag>
/fundraisers
/participants
/teams
/projects
/projects/tags/<tag>
/donate
/donate/choose
/donors
/tips

Daarnaast kun je ook externe websites invoeren, bijv.: https://www.google.com. Let er hierbij op dat ook http:// of https:// wordt meegegeven in de link. Doe je dit niet, probeert hij deze pagina intern te vinden en dit genereert een foutmelding.
1.3 Contactpagina
Het is mogelijk om een contactfomulier op te nemen in het menu, d.m.v. het menutype Contactpagina. Zodra je kiest voor dit type komen de volgende velden tevoorschijn:
Contact e-mail
Het e-mailadres waar het contactformulier naartoe wordt gezonden. 
Inhoud
De inhoud wordt getoond boven het formulier. Een prima plek voor bijv. adresgegevens, KvK-nummer en BTW-nummer of een introductie van de contactpersoon.

1.4 Formulier op maat (onzichtbaar)
De laatste optie is het Formulier op maat. Is het contactformulier niet helemaal naar jouw smaak, of wil je mensen vragen om hun gegevens achter te laten voor een enquête of een voorinschrijving? Dit kan allemaal met het formulier op maat. Omdat deze functionaliteit ietwat technisch in elkaar steekt is het vooralsnog alleen mogelijk voor de Kentaa-medewerker om dit in te regelen.
Neem dus vooral contact op als je een aangepast formulier wilt laten opstellen in het menu.
Submenu-item toevoegen
Om informatie te groepen is het mogelijk om een submenu toe te voegen onder een bestaand menu-item. Hiermee stel je de menubalk compact en overzichtelijk op. 
Een submenu-item maak je aan door op   ⟶ Subitem toevoegen te klikken.
Je kunt een ongelimiteerd aantal submenu-items aanmaken, al wordt geadviseerd om dit tot een maximaal aantal van 5 items te beperken. Een sub-submenu kan niet worden aangemaakt.
2. Menu-item verplaatsen
De menu-items zijn van plek te wisselen doormiddel van drag en drop (klik en sleep).
3. Menu-item verwijderen
Klik achter een menu-item op  ⟶ Verwijderen om het menu-item te verwijderen.

Let op: verwijderde menu-items zijn niet terug te halen!

4. Menu onderaan de pagina
Kentaa levert een Kentaa-website altijd op met een standaardtekst voor deze pagina's. De inhoud van deze pagina’s kan via het Kentaa Dashboard nog worden aangepast. In dit menu zijn door de beperkte ruimte geen submenu-items aan te maken. 
De verantwoordelijkheid en aansprakelijkheid ligt bij jullie voor het op juiste wijze gebruiken van de door Kentaa aangeleverde standaardteksten en het op juiste wijze vragen van toestemming voor gegevensverwerking van webbezoekers. Kentaa draagt zorg voor het toestemming vragen voor het plaatsen van cookies en het wel of niet plaatsen van de cookies op basis van de cookie-instellingen van de webbezoeker. De verplichte pagina's zijn voorzien van versiebeheer. Zodra er een wijziging in deze pagina’s wordt aangebracht, wordt deze als nieuwe versie opgeslagen. Dit is van belang voor het opslaan van de "consent" van de bezoeker van de website. Bij de toestemming wordt altijd het dan geldende versienummer opgeslagen. Op de pagina’s (zichtbaar voor de bezoekers) wordt het versienummer getoond.
5. Menu op segmentpagina
Ook op de segmentpagina kan een menu bovenaan de pagina aangemaakt worden. Standaard wordt het menu van het websiteniveau overgenomen, maar deze is te overschrijven. Zie de demonstratie hieronder om op segmentniveau te switchen van het menu vanuit websiteniveau naar een eigen (nieuw te bouwen) menustructuur.

6. Menu op projectpagina
Het menu op de projectpagina werkt net wat anders. Hier gaat het niet om het menu boven- of onderaan de pagina, maar om een eigen menustructuur op de projectpagina (zie afbeelding).

Per project/evenement pagina zijn er een aantal menu-items die automatisch worden toegevoegd en een stel instelbare menu-items.
Automatisch toegevoegde menu-items:

Project of Evenement (toont de beschrijving van het project)
Donateurs
Nieuws

Donateurs en Nieuws zijn alleen zichtbaar mocht er een donatie of nieuwsbericht onder het project zijn gedaan.
Per project kunnen 3 menu-items toegevoegd worden en 1 menu-item speciaal voor contactgegevens. 
 

Banners geven de website een mooie entree en duidelijke indruk van de website.

Banners toevoegen
Content ⟶ Banners
Wanneer je ervoor hebt gekozen dat je banners wilt gebruiken op de website, klik dan op de checkbox voor Toon banners op de website. Hierbij verschijnt de mogelijkheid om banners toe te voegen, zie hieronder.
Per vormgeving kan het formaat van de banner(s) verschillen. De ene vormgeving heeft een pagina-brede banner terwijl de andere een gekaderde banner heeft. Een paar feiten op een rijtje:

Het wordt geadviseerd om de banner in JPG- of JPEG-formaat te uploaden vanwege de kleine bestandsgrootte
Er is een maximum van 5 banners per pagina te uploaden
De carroussel 'draait' met een interval van 4 seconden
Het minimale formaat van elke banner is 1170 pixels breed. Er is geen minimale of maximale hoogte (De eerste banner die wordt geüpload, bepaalt het formaat voor de daarna te uploaden banners)
We adviseren een formaat van 1920 x 600 pixels
De banners komen op elke pagina terug
Per segment of evenement kan een andere banner, of andere banners toegevoegd worden

Klik op Banner toevoegen om een nieuwe banner toe te voegen.
Upload de bannerfoto (het formaat wat wij aanraden is ongeveer 1920x600 pixels en jpeg formaat).
Je kunt er ook voor kiezen een videobanner te uploaden door bij 'type' te kiezen voor video
Evt.: wil je dat de banner klikbaar wordt? Dan kun je in het veld URL een link toevoegen. Optioneel: geef bij Open in aan of de link in het zelfde venster geopend moet worden of in een nieuw venster.
Klik op Opslaan. De banner is toegevoegd.

Let op: de eerste banner die wordt geüpload bepaald het formaat voor de daarna te uploaden banners.
Banners wijzigen / verwijderen
Content ⟶ Banners ⟶ Wijzigen

Klik op Wijzigen achter de betreffende banner om aanpassingen te doen
Klik op Opslaan

Content ⟶ Banners ⟶ Verwijderen

Klik op Verwijderen achter de betreffende banner om deze te verwijderen
Klik op Ok als je het zeker weet

Sponsorlogo's kun je toevoegen om aan te geven welke organisaties jouw campagne, evenement, doel of actie steunen. Door deze afbeeldingen toe te voegen geef je bedrijven daarnaast een mooie incentive om te doneren.
Sponsorlogo toevoegen
Content ⟶ Sponsorlogo's

Klik op Sponsor toevoegen om een nieuw sponsorlogo toe te voegen.
Upload je foto.
Evt.: wil je dat het sponsorlogo klikbaar wordt? Dan kun je in het veld URL de website (bijvoorbeeld van de sponsor) toevoegen. Optioneel: geef bij Open in aan of de link in het zelfde venster geopend moet worden of in een nieuw venster.
Klik op Opslaan. Het sponsorlogo is toegevoegd.

Sponsorlogo wijzigen / verwijderen
Content ⟶ Sponsorlogo's ⟶ Wijzigen

Klik op Wijzigen achter het betreffende sponsorlogo om aanpassingen te doen
Klik op Opslaan

Content ⟶ Sponsorlogo's ⟶ Verwijderen

Klik op Verwijderen achter het betreffende sponsorlogo om deze te verwijderen
Klik op Ok als je het zeker weet

 
Sponsorlogo's van bovenliggende niveaus tonen
Per segment of project worden default de sponsorlogo's die op een hoger niveau (website of segment) zijn ingesteld overgenomen. Je kunt ervoor kiezen deze over te nemen, of om je eigen logo's te uploaden. In dat laatste geval druk je op wijzig standaardwaarde en kies je voor 'Nee, toon geen sponsorlogo's van bovenliggende niveaus'.