A quel besoin répond cette nouveauté ?


Depuis sa création, Cap Collectif a fait le choix d’opérer en marque blanche. Autrement dit, nous n’apparaissons pas sur les plateformes de nos clients, qui peuvent déployer un site entièrement à leurs couleurs, avec une grande variété de choix de personnalisation (URL, icône du site, couleurs, visuels, étapes d’un projet, pages de contenu, sections de la page d’accueil…) 

L’utilisation de code personnalisé nous permet également d’aller plus loin dans la personnalisation des plateformes de nos clients, notamment concernant la police d’écriture. Un vrai plus, mais jusqu’à présent réservé aux clients ayant recours à nos services pour le faire.

Nous sommes fiers de vous annoncer aujourd’hui que nous avons franchi une nouvelle étape en matière de personnalisation : désormais, nos clients peuvent personnaliser la police d’écriture de leur site en un clic, depuis le back office de la plateforme !

Notre solution


Un large choix de polices pré-intégrées 

14 polices d’écriture – les plus courantes – ont été pré-intégrées sur la plateforme. 

Il est possible de choisir deux polices d’écriture différentes : une pour les titres et une pour les corps de texte. Un simple clic suffit pour appliquer automatiquement les modifications sur la plateforme. Une vraie prouesse côté tech, puisqu’il s’agit de la première page en temps réel du back office de Cap Collectif.

Ajouter une police personnalisée 

Si vous ne trouvez pas votre bonheur parmi les 14 polices d’écriture pré-intégrées, vous avez la possibilité d’ajouter vous-même votre propre police d’écriture (les formats les plus courants sont acceptés). 

Pour conclure, cette fonctionnalité est donc une nouvelle option de personnalisation de la plateforme. Une nouveauté qui en appelle sans doute d’autres. Et vous, quelle option de personnalisation aimeriez-vous avoir sur votre plateforme ?


Besoin de + d’infos ?
–> Si vous êtes client et que vous souhaitez utiliser cette fonctionnalité, rendez-vous sur notre aide en ligne.
–> Si vous êtes intéressé.e pour découvrir la plateforme de Cap Collectif, une démo est à portée de clic
–> Si vous souhaitez suivre nos actualités, inscrivez-vous à notre newsletter 🙂

A quel besoin répond cette nouveauté ? 


La possibilité de configurer des URLs personnalisées sur sa plateforme permet de communiquer sur un projet participatif et non sur l’URL générique de la plateforme. Un besoin important pour les clients qui ont un usage régulier et diversifié de notre outil. Dans ce cas de figure, la plateforme concentre en effet l’ensemble des démarches participatives d’un client, comme le montre cet exemple de la Ville et Métropole de Nantes. 

Or,  comment communiquer efficacement sur un nouveau projet participatif avec une URL générique ou, pire, une URL à rallonge ? 

Signe que cette problématique est importante pour nos clients : la fonctionnalité d’URLs personnalisées nous a été demandée via la boîte à idées que nous avons mise en place auprès de nos collectivités partenaires. L’objectif de cette boîte à idées est de permettre à nos clients de nous suggérer des améliorations à apporter à la plateforme. 

Notre solution


Principe

Concrètement, la nouvelle fonctionnalité proposée vous permet de transformer un lien long en un lien court de votre choix. Vous pouvez par exemple transformer :

  • ce lien long : https://participation.lametro.fr/project/renouvellement-de-la-flotte-de-bus-de-la-semitag/questionnaire/questionnaire
  • en ce lien personnalisé et beaucoup plus court : https://participation.lametro.fr/nouveaux-bus

L’intégration d’un service tiers

Afin de permettre à nos clients de personnaliser leurs URLs, nous avons choisi d’intégrer à notre plateforme le service redirection.io, développé par nos amis de Jolicode

L’utilisation d’un service tiers performant, maintenu par une équipe dédiée, est une solution d’efficacité pour nos clients comme pour Cap Collectif. 

Nous avons conçu un tutoriel pas à pas (disponible sur notre aide en ligne pour nos clients), pour vous permettre de gérer vos URLs et répercuter vos paramètres automatiquement sur la plateforme Cap Collectif, grâce à la clé projet.

Migration depuis une ancienne plateforme ? 

