Vill du allow användare att submit kalender händelser på din WordPress website?
Att lägga till händelser som användare har submittat är ett bra sätt att bygga en community och öka engagement på your website.
I den här artikeln visar vi dig hur du enkelt skapar en kalender för händelser som användare har submittat i WordPress utan att ge besökare tillgång till ditt admin area.
Varför skapa en kalender för händelser som användare har submittat?
Crowdsourcing av händelser för din WordPress-kalender är ett bra sätt att bygga en gemenskap, locka nya besökare och hålla din kalender uppdaterad med de senaste händelserna.
Det hjälper dig också att save tid eftersom du inte behöver searcha på internet efter kommande händelser.
När dina community-medlemmar kan add to händelser i din kalender får de gratis marknadsföring för dina händelser. Dessutom kan dina WordPress website visitors och andra community-medlemmar enkelt lära sig om händelser som händer i deras area.
Låt oss till exempel säga att du run en välgörenhets- eller ideell medlemswebbplats. You can allow members to add different fundraisings, seminars, charity, webinars, and other community events to your site’s calendar.
Problemet är dock att WordPress som standard inte tillåter användare att submitte kalenderhändelser eller uppladdare filer on the front end. You will have to create an account for each user and allow access to the admin area. Den här metoden är tidskrävande och kan vara riskabel.
Som tur är finns det ett enklare sätt. Låt oss se hur du kan låta folk add to kalenderhändelser i WordPress.
Skapa en kalender för händelser som användare har submittat i WordPress
Det bästa sättet att allow users to add calendar events without giving them access to your WordPress adminpanel är genom att använda WPForms. Det är det bästa pluginet för kontaktformulär för WordPress och används av över 6 miljoner företag.
Pluginet låter dig skapa ett formulär för filuppladdning och erbjuder ett Post Submissions addon som låter dig acceptera listor över händelser, PDF-filer, artiklar, citat och annat content på front end av din webbplats.
Note: WPForms har en gratis version. Du behöver dock Pro-planen för pluginet eftersom det innehåller Post Submission addon, premiumintegrationer och andra customizer-funktioner.
Först måste du installera och aktivera WPForms plugin. Om du behöver hjälp, vänligen se vår guide för nybörjare om hur man installerar ett plugin för WordPress.
Vid aktivering, heada över till WPForms ” Settings page från din WordPress dashboard och enter din license key. Du hittar den här informationen i WPForms account area.
Klicka sedan på knappen ”Verify Key” för att fortsätta.
Efter det, besök WPForms ” Addons page och rulla sedan ner till Post Submissions Addon.
Gå vidare och klicka på knappen ”Install Addon”.
När addon har installerats kommer du att notera att statusen ändras från ”Not Installed” till ”Active”.
Setting Up The Events Calendar Tillägg
Därefter behöver du ett plugin för händelsekalender för WordPress för att skapa en händelsekalender på din WordPress site.
Vi kommer att använda The Events Calendar plugin för vår tutorial. Det är ett kraftfullt system för hantering av händelser för WordPress och erbjuder massor av funktioner. Du kan enkelt använda det för att add to händelser och hantera arrangörer och platser. Se vår The Events Calendar review för mer detaljer.
Dessutom erbjuder The Events Calendar en gratis version och kan enkelt integreras med WPForms.
Först måste du installera och aktivera The Events Calendar plugin. För mer detaljer, kontrollera vår guide om hur du installerar ett plugin för WordPress.
Vid aktivering kommer du att omdirigeras till sidan Händelser ” Settings i WordPress adminpanel, där tillägget kommer att be dig att gå med i dess community. Du kan helt enkelt klicka på knappen ”Hoppa över” för tillfället.
Efter det kan du gå igenom olika Settings för din kalender för händelser.
Det finns inställningar på fliken ”Allmänt” för att ändra antalet händelser som ska visas per page, aktivera block editor för händelser, visa kommentarer, editera händelse URL slug, och mer.
Du kan också ställa in tidszoninställningarna för din kalender för händelser om du rullar ner. Pluginet låter dig använda din sites tidszon överallt eller manuellt ställa in tidszonen för varje händelse.
Vi föreslår att du använder alternativet ”Använd den tidszon som gäller för hela webbplatsen överallt”. Detta hjälper till att matcha de tider för händelser som WordPress-användare submittar med din sites tidszon.
När du har gjort ändringarna klickar du på knappen ”Save Changes”.
Efter det kan du gå till tabben ”Display” och editera utseendet på din kalender för händelser.
Det finns till exempel alternativ för att stänga av standardstilen, välja en template, aktivera view av händelser med mera.
När du har gjort ändringarna ska vi se hur du kan skapa ett formulär för att godkänna kalenderhändelser.
Skapa ett formulär för händelser som användare har skickat in
I nästa steg måste du skapa ett formulär med WPForms för att skapa en registrering av händelser på din website.
För att börja kan du besöka WPForms ” Add New page från din WordPress dashboard. Detta kommer att starta drag and drop form builder.
Ange bara ett namn för ditt formulär högst upp och välj sedan templaten ”Blog Post Submissions Form”.
Vi använder den här mallen eftersom när du använder The Events Calendar plugin, är varje händelse en custom post type. Med WPForms kan du redigera formulärmallen för blogginlägg för att skicka in en custom post type för evenemang istället för ett vanligt blogginlägg.
Därefter kan du customize ditt formulär efter inlämning.
Med hjälp av drag and drop-form builder låter WPForms dig add olika formulärfält. You can add a dropdown menu, checkboxes, phone number, address, website URL, and more.
Dessutom kan du ändra ordern på varje formulärfält och ta bort fält som du inte behöver.
Till exempel kommer vi att add to fälten ”Date / Time” till vår formulärmall för att visa ”Event Start Date / Time” och ”Event Finish Date / Time”.
Pro tips: När du addar fältet Datum / Tid, se till att klicka på checkboxen för ”Inaktivera tidigare datum”. Du hittar det här alternativet på tabben Advanced Options.
Detta kommer att säkerställa att alla yours nya händelser har ett framtida datum. Det hjälper också till att fånga upp misstag om någon av misstag råkar enter fel år.
När du skapar ditt formulär kan du byta namn på olika formulärfält. För att göra det klickar du bara på dem och ändrar sedan ”Etiketten” under Field Options i menyn till vänster.
För vår tutorial ändrade vi etiketten för Post Rubrik till Event Rubrik och Post Excerpt till Event Description.
Efter det måste du gå till Settings ” Post Submissions tabs i form builder.
Se nu till att alternativet ”Post Submissions” är På.
Förutom det måste du matcha dina formulärfält med de fält som The Events Calendar plugin kommer att leta efter.
Så här har vi till exempel ompekat våra demoformulärfält:
- Rubrik för post till Rubrik för händelse
- Posta excerpt till beskrivning av händelse
- Från Post Featured Image till Featured Image
- Post Type till händelser
- Från inläggsstatus till inväntar granskning
- Posta författare till aktuell användare
Statusen Inventerar granskning allow you to moderation each event submission. Om du godkänner onlinebetalningar kan du dessutom kontrollera om betalningarna gick igenom utan problem innan du approverar händelsen.
Därefter måste du också ompeka händelsens start- och slutdatum/tid. För det, rulla ner till ”Custom Metadata för inlägg” -sektionen och ange en kod för att kartlägga respektive fält i ditt formulär.
För att börja, add to _EventStartDate-koden och välj ditt starttidsfält för händelsen (gillar Event Start Date / Time) från dropdown-menyn.
Klicka sedan på knappen ’+’ för att lägga till ytterligare en Metadata för inlägg och enter _EventEndDate-koden för att mappa formulärfältet för händelse slutför (gillar Event Finish Date / Time).
Därefter kan du också ändra andra Settings för ditt formulär.
Om du går till tabben ”Confirmations” ser du inställningar för att visa tack-sidan som kommer att visas när användare skickar in en kalenderhändelse.
Du kan visa ett message på en page eller redirecta personer till en annan URL när de submitar formuläret.
Utöver det kan du också ändra inställningarna för ”Aviseringar”.
Tillägget låter dig välja olika Settings för att ta emot en email notification när någon submittar ett formulär. Instance, you can change the send to email address, subject line, from name, and more.
Glöm inte att klicka på knappen ”Save” högst upp för att lagra ändringarna i formuläret för inlämning av händelser.
Publicera formuläret för händelser som användare har submittat
Nu när du har skapat ett formulär för händelser som skickas in av användare är det dags att publicera det på din WordPress website.
WPForms erbjuder flera alternativ för att embed ditt formulär i WordPress. Du kan använda WPForms-blocket i block editor, använda en shortcode, add a sidebar widget, och mycket mer.
För denna tutorial kommer vi att använda Embed wizard som erbjuds av WPForms.
Börja med att klicka på knappen ”Embed” högst upp i högra hörnet.
När du klickar på knappen visas ett popup-fönster.
Gå vidare och klicka på knappen ”Skapa ny sida”, så skapar WPForms automatiskt en ny page för ditt formulär.
Du kan också clicka på ”Select Existing Page” för att add formuläret till en publicerad page.
Därefter måste du enter ett namn för din page. När det är gjort klickar du bara på knappen ”Let’s Go!”.
På nästa vy kan du se formuläret för händelser som användare har submittat på den nya WordPress page.
Gå vidare och previewa sidan och klicka sedan på knappen ”Publicera”.
You can now visit your website to see the form in action.
Så här kommer det att gilla on the front end på din WordPress site.
Därefter kan du reviewer de kalenderhändelser som dina användare submittar genom att gå till Events page från din WordPress dashboard.
Alla händelser som användare har submittat kommer att listas här som inväntade granskningar. You can click the ”Edit” button under each event to review them.
När du har gjort det, se till att användaren har fyllt i alla obligatoriska detaljer om händelsen. Om någon information saknas kan you lägga till den eller avvisa händelsen om den inte uppfyller kraven för din website.
Efter det är det bara att Publicera händelsen som användaren har submittat. You can then view your events by visiting the URL created by The Events Calendar: https: //www.example.com/events
Bonus: Skapa en enkel kalender för händelser i WordPress
Om du bara vill skapa en kalender där bara du kan add to händelser, då kan du göra det med Sugar Calendar.
Det är det bästa kalendertillägget på marknaden som låter dig skapa flera kalendrar, ställa in start- och sluttider för dina händelser, synkronisera med Google Kalender och mycket mer.
När du har aktiverat pluginet besöker du bara sidan Kalender från WordPress dashboard. Här går du till tabben ”Kalender” och klickar på knappen ”Add New”.
Detta öppnar en prompt där du kan börja med att lägga till ett namn för kalendern.
När du har gjort det går du till fliken ”Evenemang” och klickar på knappen ”Lägg till nytt evenemang”.
The content editor kommer nu att startas på vyn där you kan add to all information för your händelse inklusive namn, datum och tid och varaktighet.
Slutligen klickar du på knappen ”Publicera” för att spara dina Settings. Du har nu utan problem addat en händelse till din kalender. För detaljer, se vår tutorial om hur du skapar en enkel händelsekalender i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en kalender för händelser som användare har submittat i WordPress. Du kanske också vill kontrollera våra guider om hur man flyttar en webbplats från HTTP till HTTPS och de bästa tillägg och tools för sökmotorsoptimering i WordPress för att förbättra din websites ranking.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!
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.
Administratör
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
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.
Administratör
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!
WPBeginner Support says
Unless we hear otherwise there is not currently a known security risk with this.
Administratör