[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"ls-connection":3,"support-article-design-apercu-en-taille-reelle":5},{"connected":4},false,{"article":6,"related":29,"neighbors":103,"alternates":152},{"feature":7,"category":8,"locale":9,"slug":10,"title":11,"lede":12,"purpose":13,"steps":15,"notes":24,"generatedFrom":27,"updated":28},"full-preview","design","fr","apercu-en-taille-reelle","Voir la page en taille réelle","Affichez la page sur tout l'écran, à la taille où les visiteurs la lisent, sans quitter l'étape Design.",[14],"Le canevas du Design partage l'écran avec le panneau des sections : il montre donc votre page plus étroite qu'une fois publiée. « Aperçu en taille réelle » ouvre la même page sur tout l'écran et la fait défiler de haut en bas, la façon la plus honnête de juger un design avant de passer à la suite.",[16,19,22],{"text":17,"image":18},"À l'étape 3 · Design, repérez le bouton « Aperçu en taille réelle » en haut du canevas, à droite du choix de l'appareil.","\u002Fsupport\u002Ffull-preview\u002Ffr\u002Fstep-1.webp",{"text":20,"image":21},"Cliquez dessus. La page occupe l'écran à sa largeur réelle et défile sur toute sa hauteur, exactement comme dans le navigateur d'un visiteur de cette taille.","\u002Fsupport\u002Ffull-preview\u002Ffr\u002Fstep-2.webp",{"text":23},"Fermez-la avec la croix en haut à droite, ou Échap. Vous revenez à l'étape Design, avec la même section sélectionnée.",[25,26],"L'aperçu montre la page, il ne la modifie pas : pour changer quelque chose, fermez-le et modifiez sur le canevas.","Pour un canevas plus large tout en continuant à modifier, le bouton juste avant, à côté du choix de l'appareil, replie le panneau des sections (« Masquer le panneau pour un aperçu pleine largeur »). Sélectionner une section sur le canevas le déplie à nouveau, et ce choix est mémorisé dans ce navigateur.","design\u002FCanvasFullPreview.vue · design\u002FSectionPanelToggle.vue · PageEditor.vue · i18n wizard.editor.fullPreview* \u002F wizard.editor.hidePanel","23 septembre 2026",[30,50,69],{"feature":31,"category":8,"locale":9,"slug":32,"title":33,"lede":34,"purpose":35,"steps":37,"notes":45,"updated":49},"design-chooser","choisir-un-design","Choisir un design de départ","Partez d'un template, d'une page vierge ou laissez l'IA créer le design.",[36],"À l'étape Design, Venue vous laisse choisir votre point de départ. Le contenu et les champs de l'événement importé sont appliqués automatiquement quel que soit le choix, seul le design change.",[38,41],{"text":39,"image":40},"À l'étape 3 · Design, cliquez sur « Changer de design » en bas de l'éditeur pour rouvrir le sélecteur de point de départ.","\u002Fsupport\u002Fdesign-chooser\u002Ffr\u002Fstep-1.webp",{"text":42,"image":43,"caption":44},"Choisissez parmi quatre options : un template (Starter Venue ou vos modèles), une page vierge à construire section par section, ou une génération par IA, en sections éditables, ou en design pleine page.","\u002Fsupport\u002Fdesign-chooser\u002Ffr\u002Fstep-2.webp","« IA, design complet » produit une page non modifiable par section ; « IA, sections éditables » reste ajustable.",[46,47,48],"Vous pouvez changer de design à tout moment tant que la page n'est pas publiée. Le contenu importé est reporté.","L'option « Utiliser un template » est détaillée dans le guide « Utiliser un modèle ».","La génération par IA nécessite que la fonctionnalité soit activée sur votre espace.","9 septembre 2026",{"feature":51,"category":8,"locale":9,"slug":52,"title":53,"lede":54,"purpose":55,"steps":57,"notes":64,"updated":49},"design-sections","sections","Ajouter et réorganiser les sections","Composez la page bloc par bloc : ajoutez, réordonnez et retirez des sections.",[56],"Une page Venue est une pile de sections (en-tête, formulaire, texte, médias…). Le panneau de droite de l'étape Design vous laisse en ajouter, les réordonner par glisser-déposer, et les retirer, sauf le formulaire d'inscription, obligatoire.",[58,61],{"text":59,"image":60},"À l'étape 3 · Design, le panneau de droite liste les sections de la page. Le formulaire d'inscription est marqué « Obligatoire » et ne peut pas être supprimé.","\u002Fsupport\u002Fdesign-sections\u002Ffr\u002Fstep-1.webp",{"text":62,"image":63},"Cliquez sur « Ajouter une section » pour insérer un nouveau bloc, puis réorganisez les sections par glisser-déposer dans ce panneau.","\u002Fsupport\u002Fdesign-sections\u002Ffr\u002Fstep-2.webp",[65,66,67,68],"L'ordre du panneau est l'ordre d'affichage de la page publiée.","Chaque section s'édite en cliquant dessus dans l'aperçu, titres, textes et médias en place.","Le formulaire d'inscription reste toujours présent : c'est le cœur d'une page d'inscription.","Deux sections peuvent partager une même ligne au lieu de s'empiler. Voir « Placer deux sections côte à côte ».",{"feature":70,"category":8,"locale":9,"slug":71,"title":72,"lede":73,"purpose":74,"steps":77,"notes":96,"generatedFrom":102,"updated":28},"page-columns","lignes-a-deux-colonnes","Placer deux sections côte à côte","Réunissez deux sections sur une ligne à deux colonnes, en les glissant dans un bloc de la liste des sections.",[75,76],"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\u002F50, et les deux colonnes s'empilent à nouveau sur écran étroit. Il n'y a rien à concevoir deux fois.",[78,82,84,86,88,90,93],{"text":79,"image":80,"caption":81},"À 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.","\u002Fsupport\u002Fpage-columns\u002Ffr\u002Fstep-1.webp","Ici, Média et le formulaire d’inscription partagent déjà une ligne.",{"text":83},"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.",{"text":85},"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).",{"text":87},"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.",{"text":89},"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.",{"text":91,"image":92},"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.","\u002Fsupport\u002Fpage-columns\u002Ffr\u002Fstep-2.webp",{"text":94,"image":95},"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.","\u002Fsupport\u002Fpage-columns\u002Ffr\u002Fstep-3.webp",[97,98,99,100,101],"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\u002Fdroite 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.","SectionsPanel.vue (bloc deux colonnes, en-tête glisser \u002F intervertir \u002F séparer) · generated-page.ts (toRows\u002FnormalizeRows) · SectionRowAlignField.vue (rowAlign) · i18n wizard.layers.* \u002F wizard.propEditor.row",{"prev":104,"next":127},{"feature":105,"category":8,"locale":9,"slug":106,"title":107,"lede":108,"purpose":109,"steps":111,"notes":120,"generatedFrom":125,"updated":126},"logos-section","logos-partenaires","Afficher un mur de logos sponsors ou partenaires","Ajoutez une section « Sponsors et logos » : une rangée de logos, chacun pouvant renvoyer vers un lien.",[110],"Sponsors, partenaires, presse qui a parlé de vous, outils que vous présentez : un mur de logos est la preuve sociale dont une page d'événement a généralement besoin. Venue en fait une section, vous n'avez donc pas à la simuler avec une image.",[112,114,116,118],{"text":113},"À l'étape 3 · Design, cliquez sur « Ajouter une section » et choisissez « Sponsors et logos ».",{"text":115},"Dans le panneau de réglages de la section, donnez un titre à la bande si vous en voulez un (« Nos sponsors »), puis réglez la hauteur des logos, de S à XXL, pour qu'un sponsor principal puisse dépasser un mur de vingt logos.",{"text":117},"Sous « Logos », cliquez sur « Ajouter un logo », puis sur « Modifier le logo » sur la ligne : choisissez l'image dans votre bibliothèque (ou importez-en une), nommez-la, et donnez-lui éventuellement un lien.",{"text":119},"Glissez les lignes par leur poignée pour réordonner le mur, l'ordre du panneau est l'ordre d'affichage.",[121,122,123,124],"Le nom sert de texte alternatif à l'image : c'est ce qu'annonce un lecteur d'écran et ce que lisent les moteurs de recherche, renseignez-le même quand le logo paraît évident.","Un logo avec un lien s'ouvre dans un nouvel onglet ; sans lien, c'est simplement une image.","Une ligne de logo sans image est retirée de la page publiée : un emplacement vide est un emplacement inachevé, pas un espace à conserver.","Jusqu'à 24 logos par section. « Uniformiser les logos en une seule teinte » les passe tous en monochrome, la façon habituelle d'éviter que douze couleurs de marque ne concurrencent la vôtre.","SectionPropertyEditor.vue (logos) · SecLogos.vue · i18n wizard.propEditor.logos.*","3 août 2026",{"feature":128,"category":8,"locale":9,"slug":129,"title":130,"lede":131,"purpose":132,"steps":134,"notes":147,"generatedFrom":151,"updated":49},"cover-media","visuel-et-medias","Choisir une image de couverture et la recadrer","Ajoutez une couverture depuis votre bibliothèque ou les photos libres Pexels, puis réglez son point focal.",[133],"La couverture est l'image pleine largeur en haut de la page. C'est aussi elle qui sert d'aperçu lors du partage sur les réseaux sociaux. Vous la choisissez dans votre bibliothèque ou parmi les médias libres de Pexels, et vous décidez quelle partie de l'image reste visible une fois recadrée.",[135,138,141,144],{"text":136,"image":137},"À l'étape 3 · Design, cliquez sur l'en-tête (ou une section Couverture) dans l'aperçu : son panneau de réglages s'ouvre à droite.","\u002Fsupport\u002Fcover-media\u002Ffr\u002Fstep-1.webp",{"text":139,"image":140},"Sous « Couverture », restez sur l'onglet « Bibliothèque » pour choisir un média déjà enregistré, ou utilisez la tuile « + » pour en importer un nouveau.","\u002Fsupport\u002Fcover-media\u002Ffr\u002Fstep-2.webp",{"text":142,"image":143},"Passez sur l'onglet « Stock » pour rechercher des photos et vidéos libres de Pexels : filtrez par type de média, orientation et couleur, puis cliquez sur un résultat pour l'appliquer.","\u002Fsupport\u002Fcover-media\u002Ffr\u002Fstep-3.webp",{"text":145,"image":146},"Une fois une couverture choisie, utilisez « Position de la couverture » juste en dessous : faites glisser le repère vers le haut ou le bas pour choisir le cadrage, ou cliquez sur « Recentrer ». Vous pouvez aussi faire glisser le repère directement sur la couverture dans l'aperçu.","\u002Fsupport\u002Fcover-media\u002Ffr\u002Fstep-4.webp",[148,149,150],"La couverture sert aussi d'image de partage (aperçu sur les réseaux et moteurs de recherche), préférez une image nette et bien cadrée.","Le recadrage est vertical uniquement : la couverture est une bande large, le repère règle donc la hauteur visible (l'horizontale reste centrée).","Les médias Pexels sont ré-hébergés automatiquement et crédités à Pexels ; une couverture vidéo s'anime en boucle, sans son.","SectionPropertyEditor.vue · MediaSourcePicker.vue · StockMediaPicker.vue · CoverPositionPicker.vue \u002F CoverRepositionGrip.vue · i18n stockPhotos.* \u002F wizard.editor.coverPosition*",[153,155],{"hreflang":9,"path":154},"\u002Fsupport\u002Fdesign\u002Fapercu-en-taille-reelle",{"hreflang":156,"path":157},"en","\u002Fsupport\u002Fdesign\u002Ffull-size-preview",1790164944417]