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 addar du Google Calendar-händelser från ditt Contact Form i WordPress

Använder du WordPress Contact Form för tidsbokningar, konsultationer eller andra händelser? Att manuellt lägga till dessa händelser i din Google Kalender kan vara tidskrävande och känsligt för error.

Många av våra användare har upptäckt att automatisk sending av händelser från ditt Contact Form i WordPress direkt till Google Calendar förbättrar effektiviteten och effektiviserar arbetsflödet.

I den här artikeln visar vi dig hur du enkelt kan add to Google Kalender-händelser från ditt kontaktformulär i WordPress, vilket sparar värdefull tid och säkerställer en smidig process för schemaläggning.

Adding Google Calendar events from a WordPress contact form

Varför add to Google Calendar Events från ett WordPress-formulär?

Normalt kan du lägga till ett kontaktformulär på din WordPress website och få notifications via e-post eller i din WordPress dashpanel.

Du kan använda ett kontaktformulär för att allow customers att boka möten, request a callback, få en offert med mera. Att hantera leads i kontaktformulär manuellt är dock inte särskilt effektivt, och du kan förlora kunder på grund av det.

Det är här Google Kalender kan hjälpa till. Den fungerar på alla enheter och du kan få omedelbara aviseringar eller påminnelser för varje händelse i kalendern.

Genom att automatiskt skicka dina formulärposter till Google Kalender kan du vara säker på att du inte missar några bokningar, möten, orders eller anrop.

Med detta sagt, låt oss titta på hur du enkelt skapar en Google Kalender händelse från dina WordPress formulär entries.

Ansluta Contact Form och Google Kalender

För denna tutorial kommer vi att använda WPForms, som är den bästa form builder för WordPress. Det levereras med ett intuitivt drag and drop-gränssnitt som gör att du enkelt kan skapa alla typer av formulär.

Vi kommer sedan att använda Zapier för att ansluta ditt kontaktformulär till Google Kalender. Zapier fungerar som en bro och ansluter två olika appar utan att du behöver skriva någon kod.

Låt oss komma igång.

Skapa ditt Contact Form i WPForms

Först måste du installera och aktivera WPForms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Note: Du behöver Pro-versionen eller högre för att använda Zapier addon för WPForms.

Vid aktivering, gå till WPForms ” Settings page och enter din license key. Du hittar din license key i ditt account area på WPForms website.

Entering your license key for WPForms

Nu är det dags att skapa ditt Contact Form. Om du redan har ett kontaktformulär konfigurerat, redigerar du det helt enkelt genom att gå till WPForms ” All Forms page och klicka på dess namn.

Annars kan du gå till WPForms ” Add New page i din WordPress admin för att starta WPForms builder och skapa ett nytt formulär.

Vi kommer att använda en enkel template för Contact Form med add to datum-/tidsfält för start- och sluttider för anropet. Om du behöver hjälp med att skapa ditt formulär och lägga till fält kan du kontrollera vår Step-by-Step guide för att skapa ett kontaktformulär.

Creating a call booking form in WPForms

Tips: Vill du använda en specialiserad template för formulär för händelser istället? Installera bara Form Templates addon i WPForms ” Addons för att få tillgång till Event Planner-formuläret och 1300+ andra templates.

När du har ställt in ditt formulär måste du add to din WordPress website. Helt enkelt edit den page (eller post) där du vill inkludera det eller add new genom att gå till Pages ” Add New.

Först måste du clicka på ’+’ icon för att add a new block. Sedan searchar du efter WPForms-blocket och addar det till din content area:

Add a WPForms block to your page in Wordpress

När du har addat ditt formulär till din website, gå vidare och publicera eller previewa sidan.

Se till att du skickar in en testpost med ditt formulär. Denna testpost är nödvändig för att konfigurera och kontrollera anslutningen mellan WPForms och Google Calendar.

Här är vår test Entry, med namn, email, datum, start- och sluttid samt ett message:

Creating a test entry for your contact form or booking form

Förberedelser för att ansluta WPForms och Zapier

Vi kommer att använda Zapier för att länka WPForms och Google Calendar. Detta innebär att du måste installera och aktivera WPForms Zapier addon.

Gå bara till WPForms ” Addons page i din WordPress admin. Search efter Zapier addon och klicka sedan på knappen ”Install Addon” för att installera och aktivera det.

Installing the Zapier addon for WPForms

Nu måste du besöka WPForms ” Settings ” Integrations page. Härifrån behöver du helt enkelt klicka på Zapier-logotypen för att få en API key.

Du kanske vill kopiera din API key på ett säkert ställe eller hålla tabben öppen. Du kommer att behöva den senare för att ansluta Zapier till ditt WPForms account.

Skapa din Zap för att skicka data från ditt Contact Form till Google Kalender

Nu är det dags att gå till Zapier website. Om du inte redan har ett konto, gå vidare och skapa ett gratis konto här.

När du är inloggad på Zapier dashboard klickar du på knappen ”Make a Zap”. Den finns högst upp till vänster på vyn.

Click on the button to start making your Zap

Note: I Zapier är en ”Zap” en process som har både en trigger och en action. I det här fallet kommer vår trigger att vara någon som fyller i kontaktformuläret, och vår action kommer att vara att skapa en new händelse i Google Calendar.

Nu måste du ge din Zap ett namn högst upp på vyn. Efter det är det dags att ställa in utlösaren.

