Module complémentaire Elementor Shortcode Builder
L'extension Elementor Shortcode Builder vous permet de personnaliser vos shortcodes et de les placer où vous le souhaitez sur votre site web. Cette extension exceptionnelle vous aide à concevoir le site web idéal en quelques clics. Elle vous permet de créer des shortcodes en Elementor Éditeur en direct. L'ajout de ce widget à vos pages permet de prévisualiser les événements et d'insérer les codes courts dans les pages en un clin d'œil.
Exigences
MEC Lite/Pro
Dernière version
2.0.0
Dernière mise à jour
2025-12-21 15:28:13
Fonctionnalités du générateur de shortcode Elementor
Shortcode Builder est un excellent choix pour vous si vous souhaitez :
- Concevez vos propres codes courts,
- La vitesse est votre priorité,
- Créez rapidement des codes courts sur le front-end,
Préparation du générateur de shortcode Elementor
Installation
Tout d’abord, assurez-vous que les deux MEC (Modern Events Calendar) et le module complémentaire Elementor Shortcode Builder sont installés et activés.
Lire aussi:
Comment installer MEC et Addons ?Ajustement du type de publication du générateur de shortcode
Pour configurer Elementor avec le type de publication MEC Shortcode Builder, rendez-vous sur Elementor > Paramètres > Général et permettre la Shortcodes Type de poste.

Vous pouvez désormais définir différents modèles pour la page Shortcode Builder, puis les définir pour tous les Pages de codes courts ou seulement pour un certain.
Lire aussi:
Comment créer un Shortcode avancé ?Paramètres du générateur de shortcode Elementor
Pour personnaliser le shortcode à l'aide du module complémentaire Elementor Shortcode Builder, suivez ces étapes pour créer une nouvelle page sur votre site WordPress.
- Accédez aux pages :
- Dans le tableau de bord WordPress, cliquez sur «Pages» dans le menu de gauche.
- Ajouter une nouvelle page :
- Cliquez sur "Ajouter un nouveau" pour créer une nouvelle page.
- Titrez votre page :
- Donnez à votre page un titre approprié, tel que « Événements » ou tout autre titre qui reflète l'objectif de la page.
- Accédez à la page d'édition d'Elementor :
- Maintenant, enregistrez la page et appuyez sur le bouton «Modifier avec Elementor"Bouton.

Modification du shortcode
Votre nouvelle page est désormais prête à afficher des codes courts personnalisés. Les visiteurs peuvent y accéder et visualiser les événements avec les styles et configurations que vous avez créés à l'aide de l'outil Module complémentaire Elementor Shortcode Designer.
Faites glisser le Widget de création de codes courts MEC dans la zone d'édition d'Elementor pour personnaliser vos codes courts.

Après avoir traîné dans le Widget de création de codes courts MEC, vous aurez différentes options avec lesquelles travailler.

Options d'affichage
Depuis cette section, vous pouvez personnaliser le shortcode et y afficher l'élément de votre choix. Vous pouvez personnaliser toutes les options de votre page d'édition de shortcode grâce à Module complémentaire Elementor Shortcode Builder.

Formulaire de recherche
Vous pouvez activer le Formulaire de recherche pour ce shortcode et disposent de diverses options pour rechercher des événements, tels que Catégories, Organisateurs, Conférenciers, Tags, Etiquettes, Coût , Emplacements, etc.

Options de filtrage
Dans les options de filtrage, vous pouvez inclure ou exclure une taxonomie spécifique de votre shortcode. Il est également possible de filtrer les occurrences et les événements expirés ou en cours.

Vous pouvez personnaliser le shortcode et l'enregistrer en tant que modèle. Ensuite, vous pouvez l'utiliser sur n'importe quelle page.
Styliser le shortcode
Pour styliser le shortcode afin qu'il corresponde à la palette de couleurs de votre site Web, accédez à l' Onglet Style, et là, vous aurez la possibilité de modifier chaque élément individuellement.


Note: N'utilisez pas le widget Shortcode d'Elementor ; utilisez plutôt le Widget de création de codes courts MEC.
Après avoir personnalisé le shortcode, cliquez sur Mise à jour pour enregistrer les modifications. Accédez ensuite à la page contenant le shortcode pour voir les mises à jour.

Note: Si vous obtenez une erreur lorsque j'essaie d'accéder à l'éditeur d'Element ou :

