News
Senast ändrad: 28-08-2023Content ⟶ News
You can keep your visitors informed about new developments with the news function. At every level (website, sub site, campaign, team and fundraiser) it is possible to add news items.
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:
- Fundraisers under the relevant page (campaign, sub site 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 sub site- and campaign-level news items here. Would you like this setting changed? If so, feel free to contact iRaiser support, 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.
Kanske också intressant
GDPR Texts
On this page you can manage the texts that are displayed in various places within the iRaiser 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 customise the GDPR texts per level (website, Sub site, Campaigns) via Content > GDPR texts. The set texts will automatically roll over to a lower level. For example, if you adjust the Newsletter subscriptions text at website level, this will also be carried over to all underlying Sub sites and Campaigns (if any), unless they are 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 about the newsletter)
The newsletter can be turned on or off in three places:
Bottom of the page
When making a donation on the Donations form
On the contact form, when someone fills it out (usually found under /contact)
Keep me up to date
The asterisk in the social sharing bar. This allows someone to indicate they want to be kept up to date with News updates. This then relates to where that person is at the time. For example, if someone looks at a Fundraising 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.
Sign up flow
To create an action, personal data is requested. We recommend keeping the amount of data you ask to a minimum. You can ask for additional data through additional questions (via iRaiser Support). 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, the compulsory opt-in "Contact for tips" will automatically appear. You can change the content of this (see screenshot below), but the opt-in is mandatory. You cannot customise 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 allowing them to use the phone number for things outside the platform. So, for example, to ask them to become a structural donor, approach them for other campaigns, send news messages, etc.
This opt-in is always optional. You can't change the title for this either, but you can change the corresponding consent text. If you would like to have this on, please contact.
Submitting a campaign
To register a Campaigns personal data will be requested. We recommend keeping the amount of data you ask to a minimum. You can ask for additional data through additional questions (via iRaiser Support). Clearly explain what you will use this data for and how long it will be stored. If the additional questions contain special personal data, another consent text will be displayed.
Download extra data
For 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 gives explicit permission to store the personal data.
For more information on the GDPR within iRaiser, please see this article. For the latest changes to the platform, see this article.
Cookies
Within the platform, we distinguish between four types of cookies:
NecessaryFunctional cookies help make a website more usable by enabling basic functions such as page navigation and access to secure areas of the website. Without these cookies the website cannot function properly.
PreferencesPreference cookies ensure that a website can remember information that influences the behavior and design of the website, such as your preferred language or the region where you live.
StatisticsStatistical cookies help website owners understand how visitors use their website by collecting and reporting data anonymously.
MarketingMarketing cookies are used to track visitors when they visit different websites. Their goal is to display ads that are tailored and relevant to the individual user. These advertisements thus become more valuable to publishers and third-party advertisers.
When loading the website, necessary cookies are always loaded (and this is allowed). At the same time, preferences are also loaded. These can be switched off if necessary.
Cookies related to statistics and marketing are only loaded if they are accepted. This means that Google Analytics is not yet loaded unless explicit permission is given. This change took effect from 18 January.
As of January 18, 2024 changes have been made regarding cookies. This is the current list of cookies. On your platform under the url <headurl>/cookies, you can compare the list with this list of cookies. If it is no longer correct, you can use this list (possibly supplemented by cookies loaded via pixels such as GTM). You can change the cookies on your platform via Content > Menu > Bottom of the page > Cookies > Edit.
Current list of cookies
Necessary
Name cookie
External domain
Duration
Description
_kentaa_session
No
1 day
Used to keep a user's session
cookie_consent
No
1 year
Used to keep the cookie setting choice
Preferences
Name cookie
External domain
Duration
Description
locale
No
1 year
Used to keep the language setting
dashboard_locale
No
1 year
Used to keep the language setting
Statistics
Name cookie
External domain
Duration
Description
_ga
No
2 years
Used by Google Analytics for statistical information how the visitor uses the website
_ga_<container-id>
No
2 years
Used by Google Analytics for statistical information how the visitor uses the website
Marketing
Name cookie
External domain
Duration
Description
NID
.google.com
6 months
Used to store preferences, such as preferred language and number of search results
ENID
.google.com
13 months
Used to store preferences, such as preferred language and number of search results
CGIC
.google.com
6 months
Used to improve searches
CONSENT
.google.com
2 year
Used to store cookie choices
SOCS
.google.com
13 months
Used to store cookie choices
IDE
.google.com
13 months
Used to show Google ads on sites outside of Google
PREF
.youtube.com
8 months
Used to keep statistics on how the visitor uses YouTube videos on different websites
VISITOR_INFO1_LIVE
.youtube.com
179 days
Try to estimate user bandwidth on pages with integrated YouTube videos
YSC
.youtube.com
session
Used to keep track of which videos of YouTube the user has seen
SID
.youtube.com
2 years
Contains encrypted user data, and is used in combination with other cookies to protect the user online
HSID
.youtube.com
2 years
Contains encrypted user data, and is used in combination with other cookies to protect the user online
DSID
.youtube.com
2 weeks
Used to recognize a logged in user
pm_sess
.youtube.com
30 minutes
Used to track a user session
AEC
.youtube.com
6 months
Used to track a user session
player
.vimeo.com
1 minute
Used to keep settings of the vimeo player
vuid
.vimeo.com
1 minute
Used to keep statistics on Vimeo videos
__cf_bm
.vimeo.com
30 minutes
Used to read and filter requests from bots
OptanonConsent
.vimeo.com
1 year
Used to keep track of the cookie setting choice
Front-end design editor for the generic iRaiser templates
As a site and Sub site administrator, you can now very easily customise the colours, font and buttons of your iRaiser template yourself!
When you are logged in, a black block with "Customise design" appears on the homepage (and if you have a iRaiser Expert platform also on the Sub site homepage).
When you click on this, a design editor appears. It consists of three sections:
Theme colour
Font
Buttons
Important: iRaiser 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 iRaiser so we can investigate whether this font is suitable for the design editor.
Buttons
Depending on your iRaiser 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.
Content pages and the text editor
Content pages are pages that you can customise yourself 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)
Key to a content page is the ability to format the text via the text editor. Below is an overview of the various options in the text editor.
Editor
The editor usually looks like this:
Symbols
MultilingualismThis flag is only shown if you have multiple languages. You can then select the language you are changing the content for here.
Step backUndoes the last change.
Step forwardReturns the last change.
BoldMake selected text bold (bold)
ItalicSet selected text in italics
ElignAligns the selected text.
Options (in order):
align left
centre
right align
align justify (fill out)
TableSelect Insert Table and then choose ééone of the other options to add or remove rows or columns
ListUnordered list: bulleted enumerationordered list: bulleted enumeration
InspringThis allows you to increase or decrease the indentation
HyperlinkIncludes 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. Purpose: Choose whether the link should open 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 imageThis allows 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 tagThis option you will see only in emails. Here you can choose a tag that will be replaced in the mail with the information belonging to the tag
UndoUndo the last change.
RewReturns the last change.
CutDeletes the selection, but you can paste it somewhere else afterwards
PastePaste the copied or cut selection
Paste as textIf you choose this option then when you paste, no formatting is pasted along, just the text. This until this option is switched off
Select allThis allows you to select everything on the content page
FormattingHere you can see different formatting choices.
Bold
Cursive
Underscore
Strikethrough
Superscript
Subscript
Formatting
HeadingsYou can select different headings here
InlineHere you can also add code if you wish, in addition to the options mentioned earlier
BlockYou can choose a paragraph, a section, a quote or pre-formatted text here
AlignHere you can align the text left, right or centre
Delete FormattingThis removes the formatting of your selection
Table Here you can insert a table of a desired size. The options for this are self-explanatory
Tool > 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
Be careful when using images in tablesTables are a nice way on the 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 codeMany sites allow you to embed iframes. On Google Maps, you do so via Menu > Share or embed map > Embed a map. There you can copy and paste a code into a content page via Tools > Source code. For example, below 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!2 sKentaa!5e0!3m2!1snl!2snl!4v1595428915402!5m2!1snl!2snl" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Please be careful with pastingIf there is formatting in the text then you may be pasting it along. All kinds of html can then be pasted in as well, which can cause 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 into Notepad and then copyingëren from there
Menu item: Add downloads and FAQsSee also the support article on menu items.
iRaiser button!A iRaiser button is a great way to give a hyperlink extra attention. It takes the same form as the donation button on your site. You add it by creating a hyperlink and choosing 'iRaiser Button' as its type. If you want, you can also have a button linked to Whatsapp. In this article you will see explained how to do this.
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 sub site page
Menu on campaign 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 example https://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.
DownloadsOffer files 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:
/updates
/news-items
/news-items/tags/<tag>
/fundraisers
/participants
/teams
/projects
/projects/tags/<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 sub site page
A menu can also be created at the top of the page on the sub site page. By default, the menu from the website level is adopted, but this can be overwritten. See the demonstration below to switch at sub site level from the menu from website level to your own (newly built) menu structure.
6. Menu on campaign page
The menu on the campaign 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 campaign page (see image).
For each campaign/event page, there are a number of menu items that are added automatically and a bunch of configurable menu items.
Automatically added menu items:
Campaign or Event (shows the description of the campaign)
Donors
News
Donors and News are only visible if a donation or news item has been made under the campaign.
Three menu items can be added per campaign and one menu item specifically for contact details.
Design & styling
Do you want your iRaiser 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. If you are using the Flex Editor, you will find the color settings in the theme settings menu of the Flex Editor.
Article content:
Colour & contrast colour
Logo
Favicon
Background image
Colour & contrast colour
Choose the colour of your house style under Primary colour. You can do this by moving the mouse over the pallet or by entering the HEX code.
Choose a contrasting colour under Contrast colour. This can be white or black.
Click onSave
Logo
Press the Upload logo button and choose from your files the file you want for your logo
Optional: Select Display logo to show/not show the logo on the homepage
Optional.: 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 button Upload favicon and choose the desired file from your files (recommended 16x16 pixels)
Click on Save
Want to get the favicon from another website? To do so, use Google's handy tool: https://www.google.com/s2/favicons?domain=www.kentaa.nl. Enter behind domain= the website URL.
Background image
You can upload a background image for in the sign up 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 Sub site 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.
Flex Editor
The Flex editor is a product that allows you to customise many elements of your platform. Examples include changing the order, adjusting colours, choosing a different variant of an existing element, making parts of the website invisible and adding new features to pages.
To use the Flex Editor, it is added as an addendum to your licence. You can then use the editor on any site under your licence. If you would like to get started, please contact your account manager.
Operation Flex editor
General
Theme settings
Default buttons within components
Adding
components
How to customise on a live website
What pages can you customise
?
What options are not (yet) in the Flex
Editor?
1. General
If the Flex Editor is on then you can work in it by logging into the platform. If you are logged in as a site administrator and go to the homepage, you will see a slider on the left. This opens the Flex Editor:
The bar shows all the components you can customise. Depending on the site's configuration, there may be more or fewer components to customise here (such as Header, Description, etc.).
When you hover your mouse over a component, you usually have up to three options to choose from:
Component titleIf you want to edit a component, simply click on the component title with your mouse. This takes you to all the options available to you for that particular component.
ArrowIf you click the arrow with your mouse and hold it down, you can change the order of the components by dragging them up over down.
Three dotsUnder the three dots you will find the option to make a component invisible. For custom components, you will also find the option to delete the component below the three dots.
The changes you make will see immediate changes in the place where you are working. Only when you publish them are they saved and processed.
Finding it difficult to find the right component within the Flex Editor? Then you can also go to the component you want to modify on the page. When you move your mouse over the component, a frame appears around the component and a pencil. By clicking on it, you can edit the component.
2. Theme settings
We distinguish between settings that affect the whole theme and settings per component. You can think of the theme settings as global settings. This is where you set the general colours, font and colours of the buttons. To adjust the theme settings, go to the globe icon at the top right of the FlexEditor, next to the logo.
Within the theme settings, you can get to work customising colours, the main Call-to-action buttons and the font on the website. Inheritance applies to all three. The changes you make at, say, website level will be reflected at segment, project etc. However, these can be adjusted per level.
There is also the option to override the theme settings Colour and Call-to-action buttons at the component level.
Theme colours
Here, you have the option of adjusting the base and contrast colour, as well as assigning colour for some specific elements, such as the page background, title, text and hyperlink.
In addition, you can add up to as many as seven additional colours that serve as theme colours for your website. The colours you add here can then also be chosen at the levels below and within components.
As a result, your house style is quickly and efficiently transferred to the platform. Without much fuss or a wrong colour code. In the event of changes within your house style, you can adjust everything in no time from one location on your platform.
Call-to-action Buttons
Here you can customise the colours and font of the donation, start action and start project buttons.
Fonts
Here you change the font for the entire site, segment or project. Depending on the level at which you make the change. If you want to choose a different font, you will immediately see a preview of the font.
3. Standard buttons within components
When customising components, you can have several tabs. The 'Options' tab is always present. In addition (depending on the component), you can have the tabs 'Layout' and 'Content'.
Layout
The layout option says something about the placement and presence of elements within the component. In the banner, for instance, you can choose to turn on or off the donate, start action or start project button. For the metrics (the block with the number of actions, teams, etc.) you can choose whether to show the empty numbers and for the Share buttons you can choose what position they should be in, what view it is and give them some margins and alignment. These are examples of extra options you have with the component content.
Options
The Options tab deals with the design of the component. Here you can, for example, adjust colour, background, space between components and elements within the component. In general, you will find settings here that fall under global. These relate to the whole component. In addition, you will come across the titles 'Content' or 'Card'. These relate to smaller parts within a component. For example, within the component 'Featured projects' you will also find a dropdown called 'Card'. You will see that adjusting this will only affect the highlighted projects. In this case, these are then 'Cards
Finally, you will find dropdown menus within a component with a unique name. A great example is 'socials' within the footer component. As you notice, these are very intuitive in terms of what you can customise with them.
Here you can see the difference between Global and Card. In this example, the green part is the global (which is about the whole component). Card is about its individual components.
Standard buttons and features.
There are a number of default options that appear in many places in the Flex Editor.
Background
Here you can add a background for the (part of the) component you are currently customising. If the image has a different size than the component itself, a crop is created in the middle. You can then choose in the advanced options whether to keep this or show a different part of the image. You can also choose to repeat a piece of an image and set what to do with the size. There are thus many design options for setting the background.
Parallax
With the Parallax setting, the image remains in the background when visitors scroll down. This also synchronises with multiple components that are below each other and have the same parallax:
This way, you can parallax part of the page (several components at once). It gives more depth to your website and the illusion of elements moving on top of each other.
Opacity
Adjusting the opacity of the image makes it more transparent and allows you to make it more subtle or appropriate. With more transparency, your background becomes more and more visible. When choosing a colour, you can also choose to make it transparent (partially or not).
Padding
Padding allows you to set the empty space around the text within a component. These values can be set separately for all four directions. So top, bottom, left and right. By clicking on the paperclip you can keep those proportions and adjust it all at once.
4. Adding components
You can add a component via the "Add component" button at the bottom. This will appear at the bottom and you can then drag it to the desired location. You can also click the plus sign in the structure itself (see screenshot). You then add the component directly in that location.
You can choose from the following components:
After clicking on such a component, it is created and you can edit its content. Using the Content tab, you add additional images and text blocks (if any).
5. Inheritance
The Flex Editor also works with inheritance. Colours you set at a higher level are also applied at lower levels. And you can overwrite them on that lower level. Lower level refers to segment or project, for example.
Exceptions are the custom components you add yourself. These are not automatically inherited at a longer level. Custom components are specific to the page on which you add them.
6. How do you customise it on a live website?
We can initially turn on preview mode on a website that is already live. You can then click the preview button from the dashboard as a site administrator:
Then you go to the frontend and see the Flex Editor. You can make and save all kinds of changes there and all changes are only visible to site administrators. The moment you are ready, we can change the template to Flexplate (our name for the Flex Editor template) and the Flex Editor changes will also be visible to visitors. That way, you can set everything up completely before you put it live.
Sometimes it happens that you want to make certain changes already, but not yet show them to visitors. You can then add components, style them to your liking, make them invisible and save them. Are you ready to show them to the world? Then set them to visible and save again.
7. Which pages can you customise?
You can make adjustments on the following pages:
Homepage
Segment page
Project page
Content page
The content pages include the menu pages, which also include contact and tips. You cannot edit the content of the tips, but a possible workaround is to not show the tips page (make it invisible) and add a custom block containing your own tips.
8. What options are not (yet) in the Flex Editor?
The following things are not yet possible:
Make changes at action, team or company level. And you cannot make changes in the sign-up flow and donation flow and overview pages either.
Select styles to use
Automatically put a component live at a specific time (this is still a manual operation)
Use versioning, which allows you to easily go back to an earlier version.
Add your own components
Create separate variants for different devices
A/B testing (this does not yet work with the Flex Editor)
This may change in the future.
Sponsor logos
Sponsor logos can be added 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: indicate under Open in whether the link should open in the same window or in a new window.
Click Save. The sponsor logo has been added.
Change/delete sponsor logo
Content ⟶ Sponsor logos ⟶ Change
Click Modify behind the relevant sponsor logo to make adjustments
Click on Save
Content ⟶ Sponsor logos ⟶ Remove
Click Remove behind the relevant sponsor logo to remove it
Click Ok if you are sure
Show sponsor logos from above levels
By default, each segment or Campaign adopts the sponsor logos set at a higher level (website or Sub site). You can choose to adopt these, or upload your own logos. In the latter case, press change default and choose 'No, do not show sponsor logos from above levels'.
Banners
Banners 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 4-second intervals
The minimum size of each banner is 1170 pixels wide. There is no minimum or maximum height (The first banner uploaded determines the size for subsequent banners to be uploaded)
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 campaign.
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
About us
About us is a content block where 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 the Content. Depending on the template, this content will appear in the following places:
Homepage (except the first template)
Widget
The text in the About us text description is plain text. That is, the formatting (enters, styling) is filtered out. Any links it contains will be converted to a real link, though.
An example of what this looks like:
This screenshot was taken in the fourth template. To ensure that the logo is always visible, this template chose to always include a white frame for the logo. Otherwise, you could get the situation where the logo is all green and then disappears into the green background.