Wil je een aangepast Airtable-formulier maken voor je WordPress-site?

Airtable is een datamanagementtool waarmee u uw eigen datagedreven applicaties kunt maken. In principe kunt u gegevens verzamelen met behulp van een formulier op uw website en deze gebruiken om spreadsheets, lijsten met contactpersonen, boekingskalenders en meer te maken.

In dit artikel laten we u zien hoe u een aangepast Airtable-formulier in WordPress kunt maken.

Maar als u WordPress nog nooit hebt geïnstalleerd, moet u dat eerst weten Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Dan waarom we hier zijn.

Waarom een ​​aangepast Airtable-formulier maken in WordPress?

Airtable is een hulpprogramma voor gegevensbeheer waarmee u aangepaste toepassingen kunt bouwen op basis van gegevens. U kunt het gebruiken om de gegevens die op uw website zijn verzameld beter te visualiseren met behulp van WordPress-formulieren.

U kunt uw gegevens bijvoorbeeld gebruiken van Contact formulier WordPress in Airtable als tool CRM (klantrelatiebeheer).

Het kan ook worden gebruikt voor prospects beheren vastgelegd door uw WordPress-formulieren. U kunt het ook gebruiken om gegevens van gebruikersenquêtes op uw website op te slaan.

In principe kunt u de verzamelde gegevens gebruiken uw WordPress-contactformulieren in Airtable om apps, workflows en tools op maat voor uw bedrijf te maken.

Dat gezegd hebbende, laten we eens kijken hoe u eenvoudig een aangepast Airtable-formulier in WordPress kunt maken.

Een aangepast Airtable-formulier maken in WordPress

Om ons aangepaste Airtable-formulier in WordPress te maken. Eerst maken we een Contact formulier helpen door WPForms.

Het is de beste plug-in voor het maken van WordPress-formulieren op de markt en je kunt eenvoudig elk type formulier bouwen met een eenvoudige interface voor slepen en neerzetten.

Daarna zullen we ons formulier verbinden met Airtable met behulp van een service genaamd Zapier.

Zapier werkt als een brug om twee verschillende apps zonder code met elkaar te verbinden. Je kunt het gebruiken met tientallen online apps, waaronder WPForms en Airtable.

Klaar, gereed ? Laten we gaan.

Uw formulier maken in WPForms

Allereerst moet u de plug-in installeren en activeren WPForms. Zie onze stapsgewijze handleiding voor meer informatie hoe een WordPress-plug-in te installeren.

Opmerking: je hebt de Pro-versie of hoger nodig om toegang te krijgen tot de WPForms Zapier-add-on.

Ga bij het activeren naar de pagina  WPForms >> Instellingen, voer uw licentiesleutel in. U vindt de licentiesleutel in uw account op de WPForms-website.

Wpforms-instellingen licentiesleutel

Dan moet je doorgaan WPForms »Nieuw toevoegen in uw WordPress-dashboard. Hiermee wordt de WPForms-interface gestart.

We zullen een model gebruiken van Contact formulier eenvoudig met twee extra velden voor 'Bedrijf' et 'Telefoon'.

Hoe maak je een op maat gemaakt airtable formulier wordpress formulier contact met ons op blogpascher

Nadat u uw formulier heeft ingesteld, moet u het toevoegen aan uw WordPress-website. Bewerk gewoon het bericht of de pagina waaraan u het formulier wilt toevoegen.

Klik in het post-edit-scherm op de knop (+) om een ​​nieuw blok toe te voegen. Zoek daarna het WPForms-blok en voeg het toe aan je contentspot.

Hoe maak je een aangepast wordpress airtable formulier door blogpascher block toe te voegen

Raadpleeg onze stapsgewijze handleiding voor gedetailleerde instructies een contactformulier maken in WordPress.

Nadat u uw formulier aan uw website heeft toegevoegd, kunt u een testinvoer maken. Dit wordt gebruikt om de verbinding tussen WPForms en Airtable te configureren en te verifiëren.

Hier is onze testinzending, met naam, e-mailadres, telefoonnummer, bedrijfsnaam en een bericht:

Hoe maak je een aangepaste airtable vorm wordpress test blogpascher

Voorbereiding voor het verbinden van WPForms en Zapier

We gaan Zapier gebruiken om een ​​brug te slaan tussen WPForms en Airtable. Om dit te doen, moet u de WPForms Zapier Addon installeren en activeren.

Navigeer in uw WordPress-dashboard naar de pagina WPForms >> Add-ons en zoek de Zapier-add-on. Ga je gang, installeer het en activeer het.

