Banners
Last modified: 01-02-2023Banners give the website a nice entrance and clear impression of the website.
Add banners
Content ⟶ Banners
When you have chosen to use banners on the website, click the checkbox for Show banners on the website. This will display the option to add banners, see below.
Per design, the format of the banner(s) may vary. Some designs have a page-wide banner while others have a framed banner. A few characteristics about banners:
- It is advised to upload the banner in JPG or JPEG format because of the small file size
- There is a maximum of 5 banners per page to upload
- The carousel 'rotates' at 8-second intervals
- The minimum size of each banner is 1170 pixels wide. There is no minimum or maximum height
- We recommend a format of 1920 x 600 pixels
- Banners appear on every page
- A different banner, or other banners, can be added per segment or project
- Click Add banner to add a new banner.
- Upload the banner photo (the size we recommend is approximately 1920x600 pixels and jpeg format).
- Evt.: do you want the banner to be clickable? Then you can add a link in the URL field. Optional: under Open in , specify whether the link should open in the same window or in a new window.
- Click Save and the banner has been added.
Please note that the first banner uploaded determines the size for subsequent banners to be uploaded.
Change/remove banners
Content ⟶ Banners ⟶ Modify
- Click Edit behind the relevant banner to make adjustments
- Click on Save
Content ⟶ Banners ⟶ Remove
- Click Delete behind the relevant banner to remove it
- Click Ok if you are sure
Frequently asked questions
Probably the banner is in png format. Whatsapp cannot use that format as a thumbnail when sharing. It's best to use a JPG format.
You will see an exact format if a banner has already been uploaded. This is because you can upload a second banner and they will appear in carousel after each other. This second banner should have the same dimensions.
If you want to upload a new banner of a different size, you must first delete the current banner. Then you can upload a banner of your choice. The only requirement is that the minimum width is 1170 px.
Perhaps also interesting
Menu
By far the most information can be found in the menu structure. There is a menu structure at both the top and bottom of the page. The menu at the top of the page is used for most information and may contain submenus, in order to group information more closely. The menu used at the bottom of the page contains by default the pages Privacy, General terms and conditions and Cookies. This menu is also expandable for information, but cannot contain submenus.
Both top and bottom menu structures can be customised. The procedure explained in this article is the same for both structures. This article focuses mainly on the menu structure at the top of the page.
Content:
Add menu item
Change menu item
Move menu item
Delete menu item
Menu on segment page
Menu on project page
Content ⟶ Menu
1. Add menu item
The Add menu item button adds a new menu item. Below is an overview of the form:
Menu item nameThis is the name as the item is displayed in the menu bar.
VisibilityAdjust the visibility of the menu item. By default, the item is shown in the menu. You can choose to hide it in the menu and make the item accessible only via direct URL.
AccessMake the menu item visible and accessible only to logged-in visitors.
Menu typeYou have a choice of 4 types for your menu item:
Content page
Link to page
Contact page
Customised form
Below we treat all variants.
1.1 Content page
TitleThis title will appear at the top of the page.
URLDefine the URL of page yourself, for examplehttps://www.voorduurzamewereld.nl/over-ons. This is the part after the forward slash.
ContentThe actual content seen on the page. Think here of paragraphs of text, bullet points, links, images and videos.
DownloadsOfferfiles as downloads. Think of participant rules, files to share via social media, etc. After adding a file, you can see the download in the menu item (at the 'front'). If you open the file and copy the link behind it, you can link to it.
You could even create a separate page of downloads and hide it in the menu, so it is not visible to visitors. Then you can use the direct url to see the downloads and be able to copy direct links to them. Within our platform, this is the way to upload files yourself!
You can also choose to request the data when uploading a download. In this case, someone has to leave a name and email address. This can generate potential leads!
Frequently asked questionsAdd frequently asked questions to the content page to catch any questions already. You do this by adding a question and answer.
1.2 Link to page
Would you like to link to an internal or external page in the menu? You can do so with this menu type. An internal page, e.g. the login flow can be called with /join. Within the Kentaa platform there are a number of static pages that can be linked to:
/news
/news items*
/news items/tags/<tag>
/action*
/participants*
/teams*
/projects*
/projects/<tag>
/donate
/donate/choose
/donors
/tips
You can also enter external websites, e.g.: https://www.google.com. Make sure to include http:// or https:// in the link. If you do not do this, it will try to find this page internally and generate an error message.
1.3 Contact page
It is possible to include a contact form in the menu, using the menu type Contact page. Once you choose this type, the following fields will appear:
Contact e-mail
The e-mail address to which the contact form will be sent.
Content
The content is displayed above the form. A great place for e.g. address details, Chamber of Commerce number and VAT number or an introduction of the contact person.
1.4 Customised form (invisible)
The last option is the Customised Form. Is the contact form not quite to your taste, or do you want to ask people to leave their details for a survey or a pre-registration? This is all possible with the customised form. As this functionality is somewhat technical, for now it is only possible for the Kentaa employee to set this up.
So be sure to get in touch if you want a customised form created in the menu.
Add submenu item
To group information, it is possible to add a submenu under an existing menu item. This sets up the menu bar in a compact and clear way.
Create a submenu item by clicking ⟶ Add subitem .
You can create an unlimited number of sub-menu items, although it is advised to limit this to a maximum of 5 items. A sub-submenu cannot be created.
2. Move menu item
The menu items can be changed using drag and drop.
3. Delete menu item
Behind a menu item, click ⟶ Remove to delete the menu item.
Note: deleted menu items cannot be recovered!
4. Menu at the bottom of the page
Kentaa always delivers a Kentaa website with a default text for these pages. The content of these pages can still be modified via the Kentaa Dashboard. Due to space limitations, it is not possible to create submenu items in this menu.
The responsibility and liability lies with you for correctly using the standard texts provided by Kentaa and correctly requesting permission for data processing from web visitors. Kentaa takes care of asking permission to place cookies and whether or not to place the cookies based on the web visitor's cookie settings. The mandatory pages are provided with version control. Once a change is made to these pages, it is saved as a new version. This is important for storing the website visitor's "consent". The consent always stores the then current version number. The version number is displayed on the pages (visible to visitors).
5. Menu on segment page
A menu can also be created at the top of the page on the segment page. By default, the menu from the website level is adopted, but this can be overwritten. See the demonstration below to switch at segment level from the menu from website level to your own (newly built) menu structure.
6. Menu on project page
The menu on the project page works slightly differently. Here it is not the menu at the top or bottom of the page, but its own menu structure on the project page (see image).
For each project/event page, there are a number of menu items that are added automatically and a bunch of configurable menu items.
Automatically added menu items:
Project or Event (shows the description of the project)
Donors
News
Three menu items can be added per project and one menu item specifically for contact details.
AVG Texts
On this page you can manage the texts that are displayed in various places within the Kentaa platform. It is important to clearly state what website visitors are going to sign up for or agree to when giving a consent. All information related to the email opt-in and the use of data should be concrete, transparent and understandable using clear and simple language.
You can specifically adjust the AVG texts per level (website, segment, project) via Content > AVG texts. The set texts automatically carry over to a lower level. For example, if you adjust the text for the newsletter subscription at the website level, this will also be adopted at all the underlying segments and projects (if any), unless they have been set separately at that lower level.
You can adjust the texts (by language) by pressing 'change default' and setting. This can be done for the following items:
Newsletter subscriptions
(see also the support article on the newsletter)
The newsletter can be turned on or off in three places:
At the bottom of the page
When making a donation on the donation form
On the contact form, if someone fills it out (usually found under /contact)
Keep me informed
The asterisk in the social sharing bar. Allows someone to indicate they want to be kept up to date with news. This then relates to where that person is at the time. For example, if someone views an action page and clicks on the asterisk there and leaves their details, they will be kept up to date with news around that action from then on.
Application flow
Personal data is requested to create an action. We recommend keeping the amount of data you ask to a minimum. Through additional questions (via Kentaa Support) you can ask for additional data. Clearly explain what you will use this data for and how long it will be stored. If the additional questions contain special personal data, a different consent text will be displayed.
If a phone number is entered then the mandatory opt-in "Approach for tips" will automatically appear. You can change the content of this (see screenshot below), but the opt-in is mandatory. You cannot change the title "Approach for tips".
We also have the option to turn on a second opt-in to the phone number, called "Marketing purposes". This is aimed at being allowed to use the phone number for things outside the platform. So for example, asking them to become a structural donor, approaching them for other campaigns, sending news releases, etc.
This opt-in is always optional. You cannot change the title for this either, but you can change the corresponding consent text. If you would like to have this on, please contact us at support@kentaa.nl.
Submit project
To register a project, you will be asked for personal data. We recommend that you keep the number of data you ask to a minimum. By means of additional questions (via Kentaa Support) you can ask for additional data. Clearly explain what you will use this data for and how long it will be stored. If the additional questions contain special personal data, a different consent text will be displayed.
Download with additional data
On menu pages, you can add downloads. When offering a 'download', you can choose to request personal data. This data can possibly be used to contact this person. The download can only be obtained if the visitor explicitly gives permission to store the personal data.
For more information on the AVG within Kentaa, see this article. For the latest changes to the platform, see this article.
Spotlight in homepage
pre>Content ⟶ Featured
Do you want to highlight parts of the website? Then you can highlight them on the homepage. You can do this with segments, projects, actions and teams. You can use this function to highlight current projects or participants, for example.
Highlighting items on the homepage
Customise order of featured items
Unblocking
Highlighted project marked as recommended
Undo recommendation
Change texts above highlighted actions and teams on the homepage
Highlighting items on the homepage
Scroll to the level from which you want to highlight something on the homepage (actions, teams, projects, segments). The example uses actions.
Click on 'Add action'.
You get to the overview. Next to the item, click the cog icon and choose 'Highlight on homepage'. The item is now highlighted.
Customise order of featured items
Scroll to the desired level.
Click and drag the items to change the order.
Unblocking
Choose the items you no longer want to highlight and click 'Remove from list'.
Highlighted project marked as recommended
Scroll down to the highlighted projects.
Choose the desired project and click 'Mark as recommended'.
Undo recommendation
Click on 'Marked as recommended' to undo the marking.
Change texts above highlighted actions and teams on the homepage
Content ⟶ Texts on homepage
If default values are used, click 'Change default value'.
Customise the title and description.
Click 'Save' to save the modified texts.
Note: do you have a multilingual website? If so, don't forget to adjust the other languages as well.
News
Content ⟶ News
You can keep your visitors informed about new developments with the news function. At every level (website, segment, project, team and action) it is possible to add news items.
Add news item
News item display(s)
Change news item
Delete news item
Add news item
Click on Add news item
Make up a good, catchy Title or use the title of the post as a tag: %news_title%
Type your message
Optionally, use Tags to categorise your news item(s) (you can filter by these later)
Share your message directly with your supporters (see below for explanation)
Make a choice to publish the message immediately, publish it at a specific date and time or save it as a draft
Click on Save
After saving, you can still add Media (images and/or videos) to the news item
Tip: share your post!
Share news item via social media
After posting, you'll want to let everyone know about the news! This can of course be done via the social media share buttons found with the posted news item:
Share news release with supporters
When adding a news item, you get the chance to share the news item with the constituency. This happens only after you set the status to published (you don't have to actually publish the post yet to see this):
This means that the following people will receive an e-mail notification:
Action starters under the relevant page (project, segment or site level)
Donors who have indicated that they wish to be kept informed of news on the relevant page
Visitors who used the Keep me informed function on the relevant page
News item display(s)
Posted news items are always viewable on the page on which they are posted. Per template/design, the placement and display of the message may differ. An overview of all news messages can always be seen at /news.
By default, only news items posted at website level appear on the homepage. However, there is the option to also show segment- and project-level news items here. Would you like this setting changed? If so, feel free to contact support@kentaa.nl, or chat with us!
Order of news releases
The news items will appear in order of publication date. However, if you want to move an old post up the list, you can change its publication date. Conversely, you can also move the publication date of a news item further into the past, so that it appears at the bottom.
Change news item
You can edit a news item at any time, especially useful for unpublished posts to create the perfect news item. Click the Modify button behind the relevant post to make changes. Don't forget to save the changes.
Delete news item
Not entirely happy with a news item after all, or should the information no longer appear on the website after a while? Then delete the message with the Delete button behind the news item concerned.
Content pages and the text editor
Content pages are pages that you can customise and add content to. There are the following content pages:
Description (Content > Description)
Motivation (Manage campaigner/team > My (team) page > Motivation)
Menu item (Content > Menu)
News (Content > News)
E-mails (E-mails > Overview e-mails)
A feature of a content page is the ability to format the text via the text editor. Below is an overview of the different options in the text editor.
Editor
The editor usually looks as follows:
Symbols
MultilingualismYou will only see this flag if you have multiple languages. You can then select the language you are changing the content from here.
Step backUndoes the last change.
Step forwardActivates the last change again.
BoldMake selected text bold
ItalicPut selected text in italics
AlignAligns the selected text.
Options (in order):
align left
centre
align right
align justify
TableSelect Insert Table and then choose one of the other options to add or remove rows or columns
ListUnordered list: bulleted enumerationOrdered list: numbered enumeration
IndentationAllows you to increase or decrease the indentation
HyperlinkInserts a hyperlink. A pop-up window appears. Enter here:
URL: paste here the URL of the (external) page to which the link should pointLink text: this is the visible text of the linkTitle: give the link a title. This title is visible (in certain browsers) when you move the mouse over the text.Target: choose whether the link should be opened in a new window or notType: Here you can choose whether the link should be a normal link or a Kentaa button. A Kentaa button is a special button that has the same style as the donation button.
Click the other button if you want to delete an existing link.
Insert imageAllows you to insert an image into the content
Add videoHere you can load a video with the url. For example, a Youtube or Vimeo link
Add tagYou will only see this option in e-mails. Here, you can choose a tag that will be replaced in the mail with the information belonging to the tag
Menu items
Edit
UndoUndoes the last change.
AgainActivates the last change again.
CutRemoves the selection, but you can paste it somewhere else afterwards
PastePastes the copied or cut selection
Paste as textIf you choose this option, when pasting, no formatting is pasted along, just the text. Until this option is switched off
Select allAllows you to select everything on the content page
LayoutHere you can see various formatting choices.
Fat
Italics
Underlined
Strike out
Superscript
Subscript
Format
HeadingsYou can select different headings here
InlineYou can also add code here, in addition to the previously mentioned options
BlockYou can select a paragraph, section, quote or pre-formatted text here
AlignmentHere you can align text left, right or centre
Delete formattingRemoves the formatting from your selection
TableHere you can insert a table of a desired size. The options for this are self-explanatory
Tools > Source codeYou can edit the source code. This can be useful if you want to remove certain html elements. You can also embed content from other sites this way.
Tips
Beware of using photos in tablesTables are a nice way on desktop to display information. However, they are static and unsuitable for mobile. If you view the mobile version of the page, it may then be askew or a completely different size. Therefore, try to avoid tables if you want to display photos and information bundled together. It is better to align the photo and put the information next to it.
Embedding maps and other media via the source codeSeveral sites allow you to embed iframes. With Google Maps, you do this via Menu > Share or embed map > Embed a map. There you can copy a code and paste it into a content page via Tools > Source code. Below, for example, you can see the code to add a map of Kentaa headquarters
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>
Beware of pastingIf the text has formatting, you may paste it in. All kinds of html can then be pasted as well, which can lead to undesirable situations. You can avoid this by turning on the 'paste as text' button. Alternatively, you can remove the formatting beforehand by first pasting it in Notepad and then copying it again from there
Menu item: Add downloads and FAQsSee also the support article on menu items.
Knowledge Button!A Knowledge Button is a great way to give a hyperlink extra attention. It has the same shape as the donation button on your site. You add it by creating a hyperlink and choosing 'Kentaaknop' as the type. If you want, you can also have a button linked to Whatsapp. This article explains how to do this.
Sponsor's logo
You can add sponsor logos to indicate which organisations support your campaign, event, cause or action. By adding these images, you also give companies a nice incentive to donate.
Add sponsor logo
Content ⟶ Sponsor logos
Click Add sponsor to add a new sponsor logo.
Upload your photo.
Evt.: do you want the sponsor logo to be clickable? Then you can add the website (e.g. of the sponsor) in the URL field. Optional: under Open in , specify whether the link should open in the same window or in a new window.
Click on Save. The sponsor logo has been added.
Change/remove sponsor logo
Content ⟶ Sponsor logos ⟶ Modify
Click on Change behind the relevant sponsor logo to make adjustments
Click on Save
Content ⟶ Sponsor logos ⟶ Remove
Click Remove behind the relevant sponsor logo to delete it
Click Ok if you are sure
Showing sponsorship logos of upper levels
Per segment or project, sponsorship logos set at a higher level (website or segment) are adopted by default. You can choose to adopt these, or to upload your own logos. In the latter case, press change default value and choose 'No, do not show sponsor logos from higher levels'.
Front-end design editor
As a site and segment administrator, you can now very easily customise the colours, font and buttons of your Kentaa template yourself!
When you are logged in, a black block with "Customise design" appears on the homepage (and if you have a Kentaa Expert platform also on the segment homepage).
When you click on this, a design editor appears. It consists of three sections:
Theme colour
Font
Buttons
Important: Kentaa offers a choice of four standard templates. The structure per template is fixed. It is therefore not possible to move elements around. See the examples of the standard templates here. Support can change this template free of charge and directly for you. Contact us via chat, phone or e-mail.
Theme colour
Among the theme colours, four things can be adjusted:
Primary colour: This is the spot colour of your website.
Contrast colour: This is used for text on buttons, certain text areas and icons.
Page title colour: This is the colour of the H1 title on each page.
Hyperlink colour: This is the colour of hyperlinks on each page.
The colours can be adjusted by entering the HEX code of the desired colour or with the colour palette sliding out.
The chosen colours are immediately visible. The "Restore" button resets the settings. Only when you click "Save" will the chosen settings be implemented. They can then no longer be restored. Tip: Make a note of the existing colour codes so that you can always "go back to square one".
Font
Two fonts can be set per site: one for headings and one for texts.
The desired font can be selected from the dropdown menu. The selected font can be seen immediately. The "Restore" button resets the settings. Only when you click "Save" will the chosen settings be implemented. The font originally belonging to the template can be recognised in the list because a title 'default' appears above it.
Note: Because fonts vary in width and size, texts may not fit as well on buttons. We cannot adjust the size of buttons per font. So check the site carefully yourself (including on mobile) whether this font does indeed display nicely on your website.
Is your desired font not listed? Then check https://fonts.google.com) to see if it is available as a free Google web font. If so, please let us know. Send an e-mail to support@kentaa.nl so we can investigate whether this font is suitable for the design editor.
Buttons
Depending on your Kentaa package and the settings on your platform, three types of buttons can be customised:
The donation buttons
The start action buttons (if you have the action module)
The project registration button (if you have the project module and projects can be created via the frontend)
For each button type, the font, text colour and background colour can be changed. All independent of each other and independent of the choices at the tabs for theme colours and fonts.
The desired font can be selected from the dropdown menu. The selected font can be seen immediately. The font originally belonging to the template can be recognised in the list by the heading 'standard'.
The colours can be adjusted by entering the HEX code of the desired colour or with the colour palette sliding out. The chosen colours are immediately visible. The "Restore" button resets the settings. Only when you click "Save" will the chosen settings be implemented.
Is the editor in the way? Collapse it again with this icon: or move it with this icon:
Once moved, the editor is saved in that location, including for a next time.
Design & styling
Do you want your Kentaa website to seamlessly match your corporate identity or purpose? By customising the page design, people will immediately see that this site is yours. You can customise the design of your website using colours, a logo and a background image. You can find these via Settings > Design
Article content:
Colour & contrast colour
Logo
Favicon
Background image
Colour & contrast colour
Under Primary colour, choose the colour of your house style. You can do this by moving the mouse over the pallet or by entering the HEX code.
Under Contrast colour, choose a contrasting colour. This can be white or black.
Click on Save
Logo
Press the Upload logo button and choose the desired file for your logo from your files
Evt: Select Show logo to show/not show the logo on the homepage
Evt: Give the logo extra white space at the top and bottom so that it does not 'stick' to the menu bar and top of the website
Click on Save
Favicon
The favicon gives that extra bit of recognition to a website. All browsers support the favicon in their own way; in most cases, the favicon is displayed in the tab with the title of the website.
Press the Upload favicon button and choose the desired file from your files (recommended 16x16 pixels)
Click on Save
Want to get the favicon from another website? Use Google's handy tool: https://www.google.com/s2/favicons?domain=www.kentaa.nl. After domain=, enter the website URL.
Background image
You can upload a background image for in the login flow. Make sure it is at least 1280 pixels wide.
Front end design editor
At the front end of the website (on the site's homepage and segment if present), you can set various other things such as button colours, font, hyperlinks and instantly see the changes. Read more about this in the support article.
About us
About us is a content block in which you briefly tell what you do or what you stand for. You can find this option via Content > About us.
This block consists of a logo, the name of your foundation/association/organisation and content. Depending on the template, this content will appear in the following places:
Homepage (except the first template)
Widget
The text in the description of the about us text is plain text. That means the formatting (enters, styling) is filtered out. Any links in it are converted to a real link, however.
An example of what this looks like: