Vente croisée

Retrouvez dans cette page les informations nécessaires à l'utilisation du module "Vente croisée"

 Visualiser son gabarit

Présentation

Permet de présenter en simultané 3 offres de service, de produits... avec la possibilité d'en mettre une en avant.

Composition standardisée

Le composant contient obligatoirement 3 offres : 2 offres classiques + 1 offre majeure.

Avec lien

Composition standardisée dans une lame à fond coloré avec un lien.

Avec bouton

3 offres classiques avec un bouton. Il est possible de lui attribuer un style "Primaire", "Secondaire" et reverse. Vous pouvez en ajouter un deuxième.

Usage

L'objectif de ce composant est de proposer 3 offres ou services en simultané.
Deux vues sont possibles : classique ou majeure pour une mise en avant de l'une d'elle.
Vous pouvez soit combiner entre elles les offres classiques et majeures. Pour rester cohérent avec le principe du composant, utilisez en priorité les combinaisons présentant 3 offres classiques, ou 2 classiques avec 1 majeure.

Pour une question d'homogénéité, construisez les offres de manière similaire, c’est à dire qu’elles doivent contenir les mêmes types d’éléments, soit avec surtitre, bouton (jusqu'à deux) ou lien ou rien. Ne pas mélanger les déclinaisons.
Les éléments de type lien, bouton (s) ou encore "i" d'information présents dans un bloc offre sont cliquables indépendamment des uns des autres. L'offre n'est jamais cliquable dans sa globalité.

Le libellé des boutons et liens doit être précis tout en étant concis et guidant pour l'utilisateur ce qui est bénéfique pour le référencement.

Par défaut la vue classique a un fond blanc. Cependant le fond de l'offre classique devient gris #F3F4F5 s’il se positionne dans une section à fond blanc. Pour cette vue, seuls les titres et la description sont obligatoires. Évitez de surcharger et de complexifier l'information en associant trop d'éléments par exemple un surtitre en présence d’un visuel.

Pour la vue majeure vous devez obligatoirement lui attribuer un fond bleu #E1E7EF sur une section à fond blanc et blanc sur une section à fond coloré, une image et un titre. Elle est placée complètement à droite en desktop et en dernière position en mobile.

Don't

vente-croisee-dont3-D.png
Compositions multiples

Ne pas multiplier les compositions des offres.

vente-croisee-dont4-D.png
Fond gris

Ne pas laisser le fond des offres classique gris dans une lame colorée.

Accessibilité

Pédigré

Module créé en Février 2020
Nom du module Jahia : " vente-croisee "
Lien vers la doc Jahia   Accès réservé à l'interne.

Information

Vous souhaitez consulter la documentation du CMS JAHIA utilisé pour MAIF.fr ? Elle est accessible ici : Documentation Jahia
Vous souhaitez accéder aux maquettes HTML/CSS de MAIF.fr ? Elles sont accessibles ici : Maquettes statiques

Ces liens ne sont accessibles que via le réseau local.