Mise en page à deux colonnes
Utiliser la mise en page à deux colonnes pour une vue desktop scindée qui se replie en une seule colonne sur petit écran.
Affichez l'introduction de votre campagne et vos sections à parcourir côte à côte sur desktop, pour que les visiteurs comprennent l'expérience et l'explorent en même temps.
Avant de commencer
- La page d'accueil de la campagne est activée.
- La vue desktop compte réellement pour cette campagne.
- Vous voulez une séparation plus nette entre le contenu d'entrée et les sections orientées participant.
Mise en place
Sélectionner Two columns
Ouvrez Landing Page, utilisez le sélecteur Page Layout, puis choisissez Two columns.
Garder le contenu de gauche très lisible
Renseignez les sections En-tête, Instructions et Appel à l'action pour que le participant comprenne l'expérience avant de parcourir le reste de la page.
Organiser les sections de droite
Réordonnez ou masquez les sections récompenses, activités, jeux et totems interactifs selon ce qui doit apparaître en premier dans la zone de navigation.
Tester en desktop puis en mobile
Vérifiez la page sur grand écran puis sur un écran plus petit. La vue côte à côte n'apparaît que sur les grands écrans desktop.
Desktop versus mobile
Sur grand écran, Two columns divise la page en deux zones côte à côte :
- Côté gauche — l'en-tête de campagne et le contenu d'entrée (instructions et bouton d'appel à l'action).
- Côté droit — les sections orientées participant : récompenses, jeux, activités et totems interactifs.
Sur petit écran, la mise en page s'empile en une seule colonne verticale.
Ce que la vue côte à côte met en avant
- l'en-tête et la zone d'entrée restent groupés
- les sections à parcourir disposent de leur propre espace, ce qui aide quand la campagne contient plusieurs récompenses ou points de contact
- votre contenu reste le même : Two columns change l'apparence de la page, pas ce qu'elle contient
Comportement selon la taille d'écran
- La vue côte à côte apparaît sur les grands écrans desktop (environ 1224 pixels et plus).
- Sur les écrans plus étroits, la page revient à une seule colonne.
- À cause de ce repli, relisez toujours une page d'accueil Two columns sur mobile.
Quand utiliser Two columns
Choisissez Two columns quand la page d'accueil doit remplir deux rôles à la fois : bien introduire la campagne et laisser le participant parcourir plusieurs sections sans les enfouir sous un long en-tête.
Pour aller plus loin
Choisir une mise en page
Comparer les trois layouts avant de retenir la vue scindée.
Configurer l'en-tête
Affiner l'en-tête qui structure le côté gauche.
Configurer les instructions
Ajouter le bloc d'instructions qui complète l'entrée de campagne.
Configurer l'appel à l'action
Ajouter le bouton facultatif qui reste dans le parcours d'entrée.
Mise en page à une colonne
Revenir à la pile simple si la vue scindée n'apporte pas assez de valeur.