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

Så här skapar du en kalender för händelser som användare har submittat i WordPress

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.

Create a user submitted events calendar in WordPress

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.

Is WPForms the best form builder plugin for WordPress?

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.

WPForms license key

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”.

Post submission addon by WPForms

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.

Set up the event calendar plugin

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.

General settings tab

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”.

Change time zone settings

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.

Edit display settings

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.

Choose blog post submission form template

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.

Drag and drop form fields

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.

Disable past dates

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.

Edit form field labels

Efter det måste du gå till Settings ” Post Submissions tabs i form builder.

Se nu till att alternativet ”Post Submissions” är På.

Ensure post submission is on and match metadata

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).

Enter custom post meta

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.

Confirmation settings

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.

Edit notification settings

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.

Edit notification settings

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.

Create a new page

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!”.

Enter name for page

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”.

Publish your page

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.

Form preview

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.

View your event

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

Events page preview

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.

Is Sugar Calendar the right calendar plugin for you?

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.

Setting a parent calendar in Sugar Calendar

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.

Add events to your calendar

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

7 kommentarerLämna ett svar

  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.

    Administratör

  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.

      Administratör

  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!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.