Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un calendrier d’évènements envoyés par les utilisateurs/utilisatrices dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous permettez aux utilisateurs/utilisatrices d’envoyer des évènements sur votre site WordPress ?

L’ajout d’évènements envoyés par les utilisateurs est un excellent moyen de créer une communauté et de stimuler l’engagement sur votre site.

Dans cet article, nous allons vous afficher comment créer facilement un calendrier d’évènements envoyés par les utilisateurs dans WordPress sans donner aux internautes l’accès à votre zone d’administration.

Create a user submitted events calendar in WordPress

Pourquoi créer un calendrier d’évènements envoyés par les utilisateurs/utilisatrices ?

Le crowdsourcing d’évènements pour votre calendrier WordPress est un excellent moyen de créer une Version, d’attirer de nouveaux internautes et de maintenir votre calendrier à jour avec les derniers évènements.

Il aide également à enregistrer le temps puisque vous n’avez pas à rechercher les évènements à venir sur internet.

Lorsque les membres de votre communauté peuvent ajouter des évènements à votre calendrier, ils obtiennent des promotions gratuites pour leurs évènements. De plus, les internautes de votre site WordPress et les autres membres de la communauté peuvent facilement s’informer sur les évènements qui se déroulent dans leur région.

Supposons par exemple que vous gériez un site d’adhésion à une association caritative ou à un organisme à but non lucratif. Vous permettez à vos membres d’ajouter au calendrier de votre site différentes collectes de fonds, séminaires, œuvres de bienfaisance, webinaires et autres évènements communautaires.

Cependant, le problème est que WordPress ne permet pas par défaut aux utilisateurs/utilisatrices d’envoyer des évènements de calendrier ou de téléverser des fichiers sur l’interface publique. Vous devrez créer un compte pour chaque utilisateur/utilisatrice et permettre l’accès à la zone d’administration. Cette méthode prend du temps et peut s’avérer risquée.

Heureusement, il existe un moyen plus simple. Voyons comment vous pouvez laisser les gens ajouter des évènements au calendrier dans WordPress.

Création d’un calendrier d’évènements envoyés par les utilisateurs/utilisatrices dans WordPress

La meilleure façon de permettre aux utilisateurs/utilisatrices d’ajouter des évènements au calendrier sans leur donner accès à votre panneau d’administration WordPress est d’utiliser WPForms. C’est la meilleure extension de formulaire de contact pour WordPress et plus de 6 millions d’entreprises lui font confiance.

Le module vous permet de créer un formulaire de téléversement de fichiers et offre un module complémentaire de Téléversé qui vous permet d’accepter des listes d’évènements, des PDF, des articles, des citations et d’autres contenus sur l’interface publique de votre site.

Is WPForms the best form builder plugin for WordPress?

Note : WPForms a une version gratuite. Cependant, vous aurez besoin de l’offre Pro du module car elle comprend le module Envois de publication, des intégrations premium et d’autres fonctionnalités de personnalisation.

Tout d’abord, vous devrez installer et activer l’extension WPForms. Si vous avez besoin d’aide, veuillez consulter notre guide du débutant sur l’installation d’une extension WordPress.

Lors de l’activation, rendez-vous sur la page WPForms  » Réglages depuis votre Tableau de bord WordPress et saisissez votre clé de licence. Vous pouvez trouver cette information dans la zone de compte WPForms.

WPForms license key

Cliquez ensuite sur le bouton « Vérifier la clé » pour continuer.

Après cela, visitez la page WPForms  » Addons et défilez ensuite vers le bas jusqu’à l’addon Envois de publication.

Cliquez sur le bouton « Installer le module ».

Post submission addon by WPForms

Une fois le module installé, vous remarquerez une modification de l’état, qui passe de « Non installé » à « Actif ».

Réglages de l’extension Calendrier d’évènements

Ensuite, vous aurez besoin d’une extension de calendrier d’évènements WordPress pour créer un calendrier d’évènements sur votre site WordPress.