Först skriver du ”WPForms” i search-fältet för boxen ”Choose App & Event”. Sedan klickar du bara på WPForms icon som dyker upp:

Select WPForms as your trigger app in Zapier

Zapier kommer automatiskt att fylla i triggerhändelsen ”New Form Entry”.

Allt du behöver göra är att clicka på knappen ”Fortsätt”.

Choosing a trigger event in Zapier

Därefter kommer Zapier att uppmana dig att logga in på ditt WPForms account.

Klicka bara på knappen ”Logga in på WPForms” för att göra det:

Click the button to sign in to WPForms

Du bör nu se ett popup-fönster där du måste enter din API key. Detta är den API key som du hittade tidigare på WPForms ” Settings ” Integrations page i your WordPress admin.

You need also to add the URL of your website.

Enter your API key from WPForms and the URL of your website

När du har gjort det klickar du bara på knappen ”Yes, Continue” för att gå vidare till nästa steg.

Zapier kommer nu att be dig att välja ditt kontaktformulär från dropdown-listan.

Selecting the correct contact form in Zapier

Om du har flera olika formulär på din site, se då till att du väljer rätt:

Gå sedan vidare och klicka på knappen ”Test trigger”.

Testing your trigger in Zapier

Zapier kommer nu att hitta testposten som du skapade tidigare.

You will see this displayed on the screen.

The data from the test contact form entry that Zapier has found

Klicka på knappen ”Continue” så går du vidare till Action-delen av Zap.

Det är här du måste välja din andra app, Google Calendar.

Selecting Google Calendar as your action app

Klicka sedan på ”Choose Action Event” i dropdown-menyn.

Du måste välja alternativet ”Create Detailed Event”.

Select 'Create detailed event' as the action event for Google Calendar

Detta kommer att öppna sidan ”Skapa detaljerad händelse i Google Kalender”.

Zapier kommer nu att uppmana dig att logga in på ditt Google Calendar account.

Sign in to your Google Calendar account when prompted by Zapier

You need to give Zapier behörighet att komma åt your Google Calendar.

Detta kommer att allow Zapier att skapa händelser åt you.

Give Zapier permission to access your Google Calendar

När du har loggat in på Google Kalender klickar du på knappen ”Fortsätt” för att fortsätta.

Därefter kommer du att se Customize Detailed Event section. Här måste du välja korrekt kalender från den första dropdown:

Choose which calendar you want to use with the Zap

När du har gjort det skriver du in en summary för händelsen.

Vi kommer att använda Client Anrop för vår. Du kan också välja ett formulärfält här om du har ett lämpligt fält i ditt formulär för detta.

Type in an summary for your Google Calendar event, e.g. "Client Call"

För beskrivningen av händelsen kommer vi att använda meddelandet från formuläret.

Klicka bara på boxen ”Description” och klicka sedan på det fält i formuläret som du vill använda. Your testdata kommer att visas bredvid fältnamnet.

Select the form field that you want to use for the Google Calendar event's description

Du kan inkludera andra fält här, t.ex. personens namn och/eller email address.

Du måste också se till att du add to Start Date & Time och End Date & Time. Återigen, klicka på boxen och välj lämpligt fält från ditt formulär:

Select the correct fields from your form for the start and end times of the event

Du kanske också vill inkludera email addressen till den person som bokade anropet eller händelsen.

Det innebär att de får en inbjudan skickad till sig, så att de enkelt kan lägga till händelsen i sin egen kalender.

Enter the field for the attendee's email address, if you want to send them a Google Calendar invite

Här kan du även ändra andra Settings. När du är nöjd med dina Settings klickar du på knappen ”Continue”.

Nu ger Zapier dig möjlighet att testa din Zapier.

The details of the test event that will be sent to Google Calendar

Först ser du detaljerna om vad som ska skickas till Google Kalender.

Under detta klickar du helt enkelt på knappen ”Test & Continue” för att testa din Zap.

Click the 'Test and Continue' button to send the test entry's details to Google Calendar

Därefter bör du kontrollera att Zap fungerade.

Du måste gå vidare och se din Google Kalender för att kontrollera att testhändelsen har lagts till utan problem.

Viewing the details of the event that's been added to Google Calendar

Slutligen måste du slå på din Zap.

Klicka bara på den blå knappen ”Turn on Zap”.

Turn on your Zap once you're ready

Tips: Om din händelse har lagts till vid fel tidpunkt på dagen, kontrollera tidszoninställningarna i din Zapier-profil. Om de är felaktiga, ställ in dem på korrekt tidszon och testa din Zapier igen.

Nu är det klart. Your Contact Form entries kommer nu automatiskt att skickas till din Google Calendar.

Expertguider för användning av kalendrar i WordPress

Nu när du vet hur du addar Google Kalender-händelser från ditt Contact Form i WordPress kanske du gillar att se några andra guider relaterade till kalendrar, händelser och bokningar i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du addar Google Kalender-händelser från ditt Contact Form i WordPress. Du kanske också vill se vårt expertval av de bästa telefonitjänsterna för företag och vår Step-by-Step guide om hur du får en gratis email address för företag.

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

3 kommentarerLämna ett svar

  1. Syed Balkhi

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

    Thanks for another great tutorial. I would be lost without you and your team. Great, easy to understand information and you don’t make me feel odd for asking questions. Thanks to you and all your team.memebers.

    • WPBeginner Support

      You’re welcome, glad our guides are helpful to you :)

      Administratör

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.