Vill du skapa ett customize Airtable-formulär för din WordPress site?
På WPBeginner har vi hjälpt många användare att sömlöst integrera Airtable-formulär på sina WordPress-webbplatser.
Airtable är ett kraftfullt verktyg för att skapa custom datadrivna appar, allow you att samla in och hantera data på ett effektivt sätt. Att kämpa med klumpiga formulär och oorganiserad data kan vara frustrerande och tidskrävande.
I den här artikeln visar vi dig det enklaste sättet att skapa ett customize Airtable-formulär i WordPress utan någon obligatorisk kodning.
Varför skapa ett Customize Airtable-formulär i WordPress?
Föreställ dig att du run en upptagen website med massor av data som kommer in från contact forms, undersökningar och kundförfrågningar. Att hålla track på all denna information kan snabbt bli en mardröm.
You find yourself lost in a sea of emails, spreadsheets, and poorly organized data, wasting precious time trying to make sense of it all. Det är här som customize Airtable-formulär i WordPress kommer till undsättning.
Airtable är ett verktyg för datahantering som allowar dig att skapa customize datadrivna appar. På så sätt kan du bättre visualisera de data som samlas in på din website med hjälp av WordPress-formulär.
You kan till exempel använda dina WordPress-kontaktformulärsdata i Airtable som ett CRM-verktyg (Customer Relationship Management) för att hantera leads och kontakter som genomförs av dina WordPress-formulär.
Du kan också lagra data från undersökningar av användare på Airtable.
Här är några andra användningsområden för att använda Airtable i WordPress:
- Organisera uppgifter efter projekt, tilldela responsiver och använd Kanban views för att visualisera projektets framsteg.
- Skapa en innehållskalender för content, track publiceringsdatum och tilldela skribenter och edit för att öka trafiken på din blogg.
- Underhålla en database med inventory items för att tracka kvantiteter för your online store.
I grund och botten kan du använda data som samlas in från dina Contact Form i WordPress i Airtable för att skapa customizer-appar, arbetsflöden och tools för your business.
Med detta sagt, låt oss ta en titt på hur man enkelt skapar ett customize Airtable-formulär i WordPress.
Så här skapar du ett Customize Airtable-formulär i WordPress
För att skapa vårt customize Airtable-formulär i WordPress, kommer vi först att skapa ett kontaktformulär med WPForms.
Det är The best drag & drop WordPress form builder plugin på marknaden och tillåter dig att skapa alla typer av formulär enkelt med hjälp av ett enkelt drag and drop-gränssnitt.
Därefter ansluter vi vårt formulär till Airtable med hjälp av en tjänst som heter Zapier.
Zapier fungerar som en bro för att ansluta två olika appar utan någon kod. Du kan använda den med dussintals online-appar, inklusive WPForms och Airtable.
Är du redo? Låt oss komma igång.
Skapa ditt formulär 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 få tillgång till Zapier addon för WPForms.
Efter aktivering måste du gå till WPForms ” Settings page.
Under tabben ”General”, enter license key från your account på WPForms website och tryck på ”Verify Key”.
Därefter måste du besöka WPForms ” Add New page i din WordPress dashpanel. Detta kommer att starta WPForms byggargränssnitt, där du kan välja mellan över 1200 pre-built templates.
Se till att ge ditt formulär ett namn så att du lätt kan hänvisa tillbaka till det.
I den här tutorialen kommer vi att använda ”Simple Contact Form”.
Gå vidare och klicka på ”Use Template”.
Härifrån kommer du till drag and drop editor, där du enkelt kan customize formuläret.
Låt oss säga att vi skapar ett kontaktformulär för att samla in leads från B2B-prospekt. I det här fallet vill vi add to ”Company” och ”Phone Number” till vårt kontaktformulär.
För att lägga till företaget måste du lägga till ett objekt ”Single Line Text”, sedan klicka på elementet och byta namn på fältet till ”Company”.
Om du vill att potentiella kunder ska ange sitt telefonnummer drar du bara fältalternativet ”Phone” till Editorn.
Känn dig gratis att add to andra fält som passar your behov. För mer detaljer kan du läsa vår guide om hur du skapar ett kontaktformulär i WordPress.
När du har skapat ditt formulär måste du add to din WordPress website.
Tryck bara på knappen ”Embed” högst upp.
Du kan välja att embeda kontaktformuläret på en befintlig sida eller på en new page.
I det här fallet väljer vi ”Select Existing Page”.
Välj vilken page du gillar och selecta knappen ”Let’s Go!”.
Då kommer du till WordPress editor för den aktuella page.
Allt du behöver göra är att trycka på knappen ”+” högst upp i vänstra hörnet.
Sedan hittar du och väljer WForms widget för att add to your page.
Härifrån kan du välja det kontaktformulär som du just har skapat.
Det kommer automatiskt att embed formuläret till din page.
Se sedan till att trycka på knappen ”Update” högst upp.
Nu bör ditt formulär läggas till på din WordPress page.
När du har addat ditt formulär till din website, gå vidare och skapa en testpost. Detta kommer att användas för att ställa in och kontrollera anslutningen mellan WPForms och Airtable.
Här är vår test Entry, med namn, email, telefon, företagsnamn och ett message:
Activate Zapier Addon för WPForms
Vi kommer att använda Zapier för att bygga en bro mellan WPForms och Airtable. För att göra det måste du installera och aktivera WPForms Zapier Addon.
I din WordPress dashboard, gå till WPForms ” Addons page och hitta Zapier addon. Sedan går du vidare och installerar och aktiverar det.
Nu måste du gå till WPForms ” Settings.
På sidan ”Integrations” klickar du helt enkelt på Zapier-logotypen här, så får du din Zapier API key. Du behöver den här för att ansluta Zapier till ditt WPForms account.
Kopiera API key på ett säkert ställe eller håll den här tabben öppen, eftersom du kommer att behöva den i senare steg.
Konfigurera en bas och ett bord i Airtable
Därefter måste vi skapa en bas i Airtable för att lagra all information som vi samlar in från vårt kontaktformulär.
Om du är new på Airtable kanske du ej vet hur man ställer in en bas och ett bord.
För det första är basen den database som ligger högst upp och som används för att organisera och lagra information. En tabell i Airtable liknar ett ark i ett kalkylblad.
När du har skapat ett konto på Airtable går du vidare och klickar på alternativet ”Start from scratch” i din hempanel.
Om du har ett befintligt kalkylblad som du vill flytta över till Airtable, klickar du bara på alternativet ”Quickly upload”.
Gå vidare och namnge din bas och ditt bord.
Vi har bestämt oss för att kalla vår bas för ”Sales CRM” och tabellen för ”Contacts”.
Ändra sedan etiketterna högst upp i column så att de matchar de formulärfält som du just har skapat i WPForms.
I det här fallet har vi lagt till en etikett för Name, Company, Email och Phone.
Håll den här tabben öppen, eftersom vi kommer att gå tillbaka till den senare för att kontrollera om vår WordPress automatisering fungerar.
Skapa en personlig Access Tokens
Nu måste du förbereda Airtable för att ansluta till WPForms via Zapier. För att göra det behöver du en personlig access token för att ansluta Airtable till Zapier.
Navigera bara till Airtable och klicka på knappen ”Account” under logotypen för din profil.
Med en personlig Access Token kan du skapa flera Tokens som ger tillgång till informationen i dina Airtable databaser.
I tabben ”Översikt”, fortsätt och klicka på knappen ”Gå till utvecklare”.
Du kommer att tas till hubben för utvecklare, där du kan skapa tokens för att ansluta till dina Airtable-data.
Under tabben ”Personal access tokens”, click the ”Create token” button.
Härifrån kommer du att bli obligatorisk att fylla i viktig information. Först måste du namnge token så att du enkelt kan hänvisa till den senare om du vill editera behörigheterna.
Under ”Scopes” måste you select vad användarna kan göra när de får tillgång till denna token. I det här fallet väljer vi alternativet ”data.records:write” så att användarna kan skapa, edit och delete poster.
När det är gjort klickar du bara på knappen ”Skapa token”.
En popup kommer att visas som talar om för dig att din token har skapats. Kopiera den bara och förvara den på ett säkert ställe.
Vi kommer att lägga till denna token till Zapier så att vi kan ansluta vår Airtable database till WordPress.
Gör din Zap för att skicka data från formuläret på din website till Airtable
Gå sedan till Zapiers website. Här måste du skapa ett gratis konto eller logga in på ditt befintliga konto.
I din Zapier dashpanel klickar du på knappen ”Create a Zap” högst upp till vänster för att starta konfigurationsguiden.
Note: I Zapier är en ”zap” en process med en trigger och en action. Vår trigger kommer att vara någon som fyller i formuläret, och vår action kommer att vara att skapa en post i Airtable.
Högst upp på vyn måste du ge din zap ett namn, och sedan kan du ställa in utlösaren.
Rulla ner och klicka på boxen ”Trigger”.
Därefter vill du hitta och välja WPForms app för att starta utlösaren.
I boxen ”Choose App & Event” skriver du in ”WPForms” i sökfältet.
Därefter klickar du helt enkelt på WPForms icon som kommer upp.
Ett fönster med en sidebar visas till höger på din vy. Under Händelse väljer du ”New Form Entry” som utlösande faktor för att starta aktionen.
Tryck sedan bara på knappen ”Fortsätt”.
Därefter måste du klicka på knappen ”Sign In” för att logga in på ditt WPForms account.
Detta allow Zapier att ta all den nya formulärinmatningsdata och insert den i din Airtable.
Ett popup-fönster kommer att visas.
Du måste enter den API key som du genererade tidigare, plus URL (domain name) för din website.
När du har gjort det klickar du på knappen ”Fortsätt” för att gå vidare.
Därefter kommer du att bli ombedd att selecta det formulär du skapade tidigare från dropdown-listan.
När du har valt kontaktformuläret går du vidare och väljer ”Fortsätt”.
Med knappen ”Uppdatera fält” kan du uppdatera data så att de återspeglar de senaste formulärposterna.
Klicka sedan på knappen ”Test trigger”.
Zapier hittar din senaste Entry, vilket bekräftar om triggern är korrekt konfigurerad.
Du bör då se ett message som talar om för dig att Zapier hittade en testpost.
Data från your form entry kommer att visas på vyn:
Klicka på knappen ”Fortsätt med vald post” för att gå vidare. Du befinner dig nu i Action-delen av Zap, där du måste välja din andra app.
Skriv bara ”Airtable” i dropdown för att hitta appen. Klicka sedan på Airtable widgetar.
När Airtable är ansluten till din zap kommer du att se dropdown för att välja en händelse för action.
Händelsen action är helt enkelt vad du vill ska hända när någon completed formuläret på din site. Här måste du selecta ”Create Record”.
Tryck sedan på knappen ”Fortsätt”.
Nu kommer Zapier att uppmana dig att logga in på Airtable.
Klicka bara på knappen ”Sign In” och logga sedan in.
Ett new fönster kommer att visas som berättar att Zapier begär Airtable-åtkomst. I huvudsak tillåter detta Zapier att automatiskt skicka dina formulärinmatningsdata till de skapade fälten i din Airtable.
Allt du behöver göra är att klicka på länken ”+ Add a base”. Välj sedan vilka arbetsytor du vill ge Zapier tillgång till. Om du inte har något alternativ klickar du bara på alternativet som säger ”Alla nuvarande och framtida baser i alla nuvarande och framtida arbetsytor.
När du väl är vald klickar du på knappen ”Grant access”.
Nu kommer du att se en knapp ”Fortsätt”.
Just click this to carry on making your zap.
Under tabben Action måste du först add to your ”Base” och ”Table” från de givna dropdown menyerna.
Vi kommer att använda vårt Sales CRM som bas och add to våra nya kontakter till tabellen Contacts.
Du måste också berätta för Zapier vilka fält från ditt WPForms-formulär som ska motsvara kolumnerna i din Airtable-tabell.
För alla tillämpliga fält väljer du helt enkelt det korrekta fältet med hjälp av dina testdata. Det ska se ut ungefär så här:
Klicka sedan på knappen ”Fortsätt” för att fortsätta.
Zapier kommer nu att uppmana dig att skicka en testpost till Airtable med dina testdata.
You will see a preview of the data (Du kommer att se en preview av data). Klicka helt enkelt på ”Test step”.
Detta kommer att skicka testdata till din valda tabell i Airtable och skapa en new post.
Gå vidare och reviewer posten för preview för att kontrollera att informationen är korrekt.
Du kanske vill dubbelkontrollera att posten har registrerats korrekt i Airtable.
Det är en bra idé att kontrollera att uppgifterna gick igenom till din Airtable-bas och att informationen enterades korrekt i de rätta fälten.
Nu, head tillbaka över till Zapier.
Du behöver bara klicka på knappen ”Publicera” för att slutför skapandet av din zap.
Ge Zap några sekunder att publicera.
Högst upp på din vy bör du se en knapp ”On”, som indikerar att Zap är live.
Om du någonsin behöver edit Zapier, till exempel ändra vilken tabell eller fält som ska skicka din formulärpost till, kan du alltid hitta din Zapier på hempanelen i Zapier.
Klicka bara på rubriken på Zap för att edit den.
Your zap är nu run. All form entries through your connected form will be added to the Airtable table that you selected.
Bonus: Hur man skickar SMS-meddelanden till dina leads
Om du tyckte att den här integrationen var till hjälp kanske du också vill skicka SMS-aviseringar till personer som har completed ditt kontaktformulär.
Detta är ett bra sätt att hålla dem uppdaterade om statusen för deras request.
Låt oss till exempel säga att du har potentiella kunder som besöker din landing page och sedan kompletterar ditt formulär och visar intresse för dina tjänster. Medan formulärdata enteras i en Airtable vill du ha en annan anslutning som automatiskt skickar SMS-meddelanden till dina leads så att de vet vad de kan förvänta sig av you.
Det bästa alternativet är att använda Brevo, som är en tjänst för e-postmarknadsföring som också låter dig skicka SMS till dina leads.
Med den här programvaran kan du importera dina kontakter och sedan skicka sms-kampanjer. För More information, följ vår tutorial om hur du skickar SMS till dina WordPress användare.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett customize Airtable-formulär i WordPress. Du kanske också vill kontrollera våra guider till de bästa telefonitjänsterna för företag och hur du får SMS-meddelanden från dina WordPress-formulär.
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!
Jiří Vaněk says
I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.
ibrar says
This is really helpful to me, thank you! Keep up the good work.
WPBeginner Support says
Glad our guide was helpful
Administratör