Comment créer un calendrier d'événements soumis par les utilisateurs sur WordPress (facilement)

Souhaitez-vous que les utilisateurs soumettent des événements à un calendrier sur votre site web ?

Permettre aux utilisateurs de soumettre leurs propres événements est une excellente façon de permettre à vos utilisateurs de créer un calendrier communautaire.

Dans cet article, nous vous montrerons comment créer un calendrier d'événements WordPress afin que vos visiteurs puissent librement soumettre des événements sur votre site.

Créez dès maintenant votre formulaire d'événements soumis par l'utilisateur

Qu'est-ce que la soumission d'un calendrier d'événements en ligne ?

La soumission frontale vous permet d'accepter des listes d'événements sans que l'utilisateur n'ait à se connecter. Il est donc très facile pour les gens de contribuer à votre calendrier WordPress.

WPForms Pro dispose d'un addon génial pour les soumissions d'articles que vous pouvez facilement intégrer à un plugin de calendrier appelé The Events Calendar.

En utilisant cette combinaison de plugins, il est facile de prendre des soumissions frontales pour :

• Événements communautaires locaux
• Projections de films
• Fêtes de rue
• Concerts et festivals
• Webinaires
• Matchs sportifs
• ...et plus encore.

Vous pouvez également gagner de l'argent en ligne en faisant payer les listes d'événements affichées sur le calendrier de votre site web ou en ajoutant des boutons de paiement pour vendre des billets.

Comment créer un formulaire de calendrier d'événements soumis par l'utilisateur dans WordPress

Étape 1 : Installer le plugin WPForms

La première chose à faire est d'installer et d'activer le plugin WPForms. WPForms est le meilleur plugin WordPress de construction de formulaires. Si vous êtes nouveau sur WordPress, voici un guide étape par étape sur la façon d'installer un plugin WordPress.

Ensuite, vous devez installer et activer l'extension Post Submissions pour WPForms. Cet addon est disponible à partir de la version Pro. Cet addon ajoutera la fonctionnalité de soumission de messages à votre site WordPress.

Pour ce faire, allez dans WPForms " Addons.

Faites défiler la page jusqu'à ce que vous trouviez celle intitulée Post Submissions.

Cliquez sur Installer le module complémentaire, puis sur Activer.

C'est tout pour l'étape 1. Il est maintenant temps de créer votre formulaire de soumission d'événement.

Étape 2 : Créer un formulaire pour les événements soumis par les utilisateurs

WPForms facilite la création de n'importe quel type de formulaire pour votre site web grâce à sa vaste bibliothèque de modèles pré-construits. Vous disposez d'une catégorie entière de modèles de formulaires de planification d'événements afin que vous puissiez facilement trouver le formulaire parfait pour vos besoins spécifiques.

Lorsque vous installez l'extension Post Submissions, vous obtenez un nouveau modèle appelé Blog Post Submission Form template. Notez que le modèle dont vous avez besoin porte l'étiquette Addon pour indiquer qu'il est spécifiquement conçu pour fonctionner avec l'extension Post Submissions :

Ensuite, renommons les champs pour en faire un formulaire de soumission d'événement :

• Titre du message : Renommer en titre d'événement
• Image en vedette : Renommer en image promotionnelle
• Extrait de message : Renommer en brève description d'événement

Nous devons maintenant ajouter quelques champs supplémentaires au formulaire.

Tout d'abord, ajoutons un champ de texte enrichi pour que votre visiteur puisse ajouter des listes d'événements entièrement formatées et accompagnées d'images.

Supprimez le champ de texte existant pour le contenu de l'article, puis faites glisser un champ de texte enrichi à sa place. Vous voudrez bien le nommer Description complète de l'événement.

Dans les options de champ pour le champ Texte riche, nous avons activé ces trois paramètres :

• Autoriser les téléchargements de médias: cette option permet aux visiteurs d'ajouter des images à leur liste d'événements.
• Stocker les fichiers dans la bibliothèque multimédia de WordPress: ajoute les images téléchargées à la bibliothèque multimédia de WordPress.
• Nous avons également défini le champ comme étant obligatoire.

Ajoutons maintenant deux champs Date/Heure : l'un pour l'heure de début de l'événement et l'autre pour l'heure de fin de l'événement. Grâce à ces champs, les visiteurs peuvent ajouter des événements d'une journée ou de plusieurs jours à votre calendrier WordPress.

Pour les deux champs Date/Heure, il est conseillé de désactiver les dates passées. Vous trouverez cette option dans les options avancées du champ Date / Heure.

Désactiver les dates passées signifie que tous vos nouveaux événements doivent avoir une date future. Cela permet d'éviter les erreurs, comme la sélection accidentelle de la mauvaise année.

OK, nous avons terminé. Cliquez sur Sauvegarder.

