Vil du lage et tilpasset Airtable-skjema for WordPress-nettstedet ditt?

Airtable er et datahåndteringsverktøy som lar deg lage dine egne datadrevne applikasjoner. I utgangspunktet kan du samle inn data ved hjelp av et skjema på nettstedet ditt og bruke det til å lage regneark, kontaktlister, bookingkalendere og mer.

I denne artikkelen vil vi vise deg hvordan du oppretter et tilpasset Airtable-skjema i WordPress.

Men først, hvis du aldri har installert WordPress, må du finne ut av det Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så hvorfor vi er her.

Hvorfor lage et tilpasset Airtable-skjema i WordPress?

Airtable er et datahåndteringsverktøy som lar deg bygge tilpassede applikasjoner basert på data. Du kan bruke den til å bedre visualisere dataene som er samlet inn på nettstedet ditt ved hjelp av WordPress-skjemaer.

Du kan for eksempel bruke dataene dine fra Kontaktskjema WordPress i Airtable som verktøy CRM (Customer Relationship Management).

Den kan også brukes til administrere potensielle kunder fanget opp av WordPress-skjemaene dine. Du kan også bruke den til å lagre brukerundersøkelsesdata på nettstedet ditt.

I utgangspunktet kan du bruke dataene som er samlet inn fra WordPress-kontaktskjemaene dine i Airtable for å lage tilpassede apper, arbeidsflyter og verktøy for bedriften din.

Når det er sagt, la oss ta en titt på hvordan du enkelt kan lage en tilpasset Airtable-skjema i WordPress.

Opprette et tilpasset Airtable-skjema i WordPress

For å lage vårt tilpassede Airtable-skjema i WordPress. Først skal vi lage en Kontaktskjema hjelp av WPForms.

Det er det beste WordPress-formbygger-pluginet på markedet, og det lar deg enkelt lage alle typer skjemaer ved hjelp av et enkelt dra-og-slipp-grensesnitt.

Etter det vil vi koble skjemaet vårt til Airtable ved hjelp av en tjeneste som heter Zapier.

Zapier fungerer som en bro for å koble sammen to forskjellige apper uten kode. Du kan bruke den med dusinvis av elektroniske apper, inkludert WPForms og Airtable.

Klar ? La oss gå.

Opprette skjemaet ditt i WPForms

Først av alt må du installere og aktivere plugin-modulen WPForms. For mer informasjon, se vår trinnvise guide hvordan du installerer en WordPress-plugin.

Merk: Du trenger Pro-versjonen eller nyere for å få tilgang til WPForms Zapier-tillegg.

Gå til siden når du aktiverer  WPForms >> Innstillinger, skriv inn lisensnøkkelen. Du finner lisensnøkkelen i kontoen din på nettstedet WPForms.

Wpforms lisensnøkkel for innstillinger

Da må du fortsette WPForms »Legg til nytt i WordPress-dashbordet. Dette vil starte WPForms-grensesnittet.

Vi vil bruke en modell av Kontaktskjema enkelt med to tilleggsfelt for 'Selskap' et 'Telefon'.

Hvordan lage tilpasset airtable form wordpress form kontakt oss blogpascher

Når du har konfigurert skjemaet ditt, må du legge det til WordPress-nettstedet ditt. Bare rediger innlegget eller siden der du vil legge til skjemaet.

I skjermen etter redigering klikker du på knappen (+) for å legge til en ny blokk. Etter det, finn WPForms-blokken og legg den til innholdet ditt.

Hvordan lage tilpasset Wordpress lufttabell skjema legge blogpascher blokk

For detaljerte instruksjoner, se vår trinnvise guide på opprettelsen av et kontaktskjema i WordPress.

Når du har lagt til skjemaet ditt på nettstedet ditt, kan du lage en testoppføring. Dette vil bli brukt til å konfigurere og verifisere forbindelsen mellom WPForms og Airtable.

Her er testoppføringen vår, med navn, e-post, telefon, firmanavn og en melding:

Hvordan lage tilpasset airtable form wordpress test blogpascher

Forberedelse for tilkobling av WPForms og Zapier

Vi skal bruke Zapier til å lage en bro mellom WPForms og Airtable. For å gjøre dette må du installere og aktivere WPForms Zapier Addon.

