Design Manager : modèles et catalogue de widgets
Dans le Design Manager, choisissez d’abord le design, puis l’en-tête, le corps ou le pied de page et le modèle approprié. Cette vue d’ensemble vous aide à trouver le bon emplacement pour un élément. Les widgets proposés dépendent également de la version Bootstrap et des plugins activés.
Tous les modèles par emplacement
| Zone / Modèle | Quand apparaît-elle ? | Guide approprié |
|---|---|---|
| En-tête | Navigation récurrente au-dessus du contenu. | En-tête et pied de page |
| Vue d’ensemble des offres | Catalogue, catégorie et résultat de recherche. | Vue d’ensemble des offres |
| Détails de l'offre | Offre individuelle avant l'inscription. | Détails de l'offre |
| Catégories de prix | Lorsque le processus de réservation nécessite une sélection de prix ou de nombre de personnes. | Étapes d'inscription facultatives |
| Prestations supplémentaires | Lorsque des prestations supplémentaires sont sélectionnées pour l’offre. | Étapes d'inscription facultatives |
| Dates | En cas de libre choix des dates. | Liste et calendrier des dates |
| Multi-offre | Lorsque la fonction multi-offres est activée et que la réservation s’y prête. | Créer une multi-offre |
| Formulaire du participant | Données personnelles et informations liées à l'inscription. | Formulaire du participant |
| Récapitulatif / Finaliser | Dernier contrôle et finalisation ferme. | Récapitulatif et paiement |
| Paiement | Lorsque le paiement et les paramètres prévoient le moyen de paiement. | Page de paiement |
| Page de finalisation | Après la réservation et comme base de la vue d’ensemble du compte des participants. | Page de finalisation |
| Vente de bons | Lors de l'achat d'un bon cadeau. | Vente de bons |
| Demandes : Accepter ou Refuser | Via un lien de décision de demande prévu. | Modèle de demande |
| Validation du certificat | Via le lien de certificat prévu. | Validation du certificat |
| Inscription à une place | Via une invitation pour une place collective initialement non nominative. | Inscription à une place |
| Zone d'attente | Avant le début de la réservation pour les offres configurées en conséquence ; Bootstrap 5.3. | Zone d'attente |
| Abonnements / Adhésions | Catalogue public avec le plugin d'abonnement actif. | Catalogue d’abonnements |
| Finalisation d’achat d’abonnement | Lors de l’achat d’une formule ou d’un pass avec le plugin d’abonnement actif. | Concevoir l’achat d’abonnement |
| Pied de page | Informations récurrentes et autres éléments communs. | En-tête et pied de page |
Trouver les widgets par fonction
| Tâche | Noms de widgets et variantes | À quoi faire attention ? |
|---|---|---|
| Rechercher des offres | Champ de recherche ; Filtre de tags ; Filtre des offres ; Légende pour le statut. | Placer également une présentation des offres. Les filtres n'accordent pas le droit de réservation. |
| Afficher les catégories | Liste des catégories ; Liste des catégories en colonnes ; Liste des catégories avec grandes images ; Vignettes de catégories. | Gérer les images et la structure réelle des catégories ; masquer ou afficher intentionnellement les catégories vides. |
| Afficher les offres | Liste des offres ; Tableau des offres ; Vignettes des offres ; Calendrier ; Google Maps / Carte avec marqueurs. | Chaque forme de présentation nécessite des données d'offre, de date ou de lieu appropriées. |
| Expliquer une offre | Nom de l’offre ; Image de l’offre ; Détails de l’offre ; Description ; Détails des formateurs ; Vue d’ensemble des séances/modules ; Google Maps ; Tableau des multi-offres. | L'image de l'offre nécessite Bootstrap 5.3. Publiez intentionnellement les valeurs de tags et les informations de contact. |
| Démarrer la réservation | Bouton d'inscription ; Bouton de demande dans le processus approprié. | Le statut de l'offre, la disponibilité des places et les règles d'inscription déterminent l'action possible. |
| Concevoir le formulaire | Champ de formulaire ; Photo du participant ; Adresse de facturation ; Connexion – Se connecter ; Catégories de prix ; Récapitulatif. | Connecter correctement les champs de données. La photo, le prix de l'abonnement et la connexion modifient différentes parties du processus. |
| Sélection dans le processus | Liste des catégories de prix ; Prestations supplémentaires ; Liste des dates ; Calendrier des dates ; Tableau des multi-offres. | La configuration de l'offre détermine quelles étapes sont réellement nécessaires. |
| Préparer la finalisation | Récapitulatif ; Tableau des participants ; Codes promotionnels ; Sélection d’abonnement ; Textes juridiques ; Protection contre les robots ; Bouton Finaliser. | Les nouveaux designs utilisent le récapitulatif et les textes juridiques actuels. La sélection d’abonnement nécessite le plugin actif et Bootstrap 5.3. |
| Payer | Tableau du contenu de la transaction ; Systèmes de paiement. | Les moyens de paiement doivent être activés sur le compte et autorisés pour la réservation. |
| Compte et finalisation | Merci beaucoup ; Message de succès de paiement ; Toutes les réservations ; Informations sur les participants ; Solde ; Mes abonnements / Mes adhésions. | Un message de succès de paiement confirme un paiement réussi. Les données du compte et de l'abonnement appartiennent à la personne connectée ; le compte utilise le modèle de finalisation du design standard du compte. |
| Vendre des abonnements | Vue d’ensemble du catalogue d’abonnements ; Liste du catalogue d’abonnements ; Récapitulatif de finalisation d’achat d’abonnement ; Actions de finalisation d’achat d’abonnement. | Liste du catalogue dans le modèle d’abonnement dédié ; vue d’ensemble du catalogue également dans la vue d’ensemble et les détails des offres. |
| Répondre à une demande | Boutons de demande ; Informations sur les participants ; Widgets d’offre et de récapitulatif appropriés. | Distinguer les personnes spécifiques de cette réservation de l'aperçu public des participants. |
| S’inscrire à une place réservée | Accueil de l’invitation ; Champ de formulaire ; Photo du participant et blocs de texte appropriés. | Utiliser un modèle dédié d’inscription à une place ; le prix, la facture et la connexion n’y sont pas choisis à nouveau. |
| Afficher la zone d'attente | Statut de la zone d'attente ; Informations de la zone d'attente ; Actions de la zone d'attente. | Uniquement avec Bootstrap 5.3. La position et la capacité sont dynamiques et ne constituent pas une promesse ferme de place. |
| Fournir un certificat | Certificat PDF ; Informations sur le certificat ; Certifications LinkedIn. | Utiliser uniquement des liens de certificat appropriés et des informations publiées intentionnellement. |
| Contenus communs | Menu de navigation ; Bloc de texte ; Widget de code dans le pied de page ; Bannière de cookies ; Bouton de vente de bons ; Vente de bons ; Bouton d'exercice du droit de rétractation. | La sélection de widgets dépend du modèle. Le code personnalisé nécessite sa propre vérification du consentement et de la fonctionnalité. |
| Éléments sociaux existants | Widget social ; Commentaires Facebook ; Fans Facebook. | Vérifier également la disponibilité du service externe et le consentement dans votre intégration réelle. |
| Anciens modèles de mise en page | Widgets distincts de CGV, de rétractation et de protection des données ; ancien récapitulatif ; ancien tableau de compte. | Les éléments existants peuvent rester visibles ; la sélection actuelle d’insertion propose des éléments modernes de remplacement. |
Pour les textes juridiques, placez un widget Textes juridiques par document nécessaire dans le récapitulatif ; guide : Intégration et justificatifs. Un bloc de texte seul ne fournit pas cette sélection de version ni cette confirmation obligatoire.
Vous pouvez proposer l'accès au formulaire de rétractation avec Bouton d'exercice du droit de rétractation ou l'option de rétractation dans le Menu de navigation. L'affichage de l'accès dépend également du lien de rétractation fourni et du contexte. Un bouton visible ne confirme pas encore une rétractation autorisée. Configuration et parcours du formulaire : Configurer et modifier la rétractation pour les participants.
Si un élément manque
- Vérifiez la zone de contenu et le modèle.
- Vérifiez la version Bootstrap du design sélectionné.
- Pour les éléments d’abonnement, vérifiez l’activation dans le Plugin Manager.
- Vérifiez si un élément prévu en un seul exemplaire existe déjà dans le même modèle.
- Ouvrez à nouveau le modèle approprié pour une nouvelle fonction et vérifiez l'aperçu public enregistré.
La sélection affiche uniquement les widgets disponibles dans le contexte. Les anciens widgets enregistrés visibles et les widgets pouvant être ajoutés ne constituent donc pas nécessairement la même liste.
Panier en tant que parcours de réservation supplémentaire
Le panier est une page système fournie par le processus de réservation et ne constitue pas un modèle de corps supplémentaire librement composable. Vous l’activez via Vue de réservation dans les paramètres du design ou ajoutez un accès via Proposer le panier dans le bouton de finalisation. L’interrupteur Afficher le panier dans la navigation configure le point d’entrée de navigation. Voir Panier et action de finalisation.
Pour les formulaires de recherche à plusieurs groupes, utilisez Filtres des offres avec plusieurs groupes de tags ; Filtre de tags propose une navigation plus simple via des liens de filtre préparés. Configuration : Configurer les filtres des offres.