Étape 3 : Installer le plugin Calendrier des événements

Ensuite, vous devrez installer un plugin de calendrier d'événements WordPress. Le calendrier des événements est un plugin gratuit pour les sites WordPress qui fonctionne parfaitement avec WPForms.

Le plugin Calendrier des événements crée un type d'article personnalisé appelé Événements qui apparaîtra dans votre tableau de bord WordPress.

Lorsqu'un visiteur soumet votre formulaire, celui-ci crée un nouveau billet d'événement. Nous utiliserons des métadonnées sur le formulaire qui indiqueront au calendrier des événements comment le lister. Si vous préférez une méthode plus simple pour permettre aux utilisateurs de soumettre des événements sur votre site, assurez-vous de consulter notre tutoriel sur l'autorisation des événements soumis par les utilisateurs en utilisant WPForms et Sugar Calendar.

Commençons dès maintenant avec notre calendrier d'événements WordPress.

La version gratuite de The Events Calendar permet à vos utilisateurs de créer des événements locaux uniques. Vous pouvez créer des événements récurrents avec The Events Calendar Pro.

Pour l'installer, allez dans Plugins " Add New dans votre tableau de bord WordPress et cherchez The Events Calendar.

Cliquez sur Installer maintenant pour installer le plugin.

Activez le plugin Calendrier des événements et procédez aux réglages. Il est important de le faire maintenant pour que votre type d'article Événements soit prêt pour l'étape suivante.

Nous allons maintenant créer une connexion entre votre formulaire et votre plugin WordPress events.

Lire aussi: Comment passer du calendrier des événements au calendrier Sugar

Étape 4 : Connecter votre formulaire à votre calendrier d'événements WordPress

Après avoir configuré le plugin The Events Calendar, vous devez connecter le formulaire que vous avez créé à votre calendrier.

Ouvrez le formulaire de soumission d'événement que vous avez créé précédemment. Allez ensuite dans Paramètres " Soumissions de messages dans l'éditeur de formulaire et activez les Soumissions de messages.

Ensuite, vous devez faire correspondre les champs de votre formulaire aux champs recherchés par le calendrier des événements.

Comme nous avons utilisé le modèle de formulaire de soumission d'articles de blog, une partie de ce mappage sera déjà effectuée. Cependant, il y a quelques éléments que vous devez définir manuellement.

Établissez votre cartographie comme suit :

• Titre du message associé au titre de l'événement
• Post Content est associé à Full Event Description, qui est le champ de texte enrichi que nous avons ajouté.
• Afficher les cartes d'extraits dans la description succincte de l'événement
• Post Featured Image maps to Promotional Image

Plus loin, nous avons également mis en correspondance ces champs du formulaire avec le message sur les événements :

• Le type de message sera probablement défini sur Messages, nous devons donc le modifier en Evénements.
• Le statut du message doit être défini comme " en attente de révision".
• L'utilisateur actuel peut être n'importe qui - nous l'avons associé à notre compte d'administrateur de site dans WordPress.

Le statut " en attente d'examen" nous permet d'approuver chaque inscription d'événement avant qu'elle ne soit mise en ligne. Vous voudrez certainement utiliser ce statut si vous encaissez des paiements pour vos listes d'événements, afin de pouvoir vérifier que le paiement a bien été effectué.

Si vous souhaitez publier des événements dès qu'ils sont soumis, nous vous montrerons comment faire dans la section FAQ à la fin de cet article.

Configuration des méta-postes personnalisés

Pour définir la date et l'heure, faites défiler la page jusqu'à la section Custom Post Meta.

Nous allons définir certains paramètres ici pour faire correspondre les heures de début et de fin de votre formulaire aux heures de début et de fin du calendrier des événements. Veuillez noter que ces quatre paramètres doivent être définis.

• La date de début de l'événement est associée à l'heure de début.
• _EventEndDate est associé à End Time (heure de fin)
• _EventStartDateUTC mappé sur Start Time (heure de début)
• _EventEndDateUTC mappé sur End Time

En fait, la section Custom Post Meta est pratique pour toutes sortes de champs personnalisés. Consultez la section FAQ à la fin de cet article pour plus de champs que vous pouvez utiliser ici.

Nous avons terminé, alors cliquons sur Enregistrer.

Étape 5 : Personnalisation du message de confirmation après l'envoi de l'événement

Avant de publier votre formulaire de soumission d'événement, il est conseillé de modifier le message de remerciement par défaut que vos utilisateurs verront.

Vous pouvez le faire en allant dans Paramètres " Confirmations.

Dans le panneau de prévisualisation, personnalisez votre message comme vous le souhaitez.

WPForms vous offre de nombreuses options après que quelqu'un ait soumis un événement dans le calendrier de votre site web. Vous pouvez également :