Allez dans Tableau de bord WordPress > Paramètres > Lien permanent et définissez les permaliens de votre site Web sur le Après le nom. Par la suite, l'éditeur deviendra fonctionnel.
QFP
1 : Comment installer et activer le module complémentaire Elementor Shortcode Builder ?
Pour installer le module complémentaire MEC Elementor Shortcode Builder, assurez-vous d'abord que les deux Modern Events Calendar Les plugins (MEC) et Elementor sont installés et actifs. Installez ensuite l'extension en téléchargeant le fichier ZIP de l'extension. Une fois installée, activez l'extension depuis le tableau de bord WordPress, dans la section « Extensions ».
2 : Comment puis-je activer le type de publication Shortcodes dans Elementor ?
Accédez à Elementor > Paramètres > Général dans votre tableau de bord WordPress. Activez le type de publication « Codes courts » pour permettre à Elementor de fonctionner parfaitement avec les codes courts MEC.
3 : Quelles étapes dois-je suivre pour créer un shortcode d'événement personnalisé à l'aide du module complémentaire ?
Après avoir activé l'extension et le type de publication « Codes courts », créez une page ou un article et cliquez sur « Modifier avec Elementor ». Dans l'éditeur Elementor, faites glisser le widget MEC Shortcode Builder dans votre mise en page. Vous pourrez ensuite personnaliser les paramètres et le design du code court selon vos besoins.
4 : Puis-je prévisualiser mes codes courts d’événement tout en les personnalisant dans Elementor ?
Oui, cet add-on vous permet de visualiser les modifications en direct dans l'éditeur Elementor, offrant un aperçu en temps réel de la façon dont vos événements apparaîtront sur le site.
5 : Est-il possible d’ajouter une barre de recherche à mes codes courts d’événements ?
Absolument. Vous pouvez activer la barre de recherche dans différents shortcodes et ajouter des champs de recherche pour améliorer la navigation. Cela est possible via le formulaire de recherche.
6 : Comment gérer la typographie et les styles des codes courts de mes événements ?
L'addon fournit des options pour gérer la typographie et appliquer des styles personnalisés aux éléments de shortcode, via l'onglet style d'Elementor.
7 : Existe-t-il des limites quant au nombre de codes courts que je peux créer avec ce module complémentaire ?
Non, vous pouvez créer et utiliser un nombre illimité de codes courts sans aucune limitation.
8 : Que dois-je faire si je rencontre des erreurs lors de l'accès à l'éditeur d'Elementor après l'installation du module complémentaire ?
Pour résoudre ce problème, accédez à la page des paramètres de permaliens de WordPress et cliquez sur le bouton « Enregistrer les modifications » sans effectuer d'autres modifications. Cela résout le problème que vous rencontrez. Ce problème survient car Elementor doit réaffecter les permaliens. Un nouvel enregistrement régénèrera les URL correctement.
9 : Puis-je contrôler les éléments qui apparaissent dans les codes courts de mon événement ?
Oui, l'addon vous permet d'activer ou de désactiver divers éléments de shortcode, vous donnant le contrôle sur les informations affichées à vos utilisateurs.
10 : Quelle est la configuration système requise pour utiliser le module complémentaire MEC Elementor Shortcode Builder ?
Le module complémentaire MEC Elementor Shortcode Builder nécessite le Modern Events Calendar plugin (version 6.0 ou supérieure) et Elementor (version 3.0 ou supérieure). Vous devez également disposer d'un site WordPress exécutant au moins PHP 7.4 et WordPress 5.0.
11 : Puis-je utiliser le module complémentaire Elementor Shortcode Builder avec la version gratuite de MEC ?
Oui, vous pouvez utiliser cet addon avec la version gratuite de MEC, appelée MEC Lite.
12 : Comment puis-je afficher des événements de catégories spécifiques à l'aide du module complémentaire ?
Dans le widget Générateur de shortcodes Elementor, vous pouvez sélectionner des catégories d'événements spécifiques à afficher. Utilisez les paramètres de filtre de catégorie pour inclure ou exclure des événements en fonction des catégories qui leur sont attribuées.
13 : Comment puis-je personnaliser la mise en page de mes codes courts d’événement ?
L'extension propose plusieurs options de mise en page pour les shortcodes d'événements, comme les vues grille, liste et calendrier. Vous pouvez choisir et personnaliser ces mises en page directement dans l'éditeur Elementor pour les adapter au design de votre site web.
Signaler un contenu obsolète
Si vous pensez que le contenu de cette page ne reflète pas les informations mises à jour, veuillez nous en informer.