Nous utiliserons l’extension The Events Calendar pour notre tutoriel. C’est un puissant système de gestion d’évènements pour WordPress et il offre beaucoup de fonctionnalités. Vous pouvez facilement l’utiliser pour ajouter des évènements et gérer les organisateurs et les lieux. Avis sur The Events Calendar pour plus de détails.

De plus, The Events Calendar propose une version gratuite et s’intègre facilement à WPForms.

Tout d’abord, vous devrez installer et activer l’extension The Events Calendar. Pour plus de détails, consultez notre guide sur l’installation d’une extension WordPress.

Lors de l’activation, vous serez redirigé vers la page Événements  » Réglages dans le panneau d’administration de WordPress, où le plugin vous demandera de rejoindre sa communauté. Vous pouvez simplement cliquer sur le bouton  » Aller à/au  » pour l’instant.

Set up the event calendar plugin

Ensuite, vous pouvez définir différents Réglages pour votre calendrier d’évènements.

L’onglet « Général » contient des réglages permettant de modifier le nombre d’évènements à afficher par page, d’activer l’éditeur de blocs pour les évènements, d’activer les commentaires, de modifier le slug de l’URL de l’évènement, et bien plus encore.

General settings tab

Vous pouvez également définir les réglages du fuseau horaire pour votre calendrier d’évènements si vous défilez vers le bas. L’extension 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 conseillons d’utiliser l’option « Utiliser le fuseau horaire de l’ensemble du site ». Cela aidera à faire correspondre les heures des évènements envoyés par les utilisateurs/utilisatrices de WordPress avec le fuseau horaire de votre site.

Une fois les modifications effectuées, cliquez sur le bouton « Enregistrer les modifications ».

Change time zone settings

Ensuite, vous pouvez aller dans l’onglet « Affichage » et modifier l’apparence de votre calendrier d’évènements.

Par exemple, il existe des options permettant d’inactif le style par défaut, de choisir un modèle, d’activer les vues d’évènements, etc.

Edit display settings

Une fois les modifications apportées, voyons comment créer un formulaire pour accepter les évènements du calendrier.

Création d’un formulaire d’évènements envoyés par les utilisateurs/utilisatrices

Dans l’étape par étape, vous devrez réaliser un formulaire à l’aide de WPForms pour configurer l’inscription aux évènements sur votre site.

Pour commencer, vous pouvez visiter la page WPForms  » Ajouter une nouvelle depuis votre Tableau de bord WordPress. Cela lancera le Constructeur de formulaires par glisser-déposer.

Saisissez simplement un nom pour votre formulaire en haut de la page, puis sélectionnez le modèle « Formulaire d’entrée de publication de blog ».

Nous utilisons ce modèle parce que lorsque vous utilisez l’extension The Events Calendar, chaque évènement est un type de publication personnalisé. En utilisant WPForms, vous pouvez modifier le modèle de formulaire de soumission d’articles de blog pour envoyer un type d’article personnalisé d’évènement au lieu d’un article de blog ordinaire.

Choose blog post submission form template

Vous pouvez ensuite personnaliser votre formulaire d’Envois de publication.

En utilisant le Constructeur 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, l’URL du site, et plus encore.

De plus, il vous permet de trier afin de commander chaque champ du formulaire et de supprimer les champs dont vous n’avez pas besoin.

Drag and drop form fields

Par exemple, nous ajouterons 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 ».

Astuce : Lorsque vous ajoutez le champ Date / Heure, veillez à cliquer sur la case à cocher « Désactiver les dates passées ». Vous trouverez cette option dans l’onglet Options avancées.

Cela permet de s’assurer que tous vos nouveaux évènements ont une date future. Cela aide également à détecter les erreurs si quelqu’un saisit accidentellement la mauvaise année.

Disable past dates

Lors de la création de votre formulaire, vous pouvez renommer les différents champs du formulaire. Pour ce faire, il vous suffit de cliquer dessus, puis de modifier le « Libellé » sous Options des champs dans le menu de gauche.

