Elementor Shortcode Builder Addon
Le Elementor Shortcode Builder Addon est un outil de conception puissant qui vous permet de personnaliser vos codes courts d'événements et de les placer n'importe où sur votre site web grâce à une interface intuitive de type glisser-déposer. Il élimine le besoin de code manuel en activant… Elementor Éditeur en direct pour prévisualiser les événements et les mises en page en temps réel.
Exigences
MEC Lite/Pro
Dernière version
2.1.0
Dernière mise à jour
2026-08-03 15:28:13
Shortcode Builder vs. Shortcode Designer
MEC has two Elementor addons with similar names. Use this table to check you are reading the right guide.
| Shortcode Builder (this guide) | Concepteur de codes courts | |
|---|---|---|
| Ce qu'il fait | Personnalise MEC shortcodes and places them anywhere on your site with a live Elementor preview | Creates fully custom event layouts with dedicated Elementor widgets |
| Where you build | A regular WordPress page edited with Elementor | Tableau de bord WordPress > MEC Concepteur > Ajouter |
| Post type to enable in Elementor > Settings | Shortcodes | MEC Créateur |
| Extra server setting | Aucun | allow_url_fopen activé |
| Exigences | MEC Lite or Pro 6.0+, Elementor 3.0+, WordPress 5.0+, PHP 7.4+ | |
Configuration initiale et exigences
Avant de commencer, assurez-vous que votre environnement répond aux exigences suivantes :
• MEC Version: Modern Events Calendar (Lite ou Pro) version 6.0 ou supérieure.
• Version d'Elementor : Elementor version 3.0 ou supérieure.
• Configuration système requise : WordPress 5.0+ et PHP 7.4 ou supérieur.
Ajustement du type de publication du générateur de shortcode
Pour permettre à Elementor de reconnaître MEC Pour les shortcodes, vous devez activer le type de publication approprié :
1. Accédez à Elementor > Paramètres > Général.
2. Repérez la section Types de publications et cochez la case Codes courts.
3. Cliquez sur Enregistrer les modifications.
Conseil de pro : Si vous rencontrez des erreurs d’accès à l’éditeur Elementor, rendez-vous dans le tableau de bord WordPress > Réglages > Permaliens et cliquez sur Enregistrer les modifications (en utilisant le paramètre Nom de l’article ) pour régénérer les URL de votre site.
Création de votre code court personnalisé
Pour concevoir un shortcode en utilisant le Elementor Shortcode Builder Pour installer l'extension, vous devez d'abord créer une page dédiée pour héberger le générateur.
1. Accédez à Pages > Ajouter dans votre tableau de bord WordPress.
2. Indiquez un titre (par exemple, « Affichage d’événement personnalisé ») et cliquez sur Enregistrer/Publier.
3. Cliquez sur le bouton Modifier avec Elementor pour accéder à l'éditeur en direct.
4. Dans le panneau des widgets Elementor, recherchez le MEC Widget de création de shortcode.
5. Faites glisser le MEC Widget de création de shortcode dans votre mise en page. Faites-le pas Utilisez le widget standard « Shortcode » d'Elementor.
Lire aussi:
Comment créer un Shortcode avancé ?Configuration du widget de code court
Une fois le widget placé, vous pouvez utiliser le panneau de gauche pour personnaliser l'affichage de vos événements.
Options d'affichage
Cette section vous permet d'activer ou de désactiver des éléments spécifiques, vous offrant ainsi un contrôle total sur les informations affichées à vos utilisateurs. Vous pouvez personnaliser toutes les options généralement présentes sur la page d'édition standard des codes courts.
Formulaire de recherche
Activez le formulaire de recherche pour permettre aux visiteurs de filtrer les événements directement sur la page. Vous pouvez ajouter des champs de recherche pour :
• Catégories, organisateurs et intervenants.
• Étiquettes et marquages.
• Coûts et lieux des événements, etc.
Options de filtrage
Utilisez ces paramètres pour affiner la sélection des événements affichés :
• Filtrage taxonomique : Inclure ou exclure des catégories ou des étiquettes spécifiques.
• Filtrage des occurrences : filtrez les événements expirés, en cours ou à venir.
Personnalisation et style
Le Elementor Shortcode Builder l'extension fournit deep Intégration avec les outils de style d'Elementor pour garantir que vos événements correspondent à votre identité de marque.
• Onglet Style : Accédez à l’ onglet Style dans les paramètres du widget pour modifier séparément la typographie, les couleurs et l’espacement de chaque élément.
• Sélection de la mise en page : Choisissez parmi différents formats de mise en page, tels que les vues Grille, Liste ou Calendrier , etc., directement dans l’éditeur.
• Aperçu en temps réel : toutes les modifications apportées dans la barre latérale apparaîtront instantanément dans la zone d’édition, vous permettant de voir exactement à quoi ressemblera le code court final.
Cas d'utilisation (Quand ce module complémentaire est utile)
• Conception de mises en page personnalisées pour la marque : Idéal pour les utilisateurs qui souhaitent que leurs listes d’événements correspondent à une palette de couleurs et à une typographie spécifiques à leur site web, sans avoir à écrire de CSS.
• Édition rapide en front-end : Idéal pour les concepteurs qui préfèrent créer des mises en page visuellement en front-end plutôt que de naviguer dans les menus du back-end.
• Filtrage avancé des événements : utile pour les sites proposant des centaines d’événements où les utilisateurs ont besoin de barres de recherche spécifiques (par exemple, recherche par intervenant ou par coût).
Situations dans lesquelles ce module complémentaire peut ne pas être idéal
• Sites non Elementor : cette extension est spécifiquement conçue pour Elementor et ne fonctionnera pas avec d’autres constructeurs de pages comme Divi ou Beaver Builder.
• Besoins de base en matière de mise en page : Si vous êtes satisfait de la configuration par défaut MEC Avec les modèles de shortcode, la couche supplémentaire du générateur n'est peut-être pas nécessaire.
• Limitations système strictes : les sites fonctionnant avec des versions obsolètes de PHP (inférieures à 7.4) ou de WordPress (inférieures à 5.0) ne prendront pas en charge cette extension.
Dépannage pour les débutants
• Le widget n'apparaît pas ? Assurez-vous d'avoir activé Shortcodes type de publication Elementor > Paramètres > Général.
• Vos modifications ne sont pas enregistrées ? Cliquez toujours sur le bouton « Mettre à jour » dans la barre latérale d’Elementor avant de quitter pour vous assurer que vos configurations sont appliquées.
• Erreur de chargement de l'éditeur ? Il s'agit souvent d'un problème de lien permanent. Accédez à Paramètres > Liens permanents et cliquez sur Enregistrer les modifications pour actualiser la structure des liens de votre site.
• Mauvais widget ? Vérifiez que vous utilisez le MEC Constructeur de Shortcode Utilisez le widget et non l'outil de shortcode par défaut d'Elementor, car ce dernier n'affichera pas le widget personnalisé. MEC paramètres.
QFP
Comment installer et activer le Elementor Shortcode Builder Ajouter sur?
Pour installer le MEC Elementor Shortcode Builder Module complémentaire, assurez-vous d'abord que les deux Modern Events Calendar (MECLe plugin et le plugin Elementor sont installés et actifs. Installez ensuite l'extension en téléchargeant le fichier ZIP du plugin. Une fois installée, activez l'extension depuis le tableau de bord WordPress, dans la section Extensions.
Comment activer le type de publication Shortcodes dans Elementor ?
Dans votre tableau de bord WordPress, accédez à Elementor > Réglages > Général. Activez ensuite le type de publication « Shortcodes » pour permettre à Elementor de fonctionner correctement avec MEC shortcodes.
Quelles sont les étapes à suivre pour créer un shortcode d'événement personnalisé à l'aide de l'extension ?
Après avoir vérifié que l'extension est activée et que le type de publication « Shortcodes » est activé, créez une nouvelle page ou un nouvel article et cliquez sur « Modifier avec Elementor ». Dans l'éditeur Elementor, faites glisser le MEC Intégrez le widget Shortcode Builder à votre mise en page. Vous pourrez ensuite personnaliser les paramètres et le design du shortcode selon vos besoins.
Puis-je prévisualiser mes codes courts d'événements pendant leur personnalisation 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.
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.
Comment gérer la typographie et les styles de mes codes courts d'é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.
Existe-t-il des limites quant au nombre de codes courts que je peux créer avec cette extension ?
Non, vous pouvez créer et utiliser un nombre illimité de codes courts sans aucune limitation.
Que dois-je faire si je rencontre des erreurs d'accès à l'éditeur d'Elementor après avoir installé l'extension ?
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.
Puis-je contrôler les éléments qui apparaissent dans mes codes courts d'événements ?
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.
Quelles sont les exigences système pour utiliser le MEC Elementor Shortcode Builder Ajouter sur?
Le MEC Elementor Shortcode Builder L'extension nécessite 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.
Puis-je utiliser le Elementor Shortcode Builder Module complémentaire avec la version gratuite de MEC?
Oui, vous pouvez utiliser ce module complémentaire avec la version gratuite de MEC, appelée MEC Lite.
Comment puis-je afficher les événements de catégories spécifiques à l'aide de l'extension ?
Dans l' Elementor Shortcode Builder Dans ce widget, vous pouvez sélectionner les catégories d'événements à afficher. Utilisez les paramètres de filtre par catégorie pour inclure ou exclure des événements en fonction de leur catégorie.
Comment puis-je personnaliser la mise en page de mes codes courts d'événements ?
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.