Comment utiliser les sections dans l’éditeur de landing pages ?
Les sections sont un excellent moyen d’organiser le contenu de votre page. Vous pouvez considérer une section comme un conteneur qui regroupe des éléments. Lorsque vous regroupez des éléments tels que des boutons, des tags ou des images, vous pouvez les déplacer ou les supprimer d’un simple clic.
Les sections ont deux fonctions principales :
- Ils organisent les éléments en groupes logiques.
- Ils vous permettent de gérer votre contenu de manière simple.
La plupart de nos modèles de landing pages sont composés de sections. Vous pouvez également ajouter des sections supplémentaires à votre modèle.
Comment ajouter une section à votre landing page
- Dans l’éditeur de la landing page, cliquez sur le bouton Ajouter des éléments.
- Faites glisser et déposez l’élément Section sur votre page.
- Sélectionnez l’un des modèles de la bibliothèque de sections ou cliquez sur +Ajouter une section vierge pour l’utiliser.
Comment déplacer une section vers une autre partie de la page ?
- Survolez une partie vierge de la section que vous souhaitez déplacer pour voir apparaître une barre d’outils bleue sur la droite.
- Cliquez sur l’icône de déplacement et maintenez-la enfoncée, puis faites glisser votre section vers le haut ou vers le bas.
- Déposez-le à l’endroit où vous souhaitez le localiser.
Comment copier (dupliquer) une section dans la page
- Survolez une partie vierge de la section pour voir apparaître une barre d’outils bleue sur la droite.
- Cliquez sur l’icône de copie pour la dupliquer.
La section copiée sera ajoutée sous la section actuelle.
Comment supprimer une section
- Survolez une partie vierge de la section que vous souhaitez déplacer pour voir apparaître une barre d’outils bleue sur la droite.
- Cliquez sur l’icône de la corbeille pour la supprimer.
Comment enregistrer et réutiliser une section
- Survolez une partie vierge de la section que vous souhaitez enregistrer pour voir apparaître une barre d’outils bleue sur la droite.
- Cliquez sur l’icône du disque
- Ajoutez un nom et cliquez sur le bouton Enregistrer.
- Vous pouvez accéder à tous les blocs et sections enregistrés dans l’éditeur de landing pages, sous Ajouter des éléments > Mes blocs.
Étapes pour les anciennes landing pages
Comment travailler avec des sections ?
Pour ajouter une section supplémentaire, faites glisser son icône de la barre d’outils vers l’espace de travail.
Pour faciliter les choses, nous avons introduit une mise en évidence des sections. Chaque fois que vous déplacez une section, les sections voisines sont mises en évidence. La mise en surbrillance fonctionne également lorsque vous souhaitez placer un élément à l’intérieur d’une section.
Vous pouvez déplacer les sections vers le haut et vers le bas de la page. Vous pouvez le faire de deux manières :
- Utilisez les commandes de déplacement (elles deviennent visibles lorsque vous cliquez sur une zone de section non remplie).
- Cliquez sur une zone de section et faites-la glisser.
Vous pouvez également modifier la hauteur de chaque section. Pour ce faire, saisissez la commande située au bas de la section et déplacez-la vers le haut ou vers le bas.
Notez que cela fonctionne de la même manière pour toutes les sections, y compris celle qui se trouve tout en bas de votre page.
Comment dupliquer une section ?
Pour dupliquer une section, cliquez sur une zone vide de la section et cliquez sur + (icône de duplication) dans la barre d’outils située en haut de la section. La section copiée sera placée sous la section originale.
Comment créer un lien entre les sections ?
Vous pouvez utiliser des éléments cliquables (boutons, images et texte) pour créer des liens entre les sections. Ces éléments fonctionnent comme des liens d’ancrage. Ils amènent les visiteurs à un endroit précis de votre page d’atterrissage. Vous pouvez utiliser cette fonctionnalité, par exemple, pour lier un texte à un formulaire d’inscription situé au bas de votre page. Ou pour relier des boutons situés en bas de votre page à un formulaire situé en haut.
Créez un lien qui vous aide à diriger les visiteurs vers la partie la plus importante de votre landing page. Par exemple, reliez un bouton dans la dernière section à un formulaire d’inscription dans la première section. Vous facilitez ainsi l’inscription de vos visiteurs. Ils n’ont pas besoin de revenir en haut de la page pour chercher le formulaire.
Vous pouvez utiliser l’un de nos modèles, tels que Active Gym et Fitness Journey, qui incluent déjà des éléments liés (et il y en a d’autres à venir). Vous pouvez également sélectionner un autre modèle et choisir vos propres éléments. Ensuite, reliez-les de la manière qui vous convient le mieux. Pour ce faire, procédez comme suit
- Sélectionnez l’élément cliquable que vous souhaitez lier à votre formulaire et déposez-le dans une section.
- Double-cliquez sur l’élément pour ouvrir la barre d’édition.
3. Cliquez sur l’icône de lien dans la barre pour afficher les options.
4. Pour Type, sélectionnez Section. Sélectionnez ensuite la section vers laquelle vous souhaitez que l’élément soit lié (c’est la section dans laquelle se trouve votre formulaire).
5. Cliquez sur OK.
Vous pouvez maintenant publier ou continuer à modifier la landing page. Si vous déplacez des sections, les paramètres des éléments sont mis à jour de manière dynamique. Ils « réagissent » aux modifications que vous apportez et renvoient à la section qui se trouve à son nouvel emplacement. Cela signifie que le numéro de section dans l’éditeur de boutons change automatiquement. Vous n’avez pas besoin de revenir en arrière et de faire des modifications.
Lorsque vous publiez la page et que les visiteurs cliquent sur le bouton, la page défile jusqu’à la section qui contient le formulaire.
Remarque : cette fonction ne vous permet pas de passer d’une section à l’autre lorsque vous êtes encore dans l’éditeur. Pour la voir fonctionner, vous devez publier la page.
Puis-je utiliser des raccourcis clavier dans l’éditeur de landing pages ?
Il existe un certain nombre de raccourcis clavier pour Mac et PC que vous pouvez utiliser pour vous aider à terminer l’édition de la page d’atterrissage plus rapidement.
- appuyez sur CMD/CTRL+S pour enregistrer les modifications
- appuyez sur CMD/CTRL+D pour dupliquer un ou plusieurs éléments sélectionnés, ou une section
- appuyez sur CMD/CTRL+C pour copier un ou plusieurs éléments sélectionnés, ou une section
- appuyez sur CMD/CTRL+V pour coller un ou plusieurs éléments sélectionnés, ou une section
- appuyez sur CMD/CTRL + clic gauche de la souris pour sélectionner plusieurs éléments
- appuyez sur CMD/CTRL+Z pour annuler une action
- appuyez sur SHIFT+CMD/CTRL+Z pour refaire une action
- appuyer sur CMD/CTR+O – pour optimiser la disposition mobile (uniquement pour l’espace de travail mobile)
- appuyer sur les touches HAUT, BAS, GAUCHE, DROITE pour déplacer un élément sélectionné de 1 px
- appuyez sur SHIFT+Touche HAUT, BAS, GAUCHE, DROITE pour déplacer un élément sélectionné de 10 px
- appuyer sur BACKSPACE – supprimer un élément