Content pages and the text editor

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.

Content ⟶ Featured
Do you want to highlight parts of the website? Then you can highlight them on the homepage. You can do this with sub sites, campaigns, fundraisers and teams. You can use this function to highlight current campaigns or participants, for example.

Highlighting items on the homepage
Customise order of featured items
Unblocking
Highlighted campaign marked as recommended
Undo recommendation
Change texts above highlighted fundraisers and teams on the homepage

Highlighting items on the homepage

Scroll to the level from which you want to highlight something on the homepage (fundraisers, teams, campaigns, sub sites). The example uses fundraisers.
Click on 'Add fundraising page'.
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 campaign marked as recommended

Scroll down to the highlighted campaigns.
Choose the desired campaign and click 'Mark as recommended'.

Undo recommendation

Click on 'Marked as recommended' to undo the marking.

Change texts above highlighted fundraisers 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.

Content ⟶ 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
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:

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.

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.

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

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.

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.

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

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.

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'.