Actualités
Dernière modification: 28-08-2023Contenu ⟶ Actualités
Vous pouvez tenir vos visiteurs informés des nouveaux développements grâce à la fonction "actualités". À chaque niveau (site web, Sous-site, campagne, équipe et Collecteurs de fonds), il est possible d'ajouter des nouvelles.
Ajouter une nouvelle
- Cliquez sur Ajouter une nouvelle
- Créez un titre accrocheur ou utilisez le titre de l'article comme balise: %news_title%.
- Tapez votre message
- Si vous le souhaitez, vous pouvez utiliser des étiquettes pour classer vos nouvelles par catégories (vous pourrez les filtrer ultérieurement).
- Partager votre message directement avec vos sympathisants (voir l'explication ci-dessous )
- Choisissez de publier le message immédiatement, de le publier à une date et une heure précises ou de l'enregistrer en tant que brouillon.
- Cliquez sur Enregistrer
- Après l'enregistrement, vous pouvez encore ajouter des médias (images et/ou vidéos) à la nouvelle.
- Conseil: partagez votre article!
Partager l'actualité via les médias sociaux
Après la publication, vous voudrez faire connaître la nouvelle à tout le monde ! Pour ce faire, vous pouvez bien sûr utiliser les boutons de partage des médias sociaux qui accompagnent l'article publié :
Partager le communiqué de presse avec les sympathisants
Lorsque vous ajoutez une nouvelle, vous avez la possibilité de la partager avec la circonscription. Cela ne se produit qu'une fois que vous avez défini le statut "publié" (il n'est pas nécessaire de publier le message pour que cela se produise) :
Cela signifie que les personnes suivantes recevront une notification par courrier électronique :
- Les Collecteurs sous la page concernée (campagne, Sous-sites ou niveau du site).
- Les donateurs qui ont indiqué qu'ils souhaitaient être tenus informés des nouveautés sur la page concernée
- Visiteurs ayant utilisé la fonction "Tenez-moi informé" sur la page concernée
Affichage des nouvelles
Les nouvelles publiées sont toujours visibles sur la page où elles ont été publiées. L'emplacement et l'affichage du message peuvent varier en fonction du modèle ou du Design. Une Vue ensemble de tous les messages d'information est toujours disponible à l'adresse /news.
Par défaut, seules les actualités publiées au niveau du site web apparaissent sur la page d'accueil. Toutefois, il est possible d'afficher également les actualités publiées au niveau des Sous-sites et des campagnes. Souhaitez-vous que ce paramètre soit modifié ? Si c'est le cas, n'hésitez pas à contacter l'assistance d'iRaiser, ou à chatter avec nous !
Ordre des communiqués de presse
Les nouvelles apparaissent dans l'ordre de leur date de publication. Toutefois, si vous souhaitez faire remonter un ancien message dans la liste, vous pouvez modifier sa date de publication. Inversement, vous pouvez également déplacer la date de publication d'une actualité plus loin dans le passé, de sorte qu'elle apparaisse en bas de la liste.
Modifier l'article
Vous pouvez modifier une actualité à tout moment, ce qui est particulièrement utile pour les posts non publiés afin de créer l'actualité parfaite. Cliquez sur le bouton Modifier situé derrière l'article concerné pour apporter des modifications. N'oubliez pas d'enregistrer les modifications.
Supprimer une nouvelle
Vous n'êtes pas entièrement satisfait d'une actualité ou l'information n'apparaît plus sur le site après un certain temps ? Dans ce cas, supprimez le message en cliquant sur le bouton Supprimer situé derrière la nouvelle concernée.
Peut également vous intéresser :
Textes RGPD
Sur cette page, vous pouvez gérer les textes qui s'affichent à différents endroits de la plateforme iRaiser. Il est important d'indiquer clairement ce que les visiteurs du site Web vont signer ou accepter lorsqu'ils donnent leur consentement. Toutes les informations liées à l'opt-in par e-mail et à l'utilisation des données doivent être concrètes, transparentes et compréhensibles à l'aide d'un langage clair et simple.
Vous pouvez personnaliser spécifiquement les textes RGPD par niveau (site web, Sous-sites, Projets) via Contenu > Textes RGPD. Les textes paramétrés seront automatiquement répercutés à un niveau inférieur. Par exemple, si vous modifiez le texte relatif aux Inscriptions à la newsletter au niveau du site web, il sera également répercuté sur tous les Sous-sites et les Projets sous-jacents (le cas échéant), à moins qu'ils n'aient été définis séparément à ce niveau inférieur.
Vous pouvez ajuster les textes (par langue) en cliquant sur "Modifier la valeur par défaut" et en procédant aux paramétrages. Cette opération est possible pour les éléments suivants:
Inscriptions à la newsletter
(voir aussi l'article de soutien sure la lettre d'information )
Le bulletin d'information peut être activé ou désactivé à trois endroits:
Bas de page
En faisant un don sur le formulaire Dons
Sur le formulaire de contact, lorsque quelqu'un le remplit (généralement sous /contact)
Tenez-moi au courant
L'astérisque dans la barre de partage social. Il permet à une personne d'indiquer qu'elle souhaite être tenue au courant des Articles de blog. Ces informations sont alors liées à l'endroit où se trouve cette personne à ce moment-là. Par exemple, si une personne consulte une page de Collecteurs et qu'elle clique sur l'astérisque et laisse ses coordonnées, elle sera tenue informée des actualités relatives à cette action à partir de ce moment-là.
Flux d'inscription
Pour créer une action, des données personnelles sont demandées. Nous vous recommandons de limiter au maximum le nombre de données demandées. Vous pouvez demander des données supplémentaires par le biais de questions additionnelles (via l'assistance iRaiser). Expliquez clairement l'usage que vous ferez de ces données et la durée pendant laquelle elles seront conservées. Si les questions supplémentaires contiennent des données personnelles particulières, un texte de consentement différent sera affiché.
Si un numéro de téléphone est saisi, la case obligatoire "Contact pour des conseils" s'affichera automatiquement. Vous pouvez en modifier le Contenu (voir la capture d'écran ci-dessous), mais l'opt-in est obligatoire. Vous ne pouvez pas personnaliser le titre "Approcher pour obtenir des conseils".
Nous avons également la possibilité d'activer un deuxième opt-in pour le numéro de téléphone, appelé "Marketing purposes". Cette option permet d'utiliser le numéro de téléphone à des fins autres que celles de la plateforme. Ainsi, par exemple, pour leur demander de devenir un donateur structurel, les approcher pour d'autres projets, leur envoyer des messages d'information, etc.
Cet opt-in est toujours facultatif. Vous ne pouvez pas non plus modifier le titre, mais vous pouvez modifier le texte de consentement correspondant. Si vous souhaitez que cette option soit activée, veuillez prendre contact avec nous.
Soumission d'un projet
Pour enregistrer un Projet, des données personnelles vous seront demandées. Nous vous recommandons de limiter au maximum le nombre de données demandées. Vous pouvez demander des données supplémentaires par le biais de questions additionnelles (via l'assistance iRaiser). Expliquez clairement l'usage que vous ferez de ces données et la durée pendant laquelle elles seront conservées. Si les questions supplémentaires contiennent des données personnelles spéciales, un autre texte de consentement sera affiché.
Télécharger des données supplémentaires
Pour les pages Menu, vous pouvez ajouter des téléchargements. Lorsque vous proposez un "téléchargement", vous pouvez choisir de demander des données personnelles. Ces données peuvent éventuellement être utilisées pour contacter la personne concernée. Le téléchargement ne peut être obtenu que si le visiteur donne l'autorisation explicite de stocker ses données personnelles.
Pour plus d'informations sur le RGPD au sein d'iRaiser, veuillez consulter cet article. Pour connaître les derniers changements apportés à la plateforme, consultez cet article.
Bannière
Les bannières donnent une entrée agréable et une impression claire du site web.
Ajouter des bannières
Contenu ⟶ Bannières
Lorsque vous avez choisi d'utiliser des bannières sur le site web, cochez la case Afficher les bannières sur le site web. L'option permettant d'ajouter des bannières s'affiche alors, comme indiqué ci-dessous.
Le format des bannières peut varier d'un Design à l'autre. Certains designs ont une bannière sur toute la page tandis que d'autres ont une bannière encadrée. Quelques caractéristiques des bannières :
Il est conseillé de télécharger la bannière au format JPG ou JPEG en raison de la taille réduite du fichier
Il est possible de télécharger un maximum de 5 bannières par page.
Le carrousel "tourne" à intervalles de 4 secondes.
La taille minimale de chaque bannière est de 1170 Pixels de large. Il n'y a pas de hauteur minimale ou maximale (la première bannière téléchargée détermine la taille des bannières suivantes à télécharger).
Nous recommandons un format de 1920 x 600 pixels.
Des bannières apparaissent sur chaque page
Une bannière différente, ou d'autres bannières, peuvent être ajoutées par segment ou par campagne.
Cliquez sur Ajouter une bann ière pour ajouter une nouvelle bannière.
Téléchargez la photo de la bannière (la taille recommandée est d'environ 1920x600 pixels et le format jpeg).
Evt. : voulez-vous que la bannière soit cliquable ? Dans ce cas, vous pouvez ajouter un lien dans le champ URL. Facultatif : sous Ouvrir dans , indiquez si le lien doit s'ouvrir dans la même fenêtre ou dans une nouvelle fenêtre.
Cliquez sur Enregistrer et la bannière a été ajoutée.
Veuillez noter que la première bannière téléchargée détermine la taille des bannières suivantes à télécharger.
Modifier/supprimer des bannières
Contenu ⟶ Bannières ⟶ Modifier
Cliquez sur Modifier derrière la bannière concernée pour effectuer des ajustements.
Cliquez sur Enregistrer
Contenu ⟶ Bannières ⟶ Supprimer
Cliquez sur Supprimer derrière la bannière concernée pour la supprimer.
Cliquez sur Ok si vous êtes sûr
Design & styling
Voulez-vous que votre site iRaiser corresponde parfaitement à l'identité ou à l'objectif de votre entreprise ? En personnalisant le Design de la page, les gens verront immédiatement que ce site est le vôtre. Vous pouvez personnaliser le Design de votre site en utilisant des couleurs, un logo et une image de fond. Vous pouvez les trouver via Paramètres > Design
Contenu de l'article:
Couleur et contraste
Logo
Favicon
Image de fond
Couleur et contraste
Choisissez la couleur de votre style de maison sous Couleur primaire. Vous pouvez le faire en déplaçant la souris sur la palette ou en saisissant le code HEX.
Choisissez une couleur contrastée dans la rubrique Couleur contrastée. Il peut s'agir de blanc ou de noir.
Cliquer sur Enregister
Logo
Cliquez sur le bouton Télécharger le logo et choisissez dans vos fichiers le fichier que vous souhaitez utiliser pour votre logo.
Facultatif: Sélectionnez Afficher le logo pour afficher ou non le logo sur la page d'accueil.
Facultatif: Donnez au logo un espace blanc supplémentaire en haut et en bas afin qu'il ne soit pas "collé" à la barre de menu et à la partie supérieure du site web.
Cliquer sur Enregister
Favicon
Le favicon donne une touche de reconnaissance supplémentaire à un site web. Tous les navigateurs prennent en charge la favicon à leur manière ; dans la plupart des cas, la favicon est affichée dans l'onglet contenant le titre du site web.
Appuyez sur le bouton Upload favicon et choisissez le fichier souhaité dans vos fichiers (recommandé 16x16 pixels).
Cliquer sur Enregister
Vous souhaitez obtenir le favicon d'un autre site web ? Pour ce faire, utilisez l'outil pratique de Google: https://www.google.com/s2/favicons?domain=www.kentaa.nl. Saisissez derrière domain= l'URL du site web.
Image de fond
Vous pouvez télécharger une image de fond dans le flux d'inscription. Veillez à ce qu'elle ait une largeur d'au moins 1280 pixels.
Rédacteur en chef de la conception frontale
Dans la partie frontale du site web (sur la page d'accueil du site et sur le Sous-site s'il y en a un), vous pouvez paramétrer divers autres éléments tels que les couleurs des boutons, la police, les liens hypertextes et voir instantanément les changements. Pour en savoir plus, consultez l'article d'assistance.
À propos de nous
À propos de nous est un bloc de Contenu dans lequel vous indiquez brièvement ce que vous faites ou ce que vous représentez. Vous trouverez cette option via Contenu > À propos de nous.
Ce bloc se compose d'un logo, du nom de votre fondation/association/organisation et du Contenu. En fonction du modèle, ce contenu apparaîtra aux endroits suivants :
Page d'accueil (sauf le premier modèle)
Widget
Le texte de la description du texte À propos de nous est du texte brut. En d'autres termes, la mise en forme (entrées, style) est filtrée. Les liens qu'il contient seront toutefois convertis en liens réels.
La description du texte "À propos de nous" est un texte en clair.
Un exemple de ce à quoi cela ressemble:
Cette capture d'écran a été prise dans le quatrième modèle. Pour que le logo soit toujours visible, ce modèle a choisi de toujours inclure un cadre blanc pour le logo. Dans le cas contraire, le logo serait entièrement vert et disparaîtrait ensuite dans l'arrière-plan vert.
Pages de contenu et éditeur de texte
Les pages de contenu sont des pages que vous pouvez personnaliser vous-même et auxquelles vous pouvez ajouter du contenu. Il existe les pages de contenu suivantes :
Description (Contenu > Description)
Motivation (Gérer le militant/l'équipe > Ma page (équipe) > Motivation)
Point de menu (Contenu > Menu)
Actualités (Contenu > Actualités)
E-mails (E-mails > Vue d'ensemble des e-mails)
La clé d'une page de contenu est la possibilité de formater le texte via l'éditeur de texte. Vous trouverez ci-dessous une Vue d'ensemble des différentes options de l'éditeur de texte.
Éditeur
L'éditeur se présente généralement comme suit :
Symboles
MultilinguismeCe drapeau n'apparaît que si vous avez plusieurs langues. Vous pouvez alors sélectionner la langue pour laquelle vous modifiez le Contenu.
Revenir en arrièreAnnule la dernière modification.
Avancer d'un pasRetourne la dernière modification.
GrasMettre le texte sélectionné en gras (bold)
ItaliqueParamètres du texte sélectionné en italique
AlignerAligne le texte sélectionné.
Options (dans l'ordre) :
aligner à gauche
centre
alignement à droite
aligner justifier (remplir)
TableauSélectionnez Insérer un tableau, puis choisissez l'une des autres options pour ajouter ou supprimer des lignes ou des colonnes.
ListeListe non ordonnée : énumération à pucesListe ordonnée : énumération à puces
RetraitCette fonction permet d'augmenter ou de réduire le retrait.
Lien hypertexteInclut un lien hypertexte. Une fenêtre pop-up apparaît. Saisir ici :
URL : collez ici l'URL de la page (externe) vers laquelle le lien doit pointer.Texte du lien : il s'agit du texte visible du lien.Titre : donnez un titre au lien. Ce titre est visible (dans certains navigateurs) lorsque vous passez la souris sur le texte.Objet : permet de choisir si le lien doit s'ouvrir dans une nouvelle fenêtre ou nonType : Ici, vous pouvez choisir si le lien doit être un lien normal ou un bouton Kentaa. Un bouton Dons est un bouton spécial qui a le même style que le bouton Dons.
Cliquez sur l'autre bouton si vous souhaitez supprimer un lien existant.
Insérer une imageCette option vous permet d'insérer une image dans le Contenu
Ajouter une vidéoIci, vous pouvez charger une vidéo avec l'url. Par exemple, un lien Youtube ou Vimeo.
Ajouter une étiquetteCette option n'apparaît que dans les E-mails. Vous pouvez choisir une balise qui sera remplacée dans l'e-mail par les informations qui lui sont associées.
AnnulerAnnuler la dernière modification.
RewRenvoie la dernière modification.
CouperSupprime la sélection, mais vous pouvez la coller ailleurs par la suite.
CollerColler la sélection copiée ou coupée
Coller en tant que texteSi vous choisissez cette option, lorsque vous collez, aucune mise en forme n'est collée, seul le texte l'est. Ceci jusqu'à ce que cette option soit désactivée
Sélectionner toutCette option permet de sélectionner tout ce qui se trouve sur la page de Contenu.
FormatageVous trouverez ici différents choix de formatage.
Gras
Cursive
Underscore
Barré
Exposé des motifs
Indice
Mise en forme
RubriquesVous pouvez sélectionner différents titres ici
En ligneIci, vous pouvez également ajouter du code si vous le souhaitez, en plus des options mentionnées précédemment.
BlocsVous pouvez choisir ici un paragraphe, une section, une citation ou un texte préformaté.
AlignementVous pouvez aligner le texte à gauche, à droite ou au centre.
Supprimer le formatageCette option supprime la mise en forme de votre sélection
Tableau Vous pouvez ici insérer un tableau de la taille souhaitée. Les options sont explicites
Outil > Code sourceVous pouvez éditer le code source. Cela peut être utile si vous souhaitez supprimer certains éléments html. Vous pouvez également intégrer du contenu provenant d'autres sites de cette manière.
Conseils
Attention à l'utilisation d'images dans les tableauxLes tableaux sont un moyen agréable d'afficher des informations sur l'ordinateur de bureau. Cependant, ils sont statiques et ne conviennent pas aux téléphones portables. Si vous consultez la version mobile de la page, il se peut qu'elle soit de travers ou qu'elle ait une taille complètement différente. Par conséquent, essayez d'éviter les tableaux si vous souhaitez afficher des photos et des informations regroupées. Il est préférable d'aligner la photo et de placer les informations à côté.
Intégrer des cartes et d'autres médias via le code sourceDe nombreux sites permettent d'intégrer des iframes. Sur Google Maps, vous pouvez le faire via Menu > Partager ou intégrer une carte > Intégrer une carte. Vous pouvez y copier et coller un code dans une page de contenu via Outils > Code source. Par exemple, vous trouverez ci-dessous le code permettant d'ajouter une carte du siège de Kentaa
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>
Attention au collageSi le texte est formaté, il se peut que vous le colliez. Toutes sortes de fichiers html peuvent alors être collés, ce qui peut entraîner des situations indésirables. Vous pouvez éviter cela en activant le bouton "coller en tant que texte". Vous pouvez également supprimer la mise en forme au préalable en collant d'abord le texte dans le bloc-notes, puis en le copiant à partir de là.
Menu : Ajouter les téléchargements et les FAQVoir également l'article d'assistance sur les éléments de menu.
Bouton iRaiser !Un bouton iRaiser est un excellent moyen d'attirer l'attention sur un lien hypertexte. Il prend la même forme que le bouton de Dons sur votre site. Vous l'ajoutez en créant un lien hypertexte et en choisissant "Bouton iRaiser" comme type. Si vous le souhaitez, vous pouvez également avoir un bouton lié à Whatsapp. Dans cet article, vous verrez comment procéder.
Pleins feux sur la page d'accueil
Contenu ⟶ En vedette
Vous souhaitez mettre en évidence certaines parties du site web ? Vous pouvez alors les mettre en évidence sur la page d'accueil. Vous pouvez le faire avec les Sous-sites, les campagnes, les collecteurs de fonds et les Équipes. Vous pouvez utiliser cette fonction pour mettre en évidence des campagnes ou des participants actuels, par exemple.
Mise en évidence d'éléments sur la page d'accueil
Personnaliser l'ordre des éléments vedettes
Déblocage
Projet mis en évidence comme recommandé
Annuler la recommandation
Modifier les textes au-dessus des Collecteurs et Équipes mis en évidence sur la page d'accueil.
Mise en évidence d'éléments sur la page d'accueil
Faites défiler jusqu'au niveau à partir duquel vous souhaitez mettre quelque chose en évidence sur la page d'accueil (Collecteurs de fonds, Équipes, Campagnes, Sous-sites). L'exemple utilise les Collecteurs de fonds.
Cliquez sur "Ajouter une page de collection".
Vous accédez à la Vue'ensemble. À côté de l'élément, cliquez sur l'icône en forme de roue dentée et choisissez "Mettre en évidence sur la page d'accueil". L'élément est maintenant mis en évidence.
Personnaliser l'ordre des éléments vedettes
Faites défiler jusqu'au niveau souhaité.
Cliquez et faites glisser les éléments pour modifier l'ordre.
Déblocage
Choisissez les éléments que vous ne souhaitez plus mettre en évidence et cliquez sur "Supprimer de la liste".
Projet mis en évidence comme recommandé
Faites défiler vers le bas jusqu'aux projets mis en évidence.
Choisissez la campagne souhaitée et cliquez sur "Marquer comme recommandé".
Annuler la recommandation
Cliquez sur "Marqué comme recommandé" pour annuler le marquage.
Modifier les textes au-dessus des Collecteurs et Équipes mis en évidence sur la page d'accueil.
Contenu ⟶ Textes de la page d'accueil
Si des valeurs par défaut sont utilisées, cliquez sur "Modifier la valeur par défaut".
Personnalisez le titre et la description.
Cliquez sur "Enregistrer" pour sauvegarder les textes modifiés.
Remarque : avez-vous un site web multilingue ? Si c'est le cas, n'oubliez pas d'adapter les autres langues également.
Editeur de Design pour les modèles génériques iRaiser
En tant qu'administrateur de site et de Sous-sites, vous pouvez maintenant très facilement personnaliser vous-même les couleurs, la police et les boutons de votre modèle iRaiser!
Lorsque vous êtes connecté, un bloc noir avec "Personnaliser le Design" apparaît sur la page d'accueil (et si vous avez une plateforme iRaiser Expert également sur la page d'accueil du Sous-site).
Lorsque vous cliquez sur ce bouton, un éditeur de design apparaît. Il se compose de trois sections:
Thème couleur
Police
Boutons
Important: iRaiser offre un choix de quatre modèles standard. La structure de chaque modèle est fixe. Il n'est donc pas possible de déplacer des éléments. Voir les exemples de modèles standard ici. Le service d'assistance peut modifier ce modèle gratuitement et directement pour vous. Contactez-nous par chat, téléphone ou e-mail.
Thème couleur
Parmi les couleurs du thème, quatre éléments peuvent être ajustés:
Couleur primaire: Il s'agit de la couleur d'accompagnement de votre site web.
Couleur contrastée: Il est utilisé pour le texte des boutons, de certaines zones de texte et des icônes..
Couleur du titre de la page: Il s'agit de la couleur du titre H1 sur chaque page..
Couleur du lien hypertexte: Il s'agit de la couleur des liens hypertextes sur chaque page.
Les couleurs peuvent être ajustées en entrant le code HEX de la couleur souhaitée ou en utilisant la palette de couleurs coulissante.
Les couleurs choisies sont immédiatement visibles. Le bouton "Restaurer" réinitialise les paramètres. Ce n'est que lorsque vous cliquez sur "Enregistrer" que les paramètres choisis sont appliqués. Il n'est alors plus possible de les restaurer.Conseil : notez les codes de couleur existants afin de pouvoir toujours "revenir à la case départ".
Police
Deux polices peuvent être définies par site: une pour les titres et une pour les textes.
La police souhaitée peut être sélectionnée dans le menu déroulant. La police sélectionnée est immédiatement visible. Le bouton "Restaurer" réinitialise les paramètres. Ce n'est qu'en cliquant sur "Enregistrer" que les paramètres choisis seront mis en œuvre. La police qui appartenait à l'origine au modèle est reconnaissable dans la liste car un titre "default" apparaît au-dessus d'elle.
Remarque: Comme les polices varient en largeur et en taille, il se peut que les textes ne s'adaptent pas aussi bien aux boutons. Nous ne pouvons pas adapter la taille des boutons en fonction de la police. Vérifiez donc vous-même soigneusement (y compris sur mobile) si cette police s'affiche bien sur votre site web.
La police souhaitée ne figure pas dans la liste ? Consultez alors (https://fonts.google.com) pour voir si elle est disponible en tant que police Google web gratuite. Si c'est le cas, n'hésitez pas à nous le faire savoir. Envoyez un e-mail à iRaiser pour que nous puissions vérifier si cette police convient à l'éditeur de design.
Boutons
En fonction de votre offre iRaiser et des paramètres de votre plateforme, trois types de boutons peuvent être personnalisés:
Les boutons de dons
Les boutons d'action de démarrage (si vous avez le module d'action)
Le bouton d'enregistrement du projet (si vous avez le module de projet et que les projets peuvent être créés via le frontend)
Pour chaque type de bouton, la police, la couleur du texte et la couleur d'arrière-plan peuvent être modifiées. Tous ces éléments sont indépendants les uns des autres et indépendants des choix offerts par les onglets en matière de couleurs et de polices de caractères.
La police souhaitée peut être sélectionnée dans le menu déroulant. La police sélectionnée est immédiatement visible. La police appartenant à l'origine au modèle est reconnaissable dans la liste par l'intitulé "standard".
Les couleurs peuvent être ajustées en saisissant le code HEX de la couleur souhaitée ou à l'aide de la palette de couleurs déroulante. Les couleurs choisies sont immédiatement visibles. Le bouton "Restaurer" permet de réinitialiser les paramètres. Ce n'est qu'en cliquant sur "Enregistrer" que les paramètres choisis seront mis en œuvre.
L'éditeur est-il gênant ? Réduisez-le à l'aide de cette icône: ou le déplacer à l'aide de cette icône:
Une fois déplacé, l'éditeur est sauvegardé à cet endroit, y compris pour une prochaine fois.
Cookies
Au sein de la plateforme, nous distinguons quatre types de cookies:
NécessairesLes cookies fonctionnels facilitent l'utilisation d'un site web en permettant des fonctions de base telles que la navigation sur les pages et l'accès aux zones sécurisées du site web. Sans ces cookies, le site web ne peut pas fonctionner correctement.
PréférencesLes cookies de préférence permettent à un site web de mémoriser des informations qui influencent le comportement et la conception du site web, telles que votre langue préférée ou la région dans laquelle vous vivez.
StatistiquesLes cookies statistiques aident les propriétaires de sites web à comprendre comment les visiteurs utilisent leur site en collectant et en rapportant des données de manière anonyme.
MarketingLes cookies de marketing sont utilisés pour suivre les visiteurs lorsqu'ils se rendent sur différents sites web. Leur objectif est d'afficher des publicités adaptées et pertinentes pour l'utilisateur individuel. Ces publicités ont ainsi plus de valeur pour les éditeurs et les annonceurs tiers.
Les cookies de marketing sont utilisés pour suivre les visiteurs lorsqu'ils visitent différents sites web.
Lors du chargement du site web, les cookies nécessaires sont toujours chargés (et cela est autorisé). En même temps, les cookies de préférence sont également chargés. Ceux-ci peuvent être désactivés si nécessaire.
Les cookies liés aux statistiques et au marketing ne sont chargés que s'ils sont acceptés. Cela signifie que Google Analytics n'est pas encore chargé à moins qu'une autorisation explicite ne soit donnée. Ce changement est entré en vigueur le 18 janvier.
A compter du 18 janvier 2024, des changements ont été apportés en ce qui concerne les cookies. Voici la liste actuelle des cookies. Sur votre plateforme, sous l'url <headurl>/cookies, vous pouvez comparer la liste avec cette liste de cookies. Si elle n'est plus correcte, vous pouvez utiliser cette liste (éventuellement complétée par des cookies chargés via des pixels tels que GTM). Vous pouvez modifier les cookies sur votre plateforme via Contenu > ; Menu > ; Bas de page > ; Cookies > ; Modifier.
La liste actuelle des cookies
Nécessaire
Nom du cookie
Domaine externe
Durée
Description
_kentaa_session
Non
1 jour
Utilisé pour conserver la session d'un utilisateur
cookie_consent
Non
1 an
Utilisé pour conserver le choix du paramétrage des cookies
Préférences
Cookie de nom
Domaine externe
Durée
Description
locale
Non
1 an
Utilisé pour conserver le réglage de la langue
dashboard_locale
Non
1 an
Utilisé pour conserver le réglage de la langue
Statistiques
Cookie de nom
Domaine externe
Durée
Description
_ga
Non
2 ans
Utilisé par Google Analytics pour des informations statistiques sur l'utilisation du site par les visiteurs
_ga_<container-id>
Non
2 ans
Utilisé par Google Analytics pour des informations statistiques sur l'utilisation du site par les visiteurs
Marketing
Cookie de nom
Domaine externe
Durée
Description
NID
.google.com
6 mois
Utilisé pour stocker les préférences, telles que la langue préférée et le nombre de résultats de recherche
ENID
.google.com
13 mois
Utilisé pour stocker les préférences, telles que la langue préférée et le nombre de résultats de recherche
CGIC
.google.com
6 mois
Utilisé pour améliorer les recherches
CONSENT
.google.com
2 ans
Utilisé pour stocker les choix de cookies
SOCS
.google.com
13 mois
Utilisé pour stocker les choix de cookies
IDE
.google.com
13 mois
Utilisé pour diffuser des annonces Google sur des sites extérieurs à Google
PREF
.youtube.com
8 mois
Utilisé pour tenir des statistiques sur la façon dont le visiteur utilise les vidéos YouTube sur différents sites web
VISITOR_INFO1_LIVE
.youtube.com
179 jours
Essayer d'estimer la bande passante de l'utilisateur sur les pages avec des vidéos YouTube intégrées
YSC
.youtube.com
session
Utilisé pour garder une trace des vidéos de YouTube que l'utilisateur a vues
SID
.youtube.com
2 ans
Contient des données utilisateur cryptées et est utilisé en combinaison avec d'autres cookies pour protéger l'utilisateur en ligne
HSID
.youtube.com
2 ans
Contient des données utilisateur cryptées et est utilisé en combinaison avec d'autres cookies pour protéger l'utilisateur en ligne
DSID
.youtube.com
2 semaines
Utilisé pour reconnaître un utilisateur connecté
pm_sess
.youtube.com
30 minutes
Utilisé pour suivre la session d'un utilisateur
AEC
.youtube.com
6 mois
Utilisé pour suivre la session d'un utilisateur
player
.vimeo.com
1 minute
Utilisé pour conserver les paramètres du lecteur Vimeo
vuid
.vimeo.com
1 minute
Utilisé pour tenir des statistiques sur les vidéos Vimeo
__cf_bm
.vimeo.com
30 minutes
Utilisé pour lire et filtrer les demandes des bots
OptanonConsent
.vimeo.com
1 an
Utilisé pour garder une trace du choix de configuration du cookie
Menu
C'est dans la structure du menu que l'on trouve de loin le plus d'informations. Il existe une structure de menu en haut et en bas de la page. Le menu situé en haut de la page est utilisé pour la plupart des informations et peut contenir des sous-menus, afin de regrouper les informations plus étroitement. Le menu utilisé en bas de page contient par défaut les pages Vie privée, Conditions générales et Cookies. Ce menu est également extensible pour les informations, mais ne peut pas contenir de sous-menus.
Les structures des menus supérieur et inférieur peuvent toutes deux être personnalisées. La procédure expliquée dans cet article est la même pour les deux structures. Cet article se concentre principalement sur la structure du menu en haut de la page.
Contenu :
Ajouter un élément de menu
Modifier l'élément de menu
Déplacer l'élément de menu
Supprimer l'élément de menu
Menu sur la page du Sous-site
Menu sur la page de la campagne
Contenu ⟶ Menu
1. Ajouter un élément de menu
Le bouton Ajouter un élément de menu permet d'ajouter un nouvel élément de menu. Vous trouverez ci-dessous un aperçu du formulaire :
Nom de l'élément de menuIl s'agit du nom tel que l'élément est affiché dans la barre de menu.
VisibilitéPermet de régler la visibilité de l'élément de menu. Par défaut, l'élément est affiché dans le menu. Vous pouvez choisir de le masquer dans le menu et de rendre l'élément accessible uniquement via une URL directe.
AccèsRendre l'élément de menu visible et accessible uniquement aux visiteurs connectés.
Type de menuVous avez le choix entre 4 types de menu :
Page de contenu
Lien vers la page
Page de contact
Formulaire personnalisé
Nous traitons ci-dessous toutes les variantes.
1.1 Page de contenu
TitreCe titre apparaîtra en haut de la page.
URLDéfinissez vous-même l'URL de la page, par exemple https://www.voorduurzamewereld.nl/over-ons. Il s'agit de la partie située après la barre oblique.
ContenuLe contenu réel de la page. On pense ici aux paragraphes de texte, aux puces, aux liens, aux images et aux vidéos.
TéléchargementsProposez des fichiers à télécharger. Pensez aux règles des participants, aux fichiers à partager via les médias sociaux, etc. Après avoir ajouté un fichier, vous pouvez voir le téléchargement dans l'élément de menu (à l'"avant"). Si vous ouvrez le fichier et copiez le lien qui se trouve derrière, vous pouvez créer un lien vers ce fichier.
Vous pourriez même créer une page distincte de téléchargements et la cacher dans le menu, de sorte qu'elle ne soit pas visible pour les visiteurs. Vous pouvez alors utiliser l'url directe pour voir les téléchargements et copier des liens directs vers eux. Dans notre plateforme, c'est la façon de télécharger des fichiers vous-même !
Vous pouvez également choisir de demander les données lors du téléchargement. Dans ce cas, quelqu'un doit laisser un nom et une adresse électronique. Cela peut générer des prospects potentiels !
Questions fréquemment poséesAjoutez des questions fréquemment posées à la page de contenu afin de répondre aux questions déjà posées. Pour ce faire, ajoutez une question et une réponse.
1.2 Lien vers la page
Vous souhaitez créer un lien vers une page interne ou externe dans le menu ? Vous pouvez le faire avec ce type de menu. Une page interne, par exemple le flux de connexion, peut être appelée avec /join. La plate-forme Kentaa comporte un certain nombre de pages statiques vers lesquelles il est possible de créer un lien :
/mises à jour
/nouvelles
/news-items/tags/<tag> (en anglais)
/Collecteurs
/participants
/Équipes
/projets
/projets/étiquettes/<étiquettes>
/Dons
/Dons/choix
/donneurs
/conseils
Vous pouvez également indiquer des sites web externes, par exemple : https://www.google.com. Veillez à inclure http:// ou https:// dans le lien. Si vous ne le faites pas, le système essaiera de trouver cette page en interne et générera un message d'erreur.
1.3 Page de contact
Il est possible d'inclure un formulaire de contact dans le menu, en utilisant le type de menu Page de contact. Une fois ce type de menu choisi, les champs suivants apparaissent :
Contact e-mail
L'adresse électronique à laquelle le formulaire de contact sera envoyé.
Contenu
Le contenu est affiché au-dessus du formulaire. C'est un endroit idéal pour indiquer, par exemple, l'adresse, le numéro de la chambre de commerce et le numéro de TVA ou pour présenter la personne de contact.
1.4 Formulaire personnalisé (invisible)
La dernière option est le formulaire personnalisé. Le formulaire de contact n'est pas tout à fait à votre goût, ou vous voulez demander aux gens de laisser leurs coordonnées pour une enquête ou une préinscription ? Tout cela est possible grâce au formulaire personnalisé. Cette fonctionnalité étant quelque peu technique, elle ne peut pour l'instant être mise en place que par l'employé de Kentaa.
N'hésitez donc pas à nous contacter si vous souhaitez qu'un formulaire personnalisé soit créé dans le Menu.
Ajouter un élément de sous-menu
Pour regrouper des informations, il est possible d'ajouter un sous-menu sous un élément de menu existant. La barre de menu est ainsi organisée de manière compacte et claire.
Créez un élément de sous-menu en cliquant sur ⟶ Add subitem .
Vous pouvez créer un nombre illimité de sous-menus, bien qu'il soit conseillé de les limiter à un maximum de 5 éléments. Il n'est pas possible de créer un sous-sous-menu.
2. Déplacer l'élément de menu
Les éléments du menu peuvent être modifiés par glisser-déposer.
3. Supprimer l'élément de menu
Derrière un élément de menu, cliquez sur ⟶ Remove pour supprimer l'élément de menu.
Remarque : les éléments de menu supprimés ne peuvent pas être récupérés !
4. Menu en bas de page
Kentaa livre toujours un site Kentaa avec un texte par défaut pour ces pages. Le contenu de ces pages peut toujours être modifié via le tableau de bord Kentaa. Pour des raisons d'espace, il n'est pas possible de créer des sous-menus dans ce menu.
Il vous incombe d'utiliser correctement les textes standard fournis par la Kentaa et de demander correctement aux visiteurs du site l'autorisation de traiter des données. La Kentaa se charge de demander l'autorisation de placer des cookies et de placer ou non les cookies en fonction des paramètres de cookies du visiteur web. Les pages obligatoires sont dotées d'un contrôle de version. Dès qu'une modification est apportée à ces pages, elle est enregistrée en tant que nouvelle version. Cela est important pour conserver le "consentement" du visiteur du site web. Le consentement contient toujours le numéro de la version en cours. Le numéro de version est affiché sur les pages (visible par les visiteurs).
5. Menu sur la page du Sous-site
Un menu peut également être créé en haut de page sur la page du Sous-site. Par défaut, le menu du niveau du site web est adopté, mais il est possible de l'écraser. Voir la démonstration ci-dessous pour passer, au niveau du Sous-site, du menu du niveau du site web à votre propre structure de menu (nouvellement construite).
6. Menu sur la page du Projet
Le menu de la page de la campagne fonctionne légèrement différemment. Ici, il ne s'agit pas du menu situé en haut ou en bas de la page, mais d'une structure de menu propre à la page de campagne (voir l'image).
Pour chaque page de campagne/événement, un certain nombre d'éléments de menu sont ajoutés automatiquement et un certain nombre d'éléments de menu sont configurables.
Ajout automatique d'éléments de menu :
Projet ou événement (affiche la description de la campagne)
Donateurs
Actualités
Les Dons et les Nouvelles ne sont visibles que si un don ou une nouvelle a été effectué(e) dans le cadre de la campagne.
Trois éléments de menu peuvent être ajoutés par Projets et un élément de menu spécifique pour les coordonnées.
Flex Editor
Le Flex Editor est un produit qui vous permet de personnaliser de nombreux éléments de votre plateforme. Par exemple la modification de l'ordre, l'ajustement des couleurs, choisir une variante pour un élément existant, rendre certaines parties du site web invisibles et ajouter de nouvelles fonctionnalités aux pages.
Fonctionnement du Flex Editor
Généralités
Paramètres du thème
Boutons par défaut dans les composants
Ajout de composants
L'héritage
Comment personnaliser sur un site web réel
Quelles pages pouvez-vous personnaliser?
Quelles options ne se trouvent pas (encore) dans l'éditeur Flex?
1. Généralités
Si le Flex Editor est activé, vous pouvez y accéder en vous connectant à la plateforme. Si vous êtes connecté en tant qu'administrateur de site et que vous vous rendez sur la page d'accueil, vous verrez un curseur sur la gauche. Celui-ci ouvre le Flex Editor :
La barre affiche tous les composants que vous pouvez personnaliser. Selon la configuration du site, il peut y avoir plus ou moins de composants à personnaliser ici (comme l'en-tête, la description, etc.).
Lorsque vous passez votre souris sur un composant, vous avez généralement le choix entre trois options :
Titre du composantSi vous souhaitez modifier un composant, il vous suffit de cliquer sur son titre à l'aide de votre souris. Vous accédez alors à toutes les options disponibles pour ce composant.
FlècheSi vous cliquez sur la flèche avec votre souris et que vous la maintenez enfoncée, vous pouvez modifier l'ordre des composants en les faisant glisser vers le haut ou vers le bas.
Trois pointsSous les trois points, vous trouverez l'option permettant de rendre un composant invisible. Pour les composants personnalisés, vous trouverez également l'option de supprimer le composant sous les trois points.
Les modifications que vous apportez se traduisent par des changements immédiats à l'endroit où vous travaillez. Ce n'est que lorsque vous les publiez qu'elles seront sauvegardées et traitées.
Vous avez du mal à trouver le bon composant dans le Flex Editor ? Dans ce cas, rendez vous sur le composant que vous souhaitez modifier sur la page. Lorsque vous passez votre souris sur le composant, un cadre apparaît autour de celui-ci, ainsi qu'un crayon. En cliquant dessus, vous pouvez modifier le composant.
2. Paramètres du thème
Nous distinguons les paramètres qui affectent l'ensemble du thème et les paramètres par composant. Vous pouvez considérer les paramètres du thème comme des paramètres globaux. C'est là que vous définissez les couleurs générales, la police et les couleurs des boutons. Pour ajuster les paramètres du thème, cliquez sur l'icône du globe en haut à droite du Flex Editor, à côté du logo.
Dans les paramètres du thème, vous pouvez personnaliser les couleurs, les principaux boutons d'appel à l'action (call-to-action) et la police de caractères du site web. L'héritage s'applique à ces trois éléments. Les modifications que vous apportez, par exemple, au niveau du site web seront répercutées au niveau du segment, du projet, etc. Toutefois, il est possible de les adapter à chaque niveau.
Il est également possible de remplacer les paramètres du thème Couleur et call-to-action au niveau du composant.
Couleurs du thème
Ici, vous avez la possibilité d'ajuster la couleur de base et de contraste, ainsi que d'attribuer une couleur à certains éléments spécifiques, comme l'arrière-plan de la page, le titre, le texte et l'hyperlien.
En outre, vous pouvez ajouter jusqu'à sept couleurs supplémentaires qui serviront de couleurs de thème pour votre site web. Les couleurs que vous ajoutez ici peuvent également être choisies aux niveaux inférieurs et à l'intérieur des composants.
Ainsi, votre charte graphique est rapidement et efficacement transférée sur la plateforme, facilement et sans codes de couleur erronés. En cas de modification de votre charte graphique, vous pouvez tout adapter en un clin d'œil à partir d'un seul endroit sur votre plateforme.
Call-to-action
Vous pouvez ici personnaliser les couleurs et la police des boutons de don, de démarrage d'une action et de démarrage d'un projet.
Polices de caractères
Vous pouvez ici modifier la police de caractères pour l'ensemble du site, du segment ou du projet, en fonction du niveau auquel vous effectuez la modification. Si vous souhaitez choisir une autre police, vous verrez immédiatement un aperçu de la police.
3. Boutons par défaut dans les composants
Lors de la personnalisation des composants, vous pouvez disposer de plusieurs onglets. L'onglet « Options » est toujours présent. En plus, en fonction du composant, vous pouvez avoir les onglets « Disposition » et « Contenu ».
Mise en page
L'option de mise en page indique l'emplacement et la présence des éléments dans le composant. Dans la bannière, par exemple, vous pouvez choisir d'activer ou de désactiver les boutons « faire un don », « démarrer une action » ou « démarrer un projet ». Pour les indicateurs (le bloc avec le nombre d'actions, d'équipes, etc.), vous pouvez choisir d'afficher ou non les chiffres vides et pour les boutons Partager. Vous pouvez choisir leur position, leur affichage et leur donner des marges et un alignement. Ce sont des exemples d'options supplémentaires dont vous disposez avec le contenu du composant.
Options
L'onglet Options concerne la conception du composant. Vous pouvez, par exemple, modifier la couleur, l'arrière-plan, l'espace entre les composants et les éléments à l'intérieur du composant. En général, vous trouverez ici des paramètres globaux. Ils concernent l'ensemble du composant. En outre, vous trouverez les titres « Contenu » ou « Carte ». Ils se rapportent à des parties plus petites d'un composant. Par exemple, dans le composant « Projets en vedette », vous trouverez également une liste déroulante intitulée « Carte ». Vous constaterez que le réglage de cette option n'affectera que les projets mis en évidence. Dans ce cas, il s'agit de « cartes ».
Enfin, vous trouverez des menus déroulants dans un composant portant un nom unique. Un bon exemple est « socials » dans le composant « footer ». Comme vous le remarquez, ces menus sont très intuitifs en termes de personnalisation.
Vous pouvez voir ici la différence entre Global et Card. Dans cet exemple, la partie verte est la partie globale (qui concerne l'ensemble du composant). La carte concerne les composants individuels.
Boutons et fonctions par défaut
Un certain nombre d'options par défaut apparaissent à de nombreux endroits dans le Flex Editor.
Contexte
Vous pouvez ici ajouter un arrière-plan pour le composant (ou la partie du composant) que vous êtes en train de personnaliser. Si l'image a une taille différente de celle du composant lui-même, un rognage est créé au milieu. Vous pouvez ensuite choisir dans les options avancées de conserver ce rognage ou d'afficher une autre partie de l'image. Vous pouvez également choisir de répéter une partie de l'image et définir ce qu'il convient de faire avec la taille. Il existe donc de nombreuses possibilités de conception pour définir l'arrière-plan.
Parallaxe
Avec le paramètre Parallaxe, l'image reste en arrière-plan lorsque les visiteurs font défiler la page vers le bas. Ce paramètre permet également de synchroniser plusieurs composants situés en dessous les uns des autres et présentant la même parallaxe :
De cette façon, vous pouvez parallaxer une partie de la page (plusieurs éléments à la fois). Cela donne plus de profondeur à votre site web et une illusion d'éléments se déplaçant les uns sur les autres.
Opacité
L'ajustement de l'opacité de l'image la rend plus transparente et vous permet de la rendre plus subtile ou plus marquée. Avec plus de transparence, votre arrière-plan devient de plus en plus visible. Lorsque vous choisissez une couleur, vous pouvez également choisir de la rendre transparente (partiellement ou non).
Espacement
L'espacement permet de définir l'espace vide autour du texte, à l'intérieur d'un composant. Ces valeurs peuvent être définies séparément pour les quatre directions (haut, bas, gauche et droite). En cliquant sur le trombone, vous pouvez conserver ces proportions et les ajuster en une seule fois.
4. Ajout de composants
Vous pouvez ajouter un composant en cliquant sur le bouton « Ajouter un composant » en bas de page. Celui-ci apparaîtra en bas et vous pourrez alors le faire glisser à l'endroit souhaité. Vous pouvez également cliquer sur le signe plus dans la structure elle-même (voir capture d'écran). Vous ajoutez alors le composant directement à cet endroit.
Vous pouvez choisir parmi les composants suivants :
Après avoir cliqué sur un tel composant, celui-ci est créé et vous pouvez en modifier le contenu. L'onglet Contenu permet d'ajouter des images et des blocs de texte supplémentaires (le cas échéant).
5. L'héritage
Le Flex Editor fonctionne également avec l'héritage. Les couleurs définies à un niveau supérieur sont également appliquées aux niveaux inférieurs. Vous pouvez aussi les écraser au niveau inférieur. Le niveau inférieur fait référence à un segment ou à un projet, par exemple.
Les exceptions sont les composants personnalisés que vous ajoutez vous-même. Ceux-ci ne sont pas hérités automatiquement à un niveau supérieur. Les composants personnalisés sont spécifiques à la page sur laquelle vous les ajoutez.
6. Comment le personnaliser sur un site web réel ?
Nous pouvons d'abord activer le mode de prévisualisation sur un site web qui est déjà en ligne. En tant qu'administrateur du site, vous pouvez ensuite cliquer sur le bouton de prévisualisation dans le tableau de bord :
Ensuite, vous vous rendez sur le front-end et vous voyez l'éditeur Flex. Vous pouvez y apporter et enregistrer toutes sortes de modifications, qui ne sont visibles que par les administrateurs du site. Dès que vous êtes prêt, nous pouvons changer le modèle en Flexplate (notre nom pour le modèle de le Flex Editor) et les changements du Flex Editor seront également visibles pour les visiteurs. Ainsi, vous pouvez tout configurer complètement avant de le mettre en ligne.
Il arrive parfois que vous souhaitiez apporter certaines modifications, mais que vous ne les montriez pas encore à vos visiteurs. Vous pouvez alors ajouter des composants, les styliser à votre guise, les rendre invisibles et les enregistrer. Êtes-vous prêt à les montrer au monde entier ? Rendez-les alors visibles et enregistrez-les à nouveau.
7. Quelles sont les pages que vous pouvez personnaliser ?
Vous pouvez effectuer des ajustements dans les pages suivantes :
Page d'accueil
Page du segment
Page du projet
Page de contenu
Les pages de contenu comprennent les pages de menu, qui comprennent également les pages de contact et de conseils. Vous ne pouvez pas modifier le contenu des conseils, mais une solution possible consiste à ne pas afficher la page des conseils (la rendre invisible) et à ajouter un bloc personnalisé contenant vos propres conseils.
8. Quelles sont les options qui ne figurent pas (encore) dans le Flex Editor ?
Les éléments suivants ne sont pas encore possibles :
Apporter des modifications au niveau de l'action, de l'équipe ou de l'entreprise.
Modifier les flux d'inscription et de dons ni les pages de présentation.
Vous pouvez sélectionner des styles à utiliser pour mettre automatiquement en ligne un composant à un moment précis (il s'agit toujours d'une opération manuelle).
Utiliser le contrôle de version, qui vous permet de revenir facilement à une version antérieure.
Ajouter vos propres composants en créant des variantes distinctes pour différents appareils.
Cees options pourraient être disponibles à l'avenir.