I WordPress-dashbordet navigerer du til siden WPForms >> Tillegg og finn Zapier-tillegget. Så fortsett, installer den og aktiver den.

Hvordan lage en tilpasset lufttabellform wordpress zapier addon blogpascher

Nå må du gå til siden WPForms »Innstillinger» Integrasjoner. Bare klikk på Zapier-logoen her, så får du din Zapier API-nøkkel. Du trenger dette for å koble Zapier til WPForms-kontoen din.

Hvordan lage tilpasset lufttabellform wordpress zapier api cle blogpascher

Kopier API-nøkkelen til et trygt sted, eller hold denne fanen åpen, du trenger den i neste trinn.

Forberedelse for tilkobling av Airtable og Zapier

Nå må du forberede Airtable for å få kontakt med WPForms gjennom Zapier. For å gjøre dette trenger du en Airtable API-nøkkel. det vil tillate deg å koble Airtable med Zapier.

Bare opprett en konto Airtable eller logg inn på din eksisterende konto. Klikk deretter på knappen Logg inn øverst til høyre. Du blir ført til kontosiden din, der du bare må klikke på 'Generer API-nøkkel'

Hvordan lage tilpasset lufttabellform wordpress api key blogpascher

Når du har generert nøkkelen din, må du kopiere og lime den inn et trygt sted for senere.

Opprette Zap for å sende data fra nettsideskjemaet ditt til Airtable

Gå deretter til Zapier-nettstedet. Her må du opprette en gratis konto eller logge på din eksisterende konto.

I Zapier-dashbordet klikker du på 'Lag A ZAP'øverst til venstre for å starte konfigurasjonsveiviseren.

Hvordan lage tilpasset airtable form wordpress lage en zap blogpascher

Merk: I Zapier er en "ZAP" en prosess med utløser og handling. Utløseren vår vil være noen som fyller ut skjemaet, og vår handling vil være å lage en plate i Airtable.

Øverst på skjermen må du gi zappen et navn, så kan du konfigurere utløseren.

Først av alt, i området 'Velg App & Event', skriv' WPForms 'i søkefeltet. Etter det er det bare å klikke på WPForms-ikonet som vises:

Hvordan lage tilpasset lufttabellform wordpress zapier app hendelse blogpascher

Du blir bedt om å velge en triggerhendelse. La dette spillet være på 'Ny skjemaoppføringog klikk på knappen Fortsett.

Hvordan lage tilpasset lufttabellform wordpress zapier velg trigger hendelse blogpascher

Zapier vil be deg om å logge på WPForms. Klikk her på 'Logg på WPForms':

Hvordan lage et tilpasset lufttabellform wordpress zapier-tegn til wpforms blogpascherDu bør se et popup-vindu. Du må oppgi API-nøkkelen du mottok tidligere, samt URL (domenenavn) til nettstedet ditt:

Hvordan lage tilpasset lufttabellform wordpress zapier wpforms api key blogpascher

Når du har gjort det, klikker du på " Ja, fortsett Å gå videre.

Deretter blir du bedt om å velge skjemaet du opprettet tidligere fra rullegardinlisten.

Hvordan lage tilpasset lufttabellform wordpress zapier velg kontakt oss blogpascher

Når du har valgt riktig skjema, klikker du på 'Utløsertest'.

Hvordan lage en tilpasset airtable form wordpress zapier test trigger blogpascher

Du bør da se en melding om at Zapier har funnet en testoppføring. Dataene vises på skjermen:

Hvordan lage tilpasset lufttabellform wordpress zapier funnet testoppføring blogpascherKlikk på knappen 'Fortsette' å fortsette. Du er nå på Action-delen av Zap, hvor du må velge din andre applikasjon.

Hvordan lage tilpasset lufttabellform wordpress zapier gjør dette handlingen trinn blogpascher

Bare skriv Airtable i rullegardinlisten og velg den. Da vil du se rullegardinlisten for å velge en handlingshendelse:

Hvordan lage en tilpasset lufttabellform wordpress zapier gjør denne lufttabellen blogpascher

Handlingshendelsen er akkurat det du vil skal skje når noen fyller ut skjemaet på nettstedet ditt. Du må velge 'Lag opptakher:

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher

Nå vil Zapier be deg om å logge på Airtable. Du trenger bare å klikke på 'Logg på Airtable', og logg deretter på.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 1

