Cette recette montre comment utiliser le contenu flexible pour donner aux gestionnaires de contenu le pouvoir de créer des pages de destination personnalisées en choisissant, ordonnant et remplissant des sections pré-conçues.
Étape 1 : Créer le groupe de champs de contenu flexible
- Allez dans Field Forge > Nouveau groupe de champs
- Intitulez-le Constructeur de pages de destination
- Ajoutez un champ Contenu flexible (PRO) étiqueté Sections de page avec le nom
page_sections
- Définissez l’étiquette du bouton sur Ajouter une section (cela personnalise le texte du bouton que les éditeurs voient)
Étape 2 : Définir les mises en page
Ajoutez les mises en page suivantes au champ de contenu flexible :
Mise en page 1 : Section Héros
| Sous-champ | Type | Paramètres |
|---|
| Titre | Texte | Obligatoire : Oui, Espace réservé : “Votre titre principal ici” |
| Sous-titre | Zone de texte | Lignes : 2 |
| Image de fond | Image | Obligatoire : Oui, Instructions : “Utilisez 1920×1080 minimum” |
| Texte du bouton | Texte | Par défaut : “Commencer” |
| URL du bouton | URL | Obligatoire : Oui |
| Style du bouton | Groupe de boutons | Choix : Primaire, Secondaire, Contour |
| Sous-champ | Type | Paramètres |
|---|
| Titre de section | Texte | Espace réservé : “Pourquoi nous choisir” |
| Sous-titre de section | Zone de texte | Lignes : 2 |
| Fonctionnalités | Répéteur | Sous-champs : Icône (Image), Titre (Texte, Obligatoire), Description (Zone de texte) |
| Colonnes | Groupe de boutons | Choix : 2 Colonnes, 3 Colonnes, 4 Colonnes |
| Sous-champ | Type | Paramètres |
|---|
| Titre de section | Texte | Par défaut : “Ce que disent nos clients” |
| Témoignages | Répéteur | Sous-champs : Citation (Zone de texte, Obligatoire), Nom de l’auteur (Texte), Photo de l’auteur (Image), Entreprise (Texte), Évaluation (Nombre, Min : 1, Max : 5) |
| Style d’affichage | Groupe de boutons | Choix : Carrousel, Grille, Empilé |
| Sous-champ | Type | Paramètres |
|---|
| Titre | Texte | Obligatoire : Oui |
| Description | Zone de texte | Lignes : 3 |
| Texte du bouton | Texte | Par défaut : “Commencer maintenant” |
| URL du bouton | URL | Obligatoire : Oui |
| Couleur de fond | Sélecteur de couleur | Par défaut : #1a73e8 |
| Couleur du texte | Sélecteur de couleur | Par défaut : #ffffff |
| Sous-champ | Type | Paramètres |
|---|
| Titre de section | Texte | Par défaut : “Questions Fréquemment Posées” |
| Questions | Répéteur | Sous-champs : Question (Texte, Obligatoire), Réponse (Zone de texte, Obligatoire) |
| Style d’affichage | Groupe de boutons | Choix : Accordéon, Deux colonnes, Empilé |
| Sous-champ | Type | Paramètres |
|---|
| Titre de section | Texte | Par défaut : “Choisissez votre plan” |
| Plans | Répéteur | Sous-champs : Nom du plan (Texte, Obligatoire), Prix (Texte), Période de facturation (Sélection : Mensuel/Annuel), Fonctionnalités (Zone de texte), Texte du bouton (Texte), URL du bouton (URL), Mis en avant (Vrai/Faux) |
| Afficher le basculement | Vrai/Faux | Étiquette : “Afficher le basculement mensuel/annuel” |
Étape 3 : Définir les règles de localisation
- Définir : Le modèle de page est égal à Page de destination (vous avez besoin d’un modèle de page de destination dans votre thème)
- Alternativement, ciblez une page ou un type de publication spécifique
- Enregistrez le groupe de champs
Étape 4 : Comment les gestionnaires de contenu construisent une page de destination
- Créez une nouvelle page et sélectionnez le modèle “Page de destination”
- Faites défiler jusqu’à la métabox “Constructeur de pages de destination”
- Cliquez sur Ajouter une section et choisissez Section Héros
- Entrez le titre, le sous-titre, téléchargez une image de fond et définissez le texte et le lien du bouton
- Cliquez à nouveau sur Ajouter une section, choisissez Grille de fonctionnalités
- Ajoutez un titre de section et créez des éléments de fonctionnalité avec des icônes, des titres et des descriptions
- Choisissez le nombre de colonnes (3 est le plus courant)
- Continuez à ajouter des sections : Témoignages, Tableau des prix, Section FAQ, Appel à l’action
- Faites glisser les sections pour réorganiser — typiquement : Héros en haut, CTA en bas, contenu de soutien entre les deux
- Cliquez sur Publier ou Mettre à jour
Conseils pour des pages de destination efficaces
- Commencez par un Héros : Chaque page de destination devrait commencer par un titre clair et un bouton d’appel à l’action fort
- Limitez à 4-6 sections : Trop de sections créent une page longue et peu ciblée. Chaque section doit avoir un but
- Preuve sociale tôt : Placez des témoignages ou une section de statistiques près du haut pour établir la confiance avant de demander une action
- Un CTA principal : La page doit guider les visiteurs vers une seule action principale. Utilisez la même URL de bouton dans les sections Héros et CTA
- Terminez par un CTA : Fermez toujours la page avec une section d’appel à l’action afin que les visiteurs qui ont fait défiler toute la page aient une étape suivante claire
- Testez sur mobile : Demandez à votre développeur de vérifier que la mise en page est bonne sur les téléphones. La plupart du trafic des pages de destination provient des appareils mobiles
—