Passer au contenu principal

Comment personnaliser votre portail avec votre identité de marque

Donnez à votre portail une apparence entièrement à votre image : ajoutez votre logo, définissez un domaine personnalisé, ajustez la mise en page, et appliquez votre propre CSS et vos outils de suivi.

Personnaliser votre portail à l’image de votre marque en fait un prolongement naturel de votre activité. Une apparence cohérente inspire confiance, renforce votre identité de marque et offre une expérience professionnelle et immersive à vos utilisateurs.

ℹ️ La plupart des options de personnalisation décrites dans cet article s’appliquent aussi bien aux applications qu’aux portails. Si vous n’avez pas encore transformé votre application en portail, consultez notre guide complet sur la création d’un portail et la gestion de l’accès des utilisateurs.


Ajoutez votre logo et renommez votre projet

Pour commencer, passez en Edit mode en haut au centre de votre portail.

Cliquez ensuite sur le titre de votre projet dans le coin supérieur gauche : le menu qui s’ouvre vous permet de renommer le projet et d’importer votre logo :

  • Renommez votre projet
    Choisissez un nom qui reflète votre marque : il s’affichera à la fois dans votre portail et sur les écrans de connexion et d’inscription de vos utilisateurs.
    ​

  • Importez votre logo : vous pouvez ajouter un logo carré ou rectangulaire. Notez que les logos rectangulaires peuvent chevaucher le titre du projet, qui sera alors automatiquement masqué :

ℹ️ Le titre et le logo de votre projet apparaîtront également dans la fenêtre de connexion ou d’inscription lorsque les utilisateurs accèdent à votre portail depuis un lien public partagé, ce qui vous permet de personnaliser l’ensemble de l’expérience du début à la fin :


Définissez un domaine personnalisé

Un domaine personnalisé rend votre portail immédiatement reconnaissable et renforce la confiance de votre audience. Une fois connecté, votre portail apparaîtra sous votre propre URL de marque au lieu d’un lien Formaloo.

Vous avez deux options pour connecter un domaine personnalisé :

  • Domaine personnalisé d’application à l’échelle de l’espace de travail
    Dans vos Workspace Settings, vous pouvez définir un Projects Custom Domain pour toutes les applications et tous les portails de cet espace de travail.
    ​
    Ainsi, vos applications et portails s’ouvrent avec la fin de leur URL ajoutée à votre domaine personnalisé (par exemple, yourdomain.com/portal‑url) :
    ​

  • Domaine individuel par portail
    Si vous gérez plusieurs projets sous différentes sous-marques, vous pouvez attribuer un domaine personnalisé distinct à chaque portail.


Ajoutez des visuels et des éléments de mise en page à votre image

Au-delà du logo et du domaine, vous pouvez personnaliser chaque page de votre portail avec des visuels qui reflètent votre identité de marque :

  • Personnalisez les couvertures de page, la mise en page et les polices,

  • Ajoutez des images, des vidéos ou des médias intégrés.

ℹ️ Pour personnaliser la mise en page, l’identité visuelle et le contenu, consultez notre guide sur la personnalisation des pages et du contenu de votre portail.


Appliquez du CSS personnalisé

Si vous souhaitez un contrôle total sur le design de votre portail, vous pouvez appliquer du CSS personnalisé pour l’adapter à l’identité de votre marque.

  • Dans votre portail, accédez à Settings dans le coin supérieur droit → Customize with code,

  • Saisissez vos styles CSS personnalisés dans la zone Custom CSS pour modifier les polices, les couleurs, les espacements, le style des boutons et la mise en page générale :

Grâce au CSS personnalisé, vous pouvez personnaliser l’apparence du portail au-delà des options de design intégrées.


Ajoutez des scripts de suivi et d’analyse

Dans cette même section Customize with code, passez à l’onglet Custom JavaScript pour intégrer des outils d’analyse ou de suivi comme Google Analytics ou Google Tag Manager.

  • Dans votre portail, accédez à Settings dans le coin supérieur droit → Customize with code,

  • Collez votre code de suivi dans la zone Custom JS :

💡 Pourquoi utiliser des outils de suivi ?

  • Google Analytics vous aide à suivre l’activité des visiteurs, la durée des sessions et l’engagement,

  • Google Tag Manager simplifie l’ajout et la gestion de scripts de suivi tiers.

En combinant CSS personnalisé et outils de suivi, vous obtenez un portail à votre image et piloté par les données, qui reflète votre identité tout en recueillant des informations clés sur vos utilisateurs.


En résumé

Votre portail est bien plus qu’un tableau de bord : c’est la maison numérique de votre marque. En ajoutant votre logo, en connectant votre domaine et en adaptant le design, vous offrez à chaque visiteur une expérience cohérente, professionnelle et fidèle à votre marque.

💡 Découvrez comment contrôler l’accès à votre portail personnalisé : consultez nos guides sur l’activation ou la désactivation des options de connexion et d’inscription, l’ajout manuel d’utilisateurs et l’importation d’utilisateurs en masse pour vous assurer que votre portail est prêt à accueillir votre audience.

Avez-vous trouvé la réponse à votre question ?