Nå må du angi Airtable API-nøkkelen du mottok tidligere:

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 2

Nå ser du en knapp Fortsett. Bare klikk på den for å fortsette å lage din zap.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 3

Deretter må du velge 'database'. Du må også velge bordet ditt. Vi skal bruke salg CRM  som base og legg til våre nye kontakter i tabellen Kontakter :

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 5

Nå må du fortelle Zapier hvilke felt i WPForms-skjemaet som skal matche kolonnene i Airtable-tabellen.

For alle aktuelle felt, velg bare riktig felt ved hjelp av testdataene dine:

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 6

Når du er ferdig, klikker du på knappen Fortsett " å fortsette. Zapier vil nå be deg om å sende et testopptak til Airtable ved hjelp av testdataene dine. Du vil se en forhåndsvisning av dataene.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 7

Klikk på knappen 'Test og fortsett'. Dette vil sende testdataene til den valgte tabellen i Airtable, og dermed skape en ny post:

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 8Nå trenger du bare å klikke på 'Ferdig å redigere'for å lage din zap.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 9

Du kan bekrefte at posten ble riktig lagt til Airtable. For å gjøre dette, bare gå til Airtable-kontoen din, åpne databasen salg CRM, vis deretter Kontakter-tabellen og bekreft testdataene dine.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 10

Hvis du trenger å endre noe, er det bare å gå tilbake til trinn 'Tilpass Record'og endre dataene som går i hvilken kolonne i tabellen din.

Det siste trinnet er å aktivere Zap ved å klikke på glidebryteren nederst på skjermen.

Hvordan lage en tilpasset lufttabellform wordpress zapier blogpascher 11

ZAP-en kjører nå. Alle skjemaoppføringer gjennom det tilkoblede skjemaet ditt blir lagt til i Airtable-tabellen du valgte.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Facebooks siste kommentar-widget 

Denne widgeten lar deg vise en liste over de siste Facebook-kommentarene fra WordPress-bloggen din på den første siden, eller hvor som helst det er en widget som brukes av nettstedet.

Facebook nylige kommentarer wordpress widget wordpress plugin for facebook kommentarer

Som funksjoner vil du ha blant annet: visning av alle de siste kommentarene på nettstedet ditt eller WordPress-bloggen,Automatisk eller manuell godkjenning av kommentarer som skal vises på widgeten,sende et e-postvarsel når en person kommenterer gjennom Facebook-kommentarprogrammet, god SEO, kompatibilitet med ethvert WordPress-tema, oalternativer for å tilpasse widgeten og mye mer.

Last ned | dEMO | Webhotell

2. WordPress Quiz

WP Quiz er en WordPress Plugin som gjør det enkelt å lage flervalgsspørsmål (MCQs) på bloggen din for mange formål som undervisning, blogging, annonsering, etc...

Wordpress Quiz

Etter at en person har fullført testen, blir data om poengsummen og svarene lagret umiddelbart i databasen for statistiske formål. Takket være denne statistiske funksjonen kan du samle alle dataene som er nødvendige for dine forskjellige mål fra WordPress-nettstedet ditt.

Se også Noen WordPress funksjoner du sikkert vet

I tillegg har WP Quiz flere tilpasningsparametere som f.eks la lokalisering, fargeendring avhengig av brukergrensesnitt, tilfeldige spørsmål osv ...

Last ned | dEMO | Webhotell

3. Relaterte innlegg for bestemte innlegg

Ce WordPress Plugin ble utviklet for å hjelpe deg med å løse problemet med å vise relatert innhold på nettstedet ditt. Så det hjelper deg med å levere innhold som vil interessere brukere. Du trenger ikke velge relaterte innlegg hver gang, siden denne prosessen vil være helautomatisert.Relaterte innlegg for forskjellige innlegg

Relaterte innlegg for distinkte innlegg er en WordPress Plugin som viser en standardliste over forskjellige blogginnlegg samt tilpassede innlegg som relaterte innlegg.

Se også Hvordan lage en ekstern lenke med tittelen på en WordPress-artikkel

Du vil fremdeles kunne søke og velge forskjellige elementer for enkeltelementer. Du vil også kunne konfigurere visse regler for å vise relaterte publikasjoner.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for denne opplæringen. Vi håper denne artikkelen har hjulpet deg med å lære hvordan du lager et tilpasset Airtable-skjema i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...