Placer deux sections côte à côte

Mis à jour le 23 septembre 2026

Réunissez deux sections sur une ligne à deux colonnes, en les glissant dans un bloc de la liste des sections.

À quoi ça sert

Une page est une pile de sections, une par ligne. Une ligne à deux colonnes en place deux côte à côte (une vidéo à côté d'une citation, un teaser à côté du formulaire d'inscription) pour qu'une page longue se lise plus court sans rien perdre.

La ligne se partage en 50/50, et les deux colonnes s'empilent à nouveau sur écran étroit. Il n'y a rien à concevoir deux fois.

  1. À l'étape 3 · Design, regardez la liste des sections à droite. Cliquez sur « Deux colonnes », à côté de « Ajouter une section », pour ouvrir un bloc vide avec deux emplacements.

    Ici, Média et le formulaire d’inscription partagent déjà une ligne.
  2. Glissez une section de la liste dans un emplacement. Le bloc se déplace jusqu'à la première section que vous y déposez : l'ordre de votre page ne change pas, seule la mise en page évolue.

  3. Remplissez le second emplacement de la même façon : en glissant une autre section, avec « Nouvelle » pour en créer une, ou avec « Déplacer ici » pour y amener une section déjà présente (ce menu existe pour les cas où le glisser-déposer n'est pas possible).

  4. Raccourci : déposez une section directement au milieu d'une autre ligne de la liste, et les deux partagent cette ligne sans passer par un bloc.

  5. Pour déplacer toute la ligne, glissez le bloc par la poignée de son en-tête : les deux colonnes voyagent ensemble. Glisser la colonne de gauche fait de même, puisqu'elle emmène sa voisine.

  6. L'en-tête propose aussi deux actions : intervertir les deux colonnes, ou séparer la ligne en deux sections pleine largeur. Pour ne sortir qu'une section, glissez la colonne de droite hors du bloc, dans un espace entre deux lignes : elle repasse en pleine largeur.

  7. Quand une colonne est plus courte que l'autre, sélectionnez-la et réglez « Alignement vertical », sous « Ligne », dans son panneau de réglages : Haut, Milieu (par défaut) ou Bas. Chaque colonne se règle indépendamment : un teaser court peut ainsi démarrer en haut d'un long programme au lieu de flotter en son milieu.

Bon à savoir

  • Toutes les sections peuvent devenir une colonne, couverture et formulaire compris. Savoir si le rendu tient sur une demi-ligne est votre décision : l'aperçu le montre en direct.
  • Une ligne accepte deux sections au maximum, et elle forme une seule bande : le fond provient de la première section, la seconde colonne n'affiche donc pas le sien.
  • Un formulaire ou un CTA dont la mise en page est déjà scindée à gauche/droite s'affiche centré tant qu'il est en colonne, deux découpages imbriqués n'apportent rien.
  • Sur écran étroit, les colonnes s'empilent, la gauche d'abord. C'est aussi dans cet ordre que les visiteurs sur téléphone et les moteurs de recherche les lisent.
  • L'alignement vertical ne s'applique que tant que la section est en colonne, et il disparaît dès que les colonnes s'empilent : sur téléphone chacune occupe toute la largeur, il n'y a donc plus rien à aligner.

Articles associés

Besoin d'aide ?

Demandez à l'IA une réponse fondée sur la documentation, ou contactez notre équipe.

Cet article vous a-t-il aidé ?