• Utiliser des confirmations conditionnelles pour afficher un message différent en fonction du type d'événement.
• Renvoyer votre visiteur à une page de remerciement spécifique
• Renvoyez-les vers un autre site web.

Pour obtenir de l'aide concernant les confirmations de formulaires :

• Consultez cette documentation utile sur la façon de mettre en place des confirmations de formulaire dans WordPress.
• Si vous voulez plus d'une confirmation, voyez comment créer plusieurs confirmations de formulaire dans WPForms.

N'oubliez pas de permettre à vos utilisateurs de prévisualiser leur entrée avant de soumettre le formulaire. Voici notre guide qui vous montre comment prévisualiser la saisie d'un formulaire avant de l'envoyer.

Lire aussi: Modèles de rappels de rendez-vous par e-mail et SMS

Étape 6 : Publier le formulaire d'événements soumis par l'utilisateur

OK, nous sommes maintenant prêts à publier l'événement sur votre site WordPress !

WPForms vous permet d'ajouter vos formulaires de différentes manières, comme par exemple :

• Assistant d'intégration
• Code court
• Bloc WPForms dans l'éditeur de blocs
• Widget latéral
• Module de formulaire Elementor
• Divi embed
• Module SeedProd

Dans cet exemple, ajoutons votre formulaire d'inscription à un événement à l'aide de l'assistant d'intégration. Cela créera automatiquement une nouvelle page permettant à vos visiteurs d'ajouter des événements soumis par les utilisateurs.

En haut de la fenêtre de création de formulaire, cliquez sur Embed.

Cliquez maintenant sur Créer une nouvelle page.

Enfin, saisissez un nom pour votre page et cliquez sur le bouton orange " Let's Go" pour la créer.

Il ne vous reste plus qu'à cliquer sur Publier pour publier votre formulaire.

Et le tour est joué ! Votre formulaire est en ligne. Vous pouvez utiliser le CSS pour styliser davantage le formulaire si vous le souhaitez.

Les visiteurs peuvent désormais soumettre des événements via votre formulaire, et vous pouvez les gérer à l'aide du plugin The Events Calendar.

Étape 7 : Examen et publication des candidatures au calendrier des événements

Génial ! Maintenant que nous avons publié votre formulaire d'événements soumis par les utilisateurs dans WordPress, testons-le.

Voici à quoi ressemble le nôtre sur le frontend :

Allez-y et soumettez le formulaire.

Pour consulter l'événement, rendez-vous dans la rubrique Événements du tableau de bord de WordPress.

Vous verrez que tous les événements soumis par l'intermédiaire de votre formulaire de calendrier seront répertoriés comme étant en attente. Cela signifie qu'ils doivent être approuvés par vous dans l'écran du gestionnaire d'événements avant d'apparaître dans le calendrier de votre site.

Pour modifier les événements, cliquez sur Modifier sous le titre de l'événement.

Prévisualisez la soumission ; avec le champ de texte riche de WPForms, vous pouvez voir les détails complets de l'événement, y compris les images, dans votre tableau de bord.

Notez tout particulièrement l'heure et la date qui apparaissent en bas de l'écran. Si vous l'avez correctement paramétré, l'événement s'affichera dans le fuseau horaire de votre site WordPress.

Lorsque vous avez terminé de consulter tous les détails de l'événement, cliquez sur Publier. Vous verrez la liste de ces événements dans votre nouveau calendrier à l'adresse suivante  http://yoursite.com/events

Et voilà, c'est fait ! Vous savez maintenant comment créer un calendrier d'événements soumis par les utilisateurs dans WordPress en utilisant WPForms.

FAQ sur le calendrier des événements soumis par les utilisateurs

Vous avez d'autres questions sur les événements soumis par les utilisateurs ? Voyons comment vous pouvez utiliser l'intégration du calendrier d'événements de WPForms.

Puis-je ajouter des événements à WordPress sans autorisation ?

Oui, si vous le souhaitez, vous pouvez publier les événements soumis dès que quelqu'un soumet votre formulaire de calendrier. Ainsi, vous n'aurez pas besoin de les approuver manuellement et ils apparaîtront instantanément sur votre calendrier WordPress.

Le plugin de calendrier d'événements WordPress que nous utilisons prend en charge cette fonction.

Pour que cela fonctionne, il y a deux choses que vous devez modifier dans les étapes ci-dessus.

Dans les paramètres de soumission des messages de votre formulaire de calendrier, définissez le statut du message sur Publié au lieu de En attente de révision.

Et c'est tout ! Vous avez synchronisé votre formulaire d'inscription à un événement avec le calendrier des événements. Désormais, vos événements seront mis en ligne dès que le formulaire d'inscription au calendrier sera envoyé.