Hoe maak je een aangepaste airtable vorm wordpress zapier addon blogpascher

Nu moet je naar de pagina gaan WPForms »Instellingen» Integraties. Klik hier gewoon op het Zapier-logo en u krijgt uw Zapier API-sleutel. Dit heb je nodig om Zapier te verbinden met je WPForms-account.

Hoe maak je een aangepaste luchttabel wordpress zapier api cle blogpascher

Kopieer de API-sleutel naar een veilige plaats of houd dit tabblad open, je hebt deze nodig in de volgende stap.

Voorbereiding voor het aansluiten van Airtable en Zapier

Nu moet je Airtable voorbereiden om via Zapier verbinding te maken met WPForms. Hiervoor heb je een Airtable API key nodig. Hiermee kunt u Airtable verbinden met Zapier.

Maak gewoon een account aan Airtable of log in op uw bestaande account. Klik vervolgens op de knop Account rechtsboven. U wordt naar uw accountpagina geleid, waar u gewoon op de 'Genereer API Key'

Hoe maak je een aangepaste airtable vorm wordpress api key blogpascher

Nadat u uw sleutel heeft gegenereerd, moet u deze kopiëren en ergens op een veilige plaats plakken voor later.

Uw Zap maken om gegevens van uw websiteformulier naar Airtable te verzenden

Ga dan naar de Zapier-website. Hier moet u een gratis account aanmaken of inloggen op uw bestaande account.

Klik in je Zapier-dashboard op de 'Maak een ZAP'linksboven om de configuratiewizard te starten.

Hoe u een aangepaste airtable vorm wordpress maakt, maak een zap blogpascher

Let op: In Zapier is een "ZAP" een proces met een trigger en een actie. Onze trigger zal iemand zijn die het formulier invult, en onze actie zal zijn om een ​​record in Airtable te maken.

Bovenaan het scherm moet je je zap een naam geven, daarna kun je de trigger configureren.

Allereerst in de omgeving 'Kies App en evenement', typ' WPForms 'in de zoekbalk. Klik daarna op het WPForms-pictogram dat verschijnt:

Hoe maak je een aangepaste luchttafel vorm wordpress zapier app event blogpascher

U wordt gevraagd om een ​​triggergebeurtenis te kiezen. Laat dit spel op 'Nieuw formulier'en klik op de knop Doorgaan.

Hoe maak je een aangepaste airtable vorm wordpress zapier kies trigger event blogpascher

Zapier zal u vragen om u aan te melden bij WPForms. Klik hier op de 'Log in bij WPForms:

Hoe maak je een aangepast airtable formulier wordpress zapier log in wpforms blogpascherU zou een pop-upvenster moeten zien. U moet uw API-sleutel invoeren die u eerder heeft ontvangen, evenals de URL (domeinnaam) van uw website:

Hoe maak je een aangepaste luchttabel wordpress zapier wpforms api key blogpascher

Zodra u dat heeft gedaan, klikt u op de " Ja, ga door Verdergaan.

Vervolgens wordt u gevraagd om het formulier dat u eerder hebt gemaakt te selecteren in de vervolgkeuzelijst.

Hoe maak je een aangepaste luchttafel vorm wordpress zapier kies contact met ons op blogpascher

Zodra u het juiste formulier heeft geselecteerd, klikt u op de knop 'Trigger-test'.

Hoe maak je een aangepaste airtable vorm wordpress zapier test trigger blogpascher

U zou dan een bericht moeten zien waarin staat dat Zapier een testitem heeft gevonden. De gegevens worden op het scherm weergegeven:

Hoe maak je een aangepaste luchttabel wordpress zapier gevonden test entry blogpascherKlik op de knop 'Doorgaan met' doorgaan. U bevindt zich nu op het actiegedeelte van de Zap, waar u uw tweede aanvraag moet kiezen.

Hoe maak je een aangepaste luchttabel wordpress zapier, doe deze actiestap blogpascher

Typ gewoon Airtable in de vervolgkeuzelijst en selecteer het. Vervolgens ziet u de vervolgkeuzelijst om een ​​actie-evenement te kiezen:

Hoe je een aangepaste airtable vorm wordpress zapier maakt, doe deze airtable blogpascher

De actie-gebeurtenis is precies wat u wilt dat er gebeurt wanneer iemand het formulier op uw website invult. U moet 'Maak een record'hier:

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher

Nu zal Zapier u vragen om in te loggen op Airtable. U hoeft alleen maar op de 'Log in bij Airtable'en log vervolgens in.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 1

Nu moet je de Airtable API-sleutel invoeren die je eerder hebt ontvangen:

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 2

