Livestorm · Centre d'aide

Placer deux sections côte à côte

Mis à jour le 2 octobre 2026

Réunissez deux sections sur une ligne à deux colonnes, en les glissant dans un bloc de la liste des sections, et placez autant de sections que nécessaire dans une même colonne.

À 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, ou en 60/40 et 40/60 quand un côté a besoin de plus de place, et les deux colonnes s'empilent à nouveau sur écran étroit. Il n'y a rien à concevoir deux fois.

Une colonne ne se limite pas à une section : empilez-en plusieurs dans la même moitié de ligne, par exemple deux blocs de texte, ou un titre au-dessus d'une vidéo.

  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 placer plusieurs sections dans la même colonne, utilisez la ligne « Ajouter en dessous » en bas de cette colonne : « Nouvelle » y crée une section, « Déplacer ici » y amène une section déjà présente. Glisser une section au milieu d'une ligne d'un bloc complet produit le même résultat.

  6. 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 section en haut de la colonne de gauche fait de même, puisqu'elle emmène la ligne avec elle.

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

  8. Quand une colonne est plus courte que l'autre, sélectionnez la section en haut de celle-ci 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, et toute la colonne se déplace quel que soit le nombre de sections qu'elle contient : un teaser court peut ainsi démarrer en haut d'un long programme au lieu de flotter en son milieu.

  9. Pour donner plus de place à une colonne, sélectionnez n'importe quelle section de la ligne et choisissez « Largeur des colonnes », sous « Ligne » : 50/50 (par défaut), 60/40 ou 40/60, en commençant par la colonne de gauche. Les bords de la ligne ne bougent pas, seule la répartition entre les deux colonnes change.

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 colonnes au maximum, mais chacune contient autant de sections que vous voulez. Dans une colonne, les flèches de déplacement du canevas réordonnent les sections entre elles.
  • La ligne forme une seule bande : le fond provient de la section en haut de la première colonne, aucune autre section de la ligne n'affiche donc 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.

Connectez-vous pour demander à l’IA Écrire au support

Cet article vous a-t-il aidé ?