Voulez-vous autoriser les utilisateurs à soumettre des événements de calendrier sur votre site Web WordPress ?
L’ajout d’événements soumis par les utilisateurs est un excellent moyen de créer une communauté et de stimuler l’engagement sur votre site Web.
Dans cet article, nous allons vous montrer comment créer un calendrier d’événements soumis par l’utilisateur dans WordPress sans donner aux visiteurs l’accès à votre zone d’administration.
Pourquoi créer un calendrier d’événements soumis par l’utilisateur ?
Le crowdsourcing d’événements pour votre calendrier WordPress est un excellent moyen de créer une communauté, d’attirer de nouveaux visiteurs et de tenir votre calendrier à jour avec les derniers événements. Cela permet également de gagner du temps puisque vous n’avez pas à rechercher sur Internet les événements à venir.
Lorsque les membres de votre communauté peuvent ajouter des événements à votre calendrier, ils bénéficient d’une promotion gratuite pour leurs événements, et les visiteurs de votre site Web et les autres membres de la communauté peuvent facilement en savoir plus sur les événements qui se déroulent dans leur région.
Par exemple, supposons que vous gérez un site Web d’association caritative ou à but non lucratif. Vous pouvez autoriser les membres à ajouter différentes collectes de fonds, séminaires et autres événements caritatifs au calendrier de votre site.
Le problème est que WordPress ne permet pas aux utilisateurs de soumettre des événements de calendrier ou de télécharger des fichiers sur le front-end par défaut. Vous devrez créer un compte pour chaque utilisateur et autoriser l’accès à la zone d’administration. Cette méthode prend du temps et peut être risquée.
Heureusement, il existe un moyen plus simple. Voyons comment vous pouvez laisser les gens ajouter des événements de calendrier dans WordPress.
Création d’un calendrier d’événements soumis par l’utilisateur dans WordPress
La meilleure façon de permettre aux utilisateurs d’ajouter des événements de calendrier sans leur donner accès à votre panneau d’administration WordPress est d’utiliser WPForms. C’est le meilleur plugin de formulaire de contact pour WordPress et est approuvé par plus de 5 millions d’entreprises.
Le plug-in vous permet de créer un formulaire de téléchargement de fichiers et propose un module complémentaire Post Submissions qui vous permet d’accepter des listes d’événements, des PDF, des articles, des citations et d’autres contenus sur le front-end de votre site Web.
Noter: Vous aurez besoin du Version WPForms Pro car il inclut l’addon Post Submission, des intégrations premium et d’autres fonctionnalités de personnalisation.
Tout d’abord, vous devrez installer et activer le plugin WPForms. Si vous avez besoin d’aide, veuillez consulter notre guide sur la façon d’installer un plugin WordPress.
Lors de l’activation, rendez-vous simplement sur WPForms » Paramètres depuis votre tableau de bord WordPress et entrez votre clé de licence. Vous pouvez trouver la clé de licence dans la zone de compte WPForms.
Ensuite, cliquez sur le bouton « Vérifier la clé » pour continuer.
Après avoir vérifié la clé de licence, vous devrez vous rendre sur WPForms » Modules complémentaires puis faites défiler jusqu’à l’addon Post Submissions.
Allez-y et cliquez sur le bouton « Installer le module complémentaire ».
Une fois l’addon installé, vous remarquerez que le statut passe de « Non installé » à « Actif ».
Configuration du plug-in de calendrier des événements
Ensuite, vous aurez besoin d’un plugin de calendrier d’événements WordPress pour créer un calendrier d’événements sur votre site Web.
Nous utiliserons le plugin The Events Calendar pour notre tutoriel. C’est un puissant système de gestion d’événements pour WordPress et offre de nombreuses fonctionnalités. Vous pouvez facilement l’utiliser pour ajouter des événements et gérer les organisateurs et les lieux.
De plus, le calendrier des événements propose un version gratuite et s’intègre facilement à WPForms.
Tout d’abord, vous devrez installer et activer le plug-in The Event Calendar. Pour plus de détails, consultez notre guide sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous serez redirigé vers Événements » Paramètres dans le panneau d’administration WordPress. Le plugin vous demandera de rejoindre sa communauté. Vous pouvez simplement cliquer sur le bouton « Ignorer » pour l’instant.
Après cela, vous pouvez passer par différents paramètres pour votre calendrier d’événements.
Il existe des paramètres dans l’onglet « Général » pour modifier le nombre d’événements à afficher par page, activer l’éditeur de blocs pour les événements, afficher les commentaires, modifier le slug d’URL d’événement, etc.
Vous pouvez également définir les paramètres de fuseau horaire pour votre calendrier d’événements si vous faites défiler vers le bas. Le plugin vous permet d’utiliser le fuseau horaire de votre site partout ou de définir manuellement le fuseau horaire pour chaque événement.
Nous vous suggérons d’utiliser l’option « Utiliser partout le fuseau horaire du site ». Cela aidera à faire correspondre les heures des événements que les utilisateurs soumettent avec le fuseau horaire de votre site.
Lorsque vous avez effectué les modifications, cliquez sur le bouton « Enregistrer les modifications ».
Après cela, vous pouvez aller dans l’onglet « Affichage » et modifier l’apparence de votre calendrier d’événements.
Par exemple, il existe des options pour désactiver le style par défaut, choisir un modèle, activer les vues d’événements, etc.
Une fois que vous avez apporté les modifications, voyons comment vous pouvez créer un formulaire pour accepter les événements du calendrier.
Création d’un formulaire d’événements soumis par l’utilisateur
À l’étape suivante, vous devrez configurer un formulaire à l’aide de WPForms pour permettre aux utilisateurs de soumettre des événements.
Pour commencer, vous pouvez vous rendre sur WPForms » Ajouter un nouveau depuis votre tableau de bord WordPress. Cela lancera le générateur de formulaires par glisser-déposer.
Entrez simplement un nom pour votre formulaire en haut, puis sélectionnez le modèle « Formulaire de soumission d’article de blog ».
Nous utilisons ce modèle car lorsque vous utilisez le plug-in The Events Calendar, chaque événement est un type de publication personnalisé. À l’aide de WPForms, vous pouvez modifier le modèle de formulaire de soumission d’article de blog pour soumettre un type d’article personnalisé d’événement au lieu d’un article de blog ordinaire.
Ensuite, vous pouvez personnaliser votre formulaire de soumission de publication.
En utilisant le générateur de formulaires par glisser-déposer, WPForms vous permet d’ajouter différents champs de formulaire. Vous pouvez ajouter un menu déroulant, des cases à cocher, un numéro de téléphone, une adresse, une URL de site Web, etc.
De plus, il vous permet également de réorganiser l’ordre de chaque champ de formulaire et de supprimer les champs dont vous n’avez pas besoin.
Par exemple, nous allons ajouter les champs « Date/Heure » à notre modèle de formulaire pour afficher la « Date/Heure de début de l’événement » et la « Date/heure de fin de l’événement ».
Conseil de pro : Lorsque vous ajoutez le champ Date/Heure, assurez-vous de cocher la case « Désactiver les dates passées ». Vous pouvez trouver cette option sous l’onglet Options avancées.
Cela garantira que tous vos nouveaux événements auront une date ultérieure. Cela aide également à détecter les erreurs si quelqu’un entre accidentellement la mauvaise année.
Lors de la création de votre formulaire, vous pouvez renommer différents champs du formulaire. Pour ce faire, cliquez simplement dessus, puis modifiez le « Libellé » sous Options de champ dans le menu de gauche.
Pour notre didacticiel, nous avons changé l’étiquette du titre de l’article en titre de l’événement et de l’extrait de l’article en description de l’événement.
Après cela, vous devrez vous rendre au Paramètres » Publier des soumissions onglet dans le générateur de formulaire.
Maintenant, assurez-vous que l’option « Publier les soumissions » est activée.
En plus de cela, vous devrez faire correspondre les champs de votre formulaire avec les champs que le plug-in Calendrier des événements recherchera.
Par exemple, voici comment nous avons mappé nos champs de formulaire de démonstration :
- Titre du message au titre de l’événement
- Publier un extrait de la description de l’événement
- Publier l’image en vedette sur l’image en vedette
- Type de message aux événements
- Statut de publication à examen en attente
- Publier l’auteur sur l’utilisateur actuel
Le statut En attente de révision vous permet de modérer chaque soumission d’événement. De plus, si vous acceptez les paiements en ligne, vous pouvez vérifier si les paiements ont réussi avant d’approuver l’événement.
Ensuite, vous devrez également mapper la date/l’heure de début et de fin de l’événement. Pour cela, faites défiler jusqu’à la section « Custom Post Meta » et entrez un code pour mapper les champs respectifs dans votre formulaire.
Pour commencer, ajoutez _EventStartDate code et sélectionnez le champ de l’heure de début de votre événement (comme la date/heure de début de l’événement) dans le menu déroulant.
Cliquez ensuite sur le bouton « + » pour ajouter un autre méta de publication personnalisé et entrez le _EventEndDate code pour mapper le champ du formulaire de fin de l’événement (comme la date/heure de fin de l’événement).
Ensuite, vous pouvez également modifier d’autres paramètres de votre formulaire.
Si vous accédez à l’onglet « Confirmations », vous verrez les paramètres d’affichage de la page de remerciement qui apparaîtra lorsque les utilisateurs soumettront un événement de calendrier.
Vous pouvez afficher un message, une page ou rediriger les personnes vers une autre URL lorsqu’elles soumettent le formulaire.
En dehors de cela, vous pouvez également modifier les paramètres « Notifications ».
Ici, le plugin vous permet de choisir différents paramètres pour recevoir une notification lorsque quelqu’un soumet un formulaire. Par exemple, vous pouvez modifier l’adresse e-mail d’envoi, la ligne d’objet, le nom de l’expéditeur, etc.
N’oubliez pas de cliquer sur le bouton « Enregistrer » en haut lorsque vous avez effectué les modifications.
Publication de votre formulaire d’événements soumis par l’utilisateur
Maintenant que vous avez créé un formulaire d’événements soumis par l’utilisateur, il est temps de le publier sur votre site Web WordPress.
WPForms offre plusieurs options pour intégrer votre formulaire dans WordPress. Vous pouvez utiliser le bloc WPForms dans l’éditeur de blocs, utiliser un shortcode, ajouter un widget de barre latérale, etc.
Pour ce tutoriel, nous utiliserons l’assistant d’intégration proposé par WPForms.
Pour commencer, cliquez simplement sur le bouton « Intégrer » dans le coin supérieur droit.
Lorsque vous cliquez sur le bouton, une fenêtre contextuelle apparaît.
Allez-y et cliquez sur le bouton « Créer une nouvelle page », et WPForms créera automatiquement une nouvelle page pour votre formulaire.
Vous pouvez également cliquer sur « Sélectionner une page existante » pour ajouter le formulaire à une page publiée.
Ensuite, vous devrez entrer un nom pour votre page. Une fois cela fait, cliquez simplement sur le bouton « Allons-y ! » bouton.
Sur l’écran suivant, vous pouvez voir votre formulaire d’événements soumis par l’utilisateur sur la nouvelle page WordPress.
Allez-y et prévisualisez la page, puis cliquez sur le bouton « Publier ».
Vous pouvez maintenant visiter votre site Web pour voir le formulaire en action.
Voici à quoi cela ressemblera sur le front-end de votre site Web.
Ensuite, vous pouvez consulter les événements d’agenda que vos utilisateurs soumettent en accédant à Événements depuis votre tableau de bord WordPress.
Tous les événements soumis par les utilisateurs seront répertoriés ici comme en attente. Vous pouvez cliquer sur le bouton « Modifier » sous chaque événement pour les examiner.
Lors de l’examen de l’événement, assurez-vous que l’utilisateur a rempli tous les détails. S’il manque des informations, vous pouvez les ajouter ou rejeter l’événement de calendrier s’il ne répond pas aux exigences de votre site Web.
Après cela, publiez simplement l’événement soumis par l’utilisateur. Vous pouvez ensuite consulter vos événements en visitant l’URL créée par The Events Calendar : https://www.example.com/events
Nous espérons que cet article vous a aidé à apprendre à créer un calendrier d’événements soumis par l’utilisateur dans WordPress. Vous pouvez également consulter nos guides sur la façon de déplacer un site Web de HTTP à HTTPS et les meilleurs plugins et outils WordPress SEO pour améliorer le classement de votre site Web.