Pour notre tutoriel, nous avons modifié le libellé du Titre de la publication en Titre de l’évènement et celui de l’Extrait de la publication en Description de l’évènement.

Edit form field labels

Ensuite, vous devrez vous rendre dans l’onglet Réglages  » Envois de publications dans le Constructeur de formulaires.

Confirmez donc que l’option « Envois de publications » est activée.

Ensure post submission is on and match metadata

En outre, vous devrez faire correspondre les champs de votre formulaire avec les champs que l’extension Calendrier des évènements recherchera.

Par exemple, voici comment nous avons mappé les champs de notre formulaire de démonstration :

  • Titre de la publication vers Titre de l’évènement
  • Publication d’un extrait dans la description de l’évènement
  • De l’image mise en avant de la publication à l’image mise en avant
  • Type de publication vers les évènements
  • De l’état de publication à l’attente d’Avis
  • Publication de l’auteur/autrice à l’utilisateur/utilisatrice actuel(le)

L’état d’Avis en attente vous permet de modérer chaque entrée d’évènement. De plus, si vous acceptez les paiements en ligne, vous pouvez vérifier si les paiements ont été bien effectués avant d’approuver l’évènement.

Ensuite, vous devrez également mapper la date/heure de début et de fin de l’évènement. Pour cela, défilez jusqu’à la section « Custom Post Meta » et saisissez un code pour mapper les champs respectifs dans votre formulaire.

Pour commencer, ajoutez le code _EventStartDate et sélectionnez le champ de l’heure de début de votre évènement (comme Date / Heure de début de l’évènement) dans le menu déroulant.

Cliquez ensuite sur le bouton « + » pour ajouter une autre Meta de publication personnalisée et saisissez le code _EventEndDate pour personnaliser le champ du formulaire de fin d’évènement (comme Date / Heure de fin d’évènement).

Enter custom post meta

Ensuite, vous pouvez également modifier d’autres réglages de votre formulaire.

Si vous allez dans l’onglet « Confirmations », vous verrez les réglages permettant d’afficher la page de remerciement qui apparaîtra lorsque les utilisateurs/utilisatrices enverront un évènement du calendrier.

Vous pouvez afficher un message sur une page ou rediriger les personnes vers une autre URL lorsqu’elles envoient le formulaire.

Confirmation settings

Par ailleurs, vous pouvez également modifier les Réglages des « Notifications ».

L’extension vous permet de choisir différents Réglages pour recevoir une notification par e-mail lorsque quelqu’un envoie un formulaire. Par exemple, vous pouvez modifier l’adresse e-mail d’envoi, l’objet, le nom du destinataire, etc.

Edit notification settings

N’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de la page pour stocker les modifications apportées à votre formulaire d’entrée d’évènement.

Publication du formulaire des évènements envoyés par les utilisateurs/utilisatrices

Maintenant que vous avez créé un formulaire d’évènements envoyés par les comptes, il est temps de le publier sur votre site WordPress.

WPForms offre de multiples options pour embarquer votre formulaire dans WordPress. Vous pouvez utiliser le bloc WPForms dans l’éditeur de blocs, utiliser un code court, ajouter un widget de colonne latérale, et plus encore.

Pour ce tutoriel, nous utiliserons l’assistant Contenu embarqué proposé par WPForms.

Pour commencer, cliquez simplement sur le bouton « Contenu embarqué » dans le coin supérieur droit.

Edit notification settings

Lorsque vous cliquez sur le bouton, une fenêtre surgissante apparaît.

Cliquez sur le bouton « Créer une nouvelle page » et WPForms créera automatiquement une nouvelle page pour votre formulaire.

Create a new page

Vous pouvez également cliquer sur « Sélectionner une page existante » pour ajouter le formulaire à une page publiée.

Saisissez/saisie un nom pour votre page. Une fois que c’est fait, cliquez simplement sur le bouton « Let’s Go ».

Enter name for page