Nu zie je een knop Doorgaan. Klik er gewoon op om door te gaan met het maken van je zap.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 3

Vervolgens moet u uw 'database' selecteren. U moet ook uw tafel kiezen. We gaan gebruiken Sales CRM  als basis en voeg onze nieuwe contacten toe aan de tafel Contacten :

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 5

Nu moet je Zapier vertellen welke velden in je WPForms-formulier moeten overeenkomen met de kolommen in je Airtable-tabel.

Selecteer voor alle toepasselijke velden eenvoudig het juiste veld met uw testgegevens:

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 6

Als u klaar bent, klikt u op de knop voortzetten " doorgaan. Zapier zal je nu vragen om een ​​testopname naar Airtable te sturen met behulp van je testgegevens. U ziet een voorbeeld van de gegevens.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 7

Klik op de knop 'Test en ga door'. Hierdoor worden de testgegevens naar de door u gekozen tabel in Airtable gestuurd, waardoor een nieuw record wordt aangemaakt:

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 8Nu hoeft u alleen maar op de 'Klaar met bewerken'om het maken van je zap te voltooien.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 9

U kunt controleren of het record correct is toegevoegd aan Airtable. Om dit te doen, gaat u gewoon naar uw Airtable-account en opent u de database Sales CRM, bekijk vervolgens de tabel met contactpersonen en verifieer uw testgegevens.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 10

Als u iets moet veranderen, gaat u terug naar stap 'Pas Record aan'en verander de gegevens die in welke kolom in uw tabel komen.

De laatste stap is om je Zap te activeren door op de schuifregelaar onderaan je scherm te klikken.

Hoe maak je een aangepaste luchttabel wordpress zapier blogpascher 11

Je ZAP wordt nu uitgevoerd. Alle formulierinvoer via uw verbonden formulier wordt toegevoegd aan de Airtable-tabel die u hebt geselecteerd.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. Widget voor recente reacties van Facebook 

Met deze widget kunt u een lijst met de nieuwste Facebook-opmerkingen van uw WordPress-blog op de eerste pagina weergeven, of waar dan ook waar een widget door de website wordt gebruikt.

Facebook recente opmerkingen wordpress widget wordpress plugin voor Facebook opmerkingen

Als functies heb je onder andere: de weergave van de nieuwste opmerkingen van je website of WordPress-blog, deAutomatische of handmatige goedkeuring van opmerkingen die op de widget moeten worden weergegeven,een e-mailmelding sturen wanneer een persoon opmerkingen maakt via de Facebook-opmerkingenplug-in goede SEO, compatibiliteit met elk WordPress-thema, oopties om de widget aan te passen en nog veel meer.

Downloaden | demonstratie | web hosting

2. WordPress Quiz

WP Quiz is een WordPress Plugin waardoor het gemakkelijk is om meerkeuzevragen (MCQ's) op uw blog te maken voor vele doeleinden, zoals lesgeven, bloggen, adverteren, enz ...

Wordpress Quiz

Nadat een persoon zijn test heeft voltooid, worden gegevens met betrekking tot zijn score en antwoorden onmiddellijk voor statistische doeleinden in de database opgeslagen. Dankzij deze statistische functie kunt u alle gegevens verzamelen die nodig zijn voor uw verschillende doelstellingen van uw WordPress-website.

Zie ook Sommige WordPress functies die u waarschijnlijk weet

Bovendien heeft WP Quiz verschillende aanpassingsparameters zoals la lokalisatie, kleur veranderend volgens gebruikersinterface, willekeurige vragen, enz ...

Downloaden | demonstratie | web hosting

3. Gerelateerde berichten voor verschillende berichten

Ce WordPress Plugin is ontworpen om u te helpen het probleem van het weergeven van gerelateerde inhoud op uw website op te lossen. Het helpt u dus om inhoud te leveren die gebruikers zal interesseren. U hoeft niet elke keer gerelateerde berichten te selecteren, omdat dit proces volledig geautomatiseerd is.Gerelateerde berichten voor verschillende berichten

Gerelateerde berichten voor verschillende berichten is een WordPress Plugin die een standaardlijst met verschillende blogberichten weergeeft, evenals aangepaste berichten als gerelateerde berichten.

Zie ook Een externe link maken met de titel van een WordPress-artikel

U kunt nog steeds verschillende items zoeken en selecteren voor afzonderlijke items. U kunt ook bepaalde regels configureren om gerelateerde publicaties weer te geven.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is het voor deze tutorial. We hopen dat dit artikel je heeft geholpen bij het leren maken van een aangepast Airtable-formulier in WordPress. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...