Si vous rencontrez des problèmes, c'est généralement à cause d'un décalage de fuseau horaire. Pour y remédier, accédez aux paramètres généraux du calendrier des événements et cliquez sur Mettre à jour les données relatives au fuseau horaire.

Puis-je faire payer l'inscription d'événements sur WordPress ?

Oui, WPForms rend cela facile aussi !

Vous pouvez ajouter un champ de paiement à votre formulaire de liste d'événements et connecter votre passerelle de paiement à WPForms. Vous pouvez intégrer WPForms avec plusieurs passerelles de paiement majeures comme Stripe, Square, Authorize.net, et PayPal.

Voici quelques guides utiles qui expliquent en détail comment collecter des paiements via WPForms :

• Comment accepter des paiements avec Stripe dans WPForms
• Comment ajouter les paiements Square à WordPress
• Comment utiliser l'addon PayPal Standard avec WPForms
• Comment utiliser l'addon PayPal Commerce avec WPForms
• Comment utiliser Authorize.Net avec WPForms
• Comment permettre aux utilisateurs de choisir un mode de paiement dans votre formulaire ?

Gardez à l'esprit que vous devrez vérifier manuellement que le paiement a bien été effectué avant d' approuver manuellement l'événement.

Puis-je envoyer des notifications par courrier électronique pour les soumissions d'événements ?

Oui, c'est possible ! Par défaut, WPForms enverra un email à l'adresse de l'administrateur de WordPress lorsque vous recevrez une nouvelle liste d'événements. Si vous souhaitez personnaliser l'email de notification ou ajouter d'autres notifications, consultez ce guide pour envoyer des emails de notification de formulaire.

Si vous le souhaitez, vous pouvez désactiver les notifications de WPForms et laisser le calendrier des événements envoyer une notification par email pour chaque événement. Si vous ne recevez pas ces alertes de la part du calendrier des événements, voyez comment réparer le fait que le calendrier des événements n'envoie pas d'email.

Ce guide vous montrera également comment enregistrer les courriels envoyés depuis le calendrier des événements.

Puis-je avertir mes visiteurs lorsque je publie un événement ?

C'est sûr ! Saviez-vous que vous pouviez envoyer des notifications push à partir de WordPress avec un plugin gratuit ? Consultez cet article sur la façon d'envoyer des notifications push depuis WordPress.

Puis-je envoyer de nouveaux événements à Google Calendar ?

Oui ! WPForms vous permet d'envoyer facilement les entrées d'un formulaire WordPress vers Google Calendar.

Comment exporter des événements au format CSV ?

Avec WPForms, vous pouvez exporter n'importe quelle entrée de formulaire au format CSV ou XLSX. Veuillez consulter ce guide sur la façon d'exporter des entrées de formulaire dans WordPress.

Puis-je utiliser plus de champs méta personnalisés ?

Oui, vous pouvez utiliser des champs comme :

• EvénementTous les jours - correspond à un champ de type case à cocher avec la valeur YES s'il est coché, et vide s'il n'est pas coché
• Coût de l'événement - à un champ numérique de votre formulaire pour afficher un prix, ou utiliser un champ caché avec la valeur 0 (zéro) si tous vos événements sont gratuits
• _EventShowMap - correspond à une case à cocher avec TRUE et FALSE ou un champ caché avec la valeur TRUE si vous souhaitez toujours afficher la carte
• _EventURL - correspond à un champ URL de votre formulaire.

Avant d'ajouter des champs supplémentaires, sachez que

• Les champs commençant par _Venue ou _Organizer ne fonctionneront pas avec le type de message "event".
• Les tableaux sérialisés ne peuvent pas être mis en correspondance avec un formulaire
• Les champs qui extraient des données d'autres messages, comme _EventVenueID, ne fonctionneront probablement pas.

La mise en correspondance de champs supplémentaires est une technique avancée. Pour plus d'informations, veuillez consulter la documentation sur les métadonnées du calendrier des événements.

Créez dès maintenant votre formulaire d'événements soumis par l'utilisateur

Ensuite, accepter les articles de blog soumis par les utilisateurs

Maintenant que les utilisateurs peuvent soumettre un événement WordPress sur votre site, ne serait-il pas intéressant qu'ils puissent également bloguer à son sujet ? Si vous acceptez les articles soumis par les utilisateurs, vos visiteurs pourraient partager des communiqués de presse et d'autres informations sur l'événement afin de générer du trafic vers le calendrier.

Pour mettre cela en place, consultez la façon simple d'accepter les articles soumis par les utilisateurs dans WordPress.

Et si vous prévoyez de prendre des photos lors de votre événement, n'oubliez pas de remplir en ligne un formulaire d'autorisation pour les modèles.

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut un modèle de formulaire d'événement et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.