Dans le cas d’une refonte de site internet, comme le passage d’une plateforme existante à une plateforme Cap Collectif, les URLs vont très probablement changer. Pour éviter que de tels changements vous soient préjudiciables (perte de SEO, utilisateurs rencontrant des erreurs 404…) l’intégration du service redirection.io sur votre plateforme Cap Collectif vous permettra de repérer ces erreurs et de les corriger, rendant ainsi le changement transparent pour vos visiteurs !



A quel besoin répond cette nouveauté ?


Organiser la solidarité lors de la crise sanitaire

Dans le contexte de la crise sanitaire, Cap Collectif a décidé de soutenir l’effort national de lutte contre le Covid-19 en mettant à disposition de toutes les collectivités territoriales une plateforme d’entraide gratuite pour donner aux citoyens les moyens de prendre part à la gestion de la crise en collaboration avec les élus (lire notre article sur le sujet).

L’objectif de cette plateforme d’entraide est de permettre à des citoyens de proposer leurs services à d’autres habitants, associations, collectivités ou agriculteurs ayant des besoins : garde d’enfants des personnels en première ligne, accompagnement de personnes vulnérables (courses, achat de médicaments, distribution de repas aux sans-abris, soutien psychologique pour des personnes seules…), aide aux récoltes, etc.  Ou, à l’inverse, de solliciter de l’aide sur ces mêmes sujets.

Décharger les services des collectivités 

Afin que les échanges entre citoyens puissent se faire dans le respect du RGPD et de manière sécurisée pour les personnes qui déposent leurs coordonnées, l’équipe technique de Cap Collectif s’est mobilisée pour développer dans un temps record une nouvelle fonctionnalité, permettant une mise en relation directe et privée entre citoyens. Difficile en effet, pour les services des collectivités déjà débordés, de prendre en charge cette mise en relation lorsque les propositions leur arrivent par un simple formulaire.

Notre solution


Permettre une mise en relation directe et sécurisée entre utilisateurs

La solution déployée sur notre plateforme prend la forme d’un bouton de prise de contact, qui s’affiche sous le titre du projet et l’avatar de l’auteur d’une proposition.

Au clic, une modale s’ouvre, permettant à un utilisateur d’envoyer un message à l’auteur d’une proposition et de lui laisser ses coordonnées, dans le cas où ce dernier souhaiterait poursuivre les échanges.

Un reCAPTCHA permet également de s’assurer que l’émetteur du message n’est pas un bot.

D’autres cas d’usage possibles

Cette fonctionnalité de mise en relation directe entre utilisateurs, développée pour un cas d’usage d’entraide, peut également être utile dans d’autres contextes participatifs.

Elle pourrait notamment être mise à profit dans le cadre de budgets participatifs ou de démarches d’open innovation pour : 

  • proposer à l’auteur d’une proposition des améliorations sur son projet
  • proposer de s’associer à la mise en oeuvre du projet
  • faire le lien avec d’autres projets ou acteurs du territoire
  • soutenir/féliciter personnellement l’auteur d’une proposition 

Et sans doute de nombreux autres cas d’usage que nos clients et les utilisateurs de nos plateformes créeront au fur et à mesure !

Nous sommes fiers aujourd’hui de vous annoncer la sortie de notre tout nouvel éditeur de contenu ! Comme celui intégré sur notre plateforme depuis ses débuts, cet éditeur de contenu est également appelé – pour les fins connaisseurs -, WYSIWYG (What You See Is What You Get ou, en français, “ce que vous voyez est ce que vous obtenez”). Cet outil vous permet d’éditer et de personnaliser votre texte directement, par exemple en y ajoutant des images, liens ou documents, et bien plus, selon les fonctionnalités.

C’est une petite révolution qui est en cours chez Cap Collectif, et qui s’inscrit dans la tendance actuelle d’amélioration et de simplification du back office. L’objectif ? Une utilisation toujours plus simple et intuitive de la plateforme et de son administration, pour améliorer la vie des administrateurs. 

De CKEditor à DRAFT, petite histoire du WYSIWYG chez Cap Collectif

C’est connu dans le monde du développement Web : les éditeurs de contenu sont des sujets complexes. La promesse “ce que vous voyez est ce que vous obtenez” n’est pas la plus facile à exaucer. 

Chez Cap Collectif, nous avons démarré en 2014 avec CKEditor, qui permet d’ajouter du contenu enrichi. Celui-ci, très fonctionnel, permettait de basculer en mode HTML facilement. Mais ses fonctionnalités et sa mise en forme commençaient à être datées.

L’éditeur de texte de Sonata, sur une technologie CKEditor utilisée de 2014 à 2020


