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.

Configuration initiale et exigences

Avant de commencer, assurez-vous que votre environnement répond aux exigences suivantes :

• Version MEC : 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 les codes courts MEC, 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 widget MEC Shortcode Builder.

5. Glissez le widget MEC Shortcode Builder dans votre mise en page. N’utilisez pas le widget « Shortcode » standard d’Elementor.

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 mise en page de base : Si les modèles de shortcode MEC par défaut vous conviennent, 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.

• Widget incorrect ? Vérifiez que vous utilisez bien le widget MEC Shortcode Builder et non l’outil de shortcode par défaut d’Elementor, car ce dernier n’affichera pas les paramètres personnalisés de MEC.

QFP