Sur l’écran suivant, vous pouvez voir le formulaire des évènements envoyés par les utilisateurs sur la nouvelle page WordPress.

Prévisualisez la page, puis cliquez sur le bouton « Publier ».

Publish your page

Vous pouvez maintenant visiter votre site pour voir le formulaire en action.

Voici à quoi cela ressemblera sur l’interface publique de votre site WordPress.

Form preview

Ensuite, vous pouvez consulter les évènements du calendrier que vos utilisateurs/utilisatrices envoient en vous rendant sur la page des évènements depuis votre tableau de bord WordPress.

Tous les évènements envoyés par les utilisateurs/utilisatrices seront listés ici comme étant en attente. Vous pouvez cliquer sur le bouton « Modifier » sous chaque évènement pour en prendre connaissance.

View your event

Une fois que vous l’avez fait, assurez-vous que l’utilisateur a rempli tous les détails de l’évènement nécessaires. S’il manque des informations, vous pouvez les ajouter ou rejeter l’évènement du calendrier s’il ne répond pas aux Prérequis de votre site.

Ensuite, il suffit de publier l’évènement envoyé par les utilisateurs/utilisatrices. Vous pouvez ensuite voir vos évènements en visitant l’URL créée par The Events Calendar : https://www.example.com/events

Events page preview

Bonus : Créer un calendrier d’évènements simple sur WordPress

Si vous souhaitez simplement créer un calendrier dans lequel vous êtes seul à pouvoir ajouter des évènements, vous pouvez le faire avec Sugar Calendar.

Il s’agit de la meilleure extension de calendrier du marché qui vous permet de créer plusieurs calendriers, de définir des heures de début et de fin pour vos évènements, de vous synchroniser avec Google Calendar, et bien plus encore.

Is Sugar Calendar the right calendar plugin for you?

Une fois l’extension activée, il suffit de se rendre sur la page Calendrier du Tableau de bord WordPress. Ici, passez à l’onglet  » Calendrier  » et cliquez sur le bouton  » Ajouter une nouvelle « .

Une fenêtre s’ouvre, dans laquelle vous pouvez commencer par donner un nom au calendrier.

Settings a parent calendar in Sugar Calendar

Une fois cette étape franchie, passez à l’onglet « Événements » et cliquez sur le bouton « Ajouter un événement ».

L’éditeur de contenu s’affiche alors à l’écran. Vous pouvez y ajouter toutes les informations relatives à votre évènement, notamment le nom, la date et l’heure, ainsi que la durée.

How to add events to an online calendar

Enfin, cliquez sur le bouton « Publier » pour stocker vos réglages. Vous avez bien ajouté un évènement à votre calendrier. Pour plus de détails, consultez notre tutoriel sur la création d’un calendrier d’évènements simple sur WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer un calendrier d’évènements envoyés par les utilisateurs sur WordPress. Vous pouvez également consulter nos guides sur la façon de faire passer un site Web de HTTP à HTTPS et les meilleurs plugins et outils WordPress de référencement pour améliorer le classement de votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

7 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. WPBeginner Support says

    In the form settings you would change the pending review to published if you wanted all submissions to go directly live if you were not concerned with moderating the events.

    Administrateur

  3. Philipp Letschka says

    Hello,
    Thank you very much for your tutorial.
    I want to publish every event as soon as it is added without having to approve the event.
    Sadly, I have not found a way to achive this. When I add an event via the form it is added to the database. But the event view does not update, unless I press the update button on the event edit page. Any ideas?
    Regards

  4. Boris Kospic says

    Hello,

    Is it possible to submit events with published status, not pending?

    So the admin doesn’t need to approve the event manually?

    I know that this is not available with the default settings, but I hope that you can find some workaround to archive this :)

    Regards

    • WPBeginner Support says

      You can change the status to published, the main concern when you do that will be any spam submissions you receive will be published on your site.

      Administrateur

  5. Obed says

    Great post here, congrats!
    Is there any known security risk associated to this approach, like code injection or any through-web -form hacking method?
    Cheers!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.