Côté utilisateurs (et donc front office), nous avons choisi un éditeur de texte plus épuré,  car destiné à un public différent des administrateurs. Cette option, Quill, offre toutes les fonctionnalités basiques, comme l’illustre la capture d’écran ci-dessous. L’éditeur est notamment utilisé lors du dépôt d’une proposition, ou de certaines réponses au questionnaire dans notre plateforme.  

L’éditeur de texte QUILL, actuellement utilisé sur le front office de la plateforme


En 2020, nous avons décidé de refondre progressivement l’administration, dans l’objectif de rendre l’utilisation et le paramétrage de la plateforme plus simples à tous les niveaux. La question de l’éditeur de texte choisi était donc centrale : celui-ci est une des fonctionnalités les plus utilisées par les administrateurs des plateformes, il nous fallait donc un éditeur esthétique, moderne, et offrant davantage de libertés dans la personnalisation des contenus. 

Pour répondre à ces enjeux, nous avons donc décidé de créer notre propre éditeur de texte. Pour cela, nous avons utilisé un socle – la technologie DRAFT.js, développée par Facebook -, auquel nous avons ajouté nos propres fonctionnalités. 

Le nouvel éditeur de texte, utilisé à partir de 2020 sur nos plateformes (actuellement en version bêta) 

Que pouvez-vous attendre de ce WYSIWYG de pointe ?

En plus de son esthétique, qui en fait un outil visuel et agréable à utiliser, ce nouvel éditeur vous permettra à la fois d’améliorer le confort dans la réalisation de vos tâches, ainsi que la mise en forme sur votre plateforme. 

→ Amélioration du confort dans la réalisation des tâches :

  • Les raccourcis claviers seront gérés, pour une utilisation plus rapide (exemple : Ctrl Z pour annuler ou Ctrl Y pour revenir en arrière) ;
  • Le mode full-screen vous permettra de travailler sur une page entière ; 
  • Une performance maximale pour éviter la latence à chaque frappe ; 
  • Les images pourront être uploadées directement depuis votre ordinateur, ou depuis une URL ; 
  • Les champs à configurer pour l’intégration d’éléments autres que du texte seront bien plus simples et réduits ; 

→ Amélioration de la mise en forme sur la plateforme :

  • Les images sont chargées, par défaut en responsive (c’est-à-dire qu’elles s’adaptent à la taille de l’écran sur lequel la plateforme est consultée) ; 
  • L’éditeur vous rappellera d’ajouter les textes de remplacement sur vos images, afin de garantir une plateforme accessible à tous ;
  • Les vidéos seront intégrées directement dans des iframes sans besoin de configurer l’iframe via du code HTML.

Plus besoin, donc, d’utiliser d’ajouter de code HTML pour pousser plus loin la personnalisation de vos contenus : tout a été pensé pour une utilisation extensive et adaptée à vos besoins. Néanmoins, les développeurs et autres férus du Web auront toujours la possibilité de passer en vue HTML, dont le format sera celui d’un éditeur de code (coloration syntaxique, vérification automatique du code pour éviter les erreurs, etc.) : ne vous y essayez pas si vous n’êtes pas compétents, vous risqueriez de ne plus pouvoir revenir en arrière ! 

Vue HTML du nouvel éditeur de contenus

Et pour nos clients : petit manuel d’usage et de mise en place de votre WYSIWYG flambant neuf 

Afin d’implémenter l’éditeur de texte petit à petit, nous lançons d’abord une version bêta. Vous pouvez dès à présent activer votre nouvel éditeur de texte et le tester. Celui-ci se trouvera dans un premier temps dans certaines parties du back office : champs du formulaire et du questionnaire, ainsi que formulaire de contact. Il sera petit à petit déployé sur l’ensemble du back office et à l’ensemble des plateformes. 

Pour l’activer, il vous suffit de faire la demande à notre équipe assistance en envoyant un email à l’adresse [email protected]. N’hésitez pas à nous transmettre vos retours ! 

Un petit pas pour le back office… mais un grand pas pour les administrateurs ! 

Cette amélioration s’inscrit dans un objectif au coeur de notre feuille de route à venir : la refonte progressive de l’administration de la plateforme, vers une utilisation simplifiée et améliorée dans toutes les tâches quotidiennes des administrateurs. D’autres améliorations des tâches de l’administrateur seront donc à venir au cours de l’année 2020… À bientôt !