Comment modifier l’apparence du widget ?

Vous souhaitez que la couleur des ordures ménagères soit bleue au lieu de grise ? Afficher des sacs plutôt qu’une poubelle ? On vous dit ici comment faire.

Le refactorisation récente du widget vous permet encore plus de personnalisation dès l’entrée du service numérique. La vue Liste devient une véritable vue Accueil dans la mesure où la présentation et l’usage du widget s’enrichissent pour mieux refléter les services de votre territoire.

 

Concrètement, vos possibilités d’adaptation concernent :

  • les couleurs, icônes, un certains nombre d’intitulés,
  • la navigation, la mise en avant de certains services sur la vue d’accueil
 
🙋‍♂️
Pour toutes questions et tous les éléments que vous ne pouvez modifier vous-même en direct : faites-nous un ticket sur la plateforme de projets pour personnaliser ces éléments.
 

Modifiez l’écran de saisie d’adresse

Certaines collectivités (et nous le recommandons !) personnalisent le nom et même le visuel pour le rendre le service plus familier dès la première ouverture du service. Il est possible de remplacer le gif du camion poubelle roulant sur l’écran de saisi d’adresse par un gif personnalisé ou un logo.

 
 
🙋‍♂️
Vous souhaitez personnaliser votre écran de saisi d’adresse ? Faites-nous un ticket sur la plateforme de suivi de projets.
 
 

Modifiez les informations dans la “barre blanche”

 
Exemple de “barre blanche” standard.
Exemple de “barre blanche” standard.
Exemple de “barre blanche” avec beaucoup de personnalisation.
Exemple de “barre blanche” avec beaucoup de personnalisation.

Vous pouvez avoir ici un logo qui fonctionne mieux en très petit et en format carré.

 
 

Vous pouvez vous-même remplacer le titre Collecte des déchets par le nom personnalisé de votre service. Vous pouvez aussi modifier l’explication au dessous.

Sur le dashboard, cliquez sur Éditer le widget puis sur Textes dans la barre à gauche.

Notion image
Notion image
 

Voici ce que vous pouvez modifier et comment ça apparaît dans les différentes vues du widget :

Exemple de titres laissés dans leur version standard.
Exemple de titres laissés dans leur version standard.
Exemple de titres très personnalisés.
Exemple de titres très personnalisés.
 

Pour les intégrations sur les sites des communes, il est recommandé de conserver cette barre blanche qui rappelle le nom du service et votre logo.

En revanche, sur votre propre site, il n’est pas nécessaire de la conserver car cela sera peut-être redondant avec le bandeau de votre site et le logo déjà présent.

 
🙋‍♂️
En savoir plus sur une présentation du widget sans barre blanche : lisez cet article
 

Modifiez une couleur

Il est possible de modifier la couleur principale (primary color) ou de modifier la couleur d’un équipement.

 
Notion image
 
Notion image
Par exemple, sur cette collectivité, le code hexadécimal de la couleur principale est 5EC5ED.
Par exemple, sur cette collectivité, le code hexadécimal de la couleur principale est 5EC5ED.
 

Cette couleur est modifiable par vous même dans la plateforme. Depuis votre dashboard, cliquez sur Éditer le widget. Puis cliquez sur Couleurs et sur le carré Couleur principale.

Notion image
Notion image
 
 

Changer pour un bleu au lieu d’un gris pour les ordures ménagères, un vert plus foncé pour le verre ? Rien de plus simple ! Nous le faisons pour vous. Pour cela, nous avons besoin de la couleur souhaitée au format hexadécimal : (https://htmlcolorcodes.com/fr/). Une fois trouvé, envoyez-nous le code sur la plateforme de suivi de projets.

 
Notion image
Notion image
 
⚠️
Point d’attention sur le changement des couleurs Les équipes produit n’ont pas choisi au hasard les couleurs qui vous sont proposées par défaut : - elles ont été observées dans de nombreuses collectivités et / ou sont apparues comme les plus signifiantes pour l’usager, - elles se différencient facilement à l’oeil pour ne pas les confondre, même en tout petit et sur toutes les vues du widget y compris la vue carte. Il est donc tout à fait possible d’adapter les couleurs, mais attention à la cohérence visuelle du rendu final pour l’usager ;)
 

Modifiez les icônes

 

Vous souhaitez changer l’icône d’une collecte ou d’un équipement ? Considérez-le fait ! Cette démarche est rapide à faire, il suffit de nous adresser une demande sur la plateforme de suivi de projet ! Où trouver des icônes ? Nous utilisons la librairie de fontawesome : https://fontawesome.com/ (en solide, une seule couleur).

 

Vous ne trouvez pas votre bonheur dans cette librairie ? Pas de soucis ! Nous pouvons également partir d’un fichier au format svg (idéalement sur fond blanc) pour habiller votre outil. Ce fichier .svg aura vocation à s’afficher dans une taille 200x200 pixel.

 

Modifiez les noms

 

Vous avez la main sur le nom des points d’intérêt (équipements) qui apparaissent dans le widget.

Dans la barre noire de gauche, cliquez sur Référentiels puis Tous les points d’intérêt. Cherchez les points d’intérêt dont vous voulez changer le nom (vous pouvez aussi les chercher dans la barre de recherche dédiée dans la colonne de gauche).

Changez le nom et enregistrez.

 
Notion image
Notion image
 

Cependant, pour changer le nom des services de collectes sur le widget, demandez-nous sur notre plateforme de suivi de projets.

 

Modifiez l’organisation de la vue liste

 

Nous pouvons également réorganiser la vue liste de votre widget !

Pour cela, écrivez-nous un ticket sur la plateforme de suivi de projets en précisant les titres / ordres des collectes / icônes que vous voulez modifier !

Nb : en général, les collectivités choisissent de conserver les Collectes à domicile en premier dans la vue liste.

Il est aussi possible de rajouter des sections. À nouveau, les icônes des sections sont issues de cette librairie : https://www.flaticon.com/fr/

Exemple d’une collectivité qui a choisi de mettre en avant le service de
Exemple d’une collectivité qui a choisi de mettre en avant le service de Déchèterie dans une section bien identifiée, à part des Autres services.
Exemple d’une collectivité qui a choisi de mettre en avant les
Exemple d’une collectivité qui a choisi de mettre en avant les Documents à télécharger comme le calendrier de collecte et le memo tri. Ils sont placés avant les Points de collecte à proximité.
 

Utilisez les alertes

 
 
🙋‍♂️
En savoir plus sur les alertes : lisez cet article
 

Aide et assistance

Si vous avez besoin d’échanger avec nous à ce sujet n’hésitez pas, contactez-nous via un ticket sur notre plateforme de suivi de projet !

 
Est ce que cela répond à votre question ?
😞
😐
🤩