We laten zien hoe je Airtable-gegevens kunt weergeven op een website met behulp van Softr en hoe je de antwoorden van gebruikers vervolgens opslaat in Airtable.
Softr wordt gebruikt om verbinding te maken met Airtable en een website te maken met lijsten en detailpagina's. We voegen een commentaarfunctie toe, zodat gebruikersreacties kunnen worden opgeslagen in de 'Table - Comment'-tabel in Airtable.
Door beperkingen in de Softr Preview-functie moeten we een gebruiker aanmaken en inloggen. Vervolgens navigeren we van de lijstpagina naar de detailpagina, plaatsen we een reactie en controleren we of de reactie in Airtable is opgeslagen om te verifiëren dat de functionaliteit correct werkt.
Deze inhoud is een vervolg op de onderstaande inhoud.
Deze keer laten we de inhoud van Airtable zien op een website met behulp van Softr.
Voor de test passen we de inhoud van Airtable eenvoudig aan.
En we maken een website aan in Softr. Je kunt de standaardpagina's instellen, ik heb Home en List gekozen.
Als je op de lijstpagina de lijst selecteert, verschijnt er rechts een configuratiepaneel. Onder Source kun je Airtable koppelen.
Na koppeling zie je in de preview de informatie die je in Airtable hebt ingevoerd. Als er geen informatie is, wordt de standaardwaarde weergegeven.
Nu gaan we ervoor zorgen dat je vanuit de lijst naar een detailpagina kunt gaan en daar een reactie kunt achterlaten. En die reactie willen we vervolgens opslaan in Airtable.
Ga in de rechter configuratie naar Actions. En verander de actie onder Item Buttons. Ik heb Open detail pages geselecteerd.
Onder Select page kiezen we voor het aanmaken van een nieuwe pagina. En we selecteren de gewenste Detail Page.
Nadat de pagina is aangemaakt, voegen we een Comments block toe.
We koppelen het aangemaakte Comments block aan Airtable.
Maar voordat we dat doen, moeten we een nieuwe tabel aanmaken in Airtable, omdat we de bestaande tabel niet kunnen gebruiken. Ik heb hem 'Table - Comment' genoemd.
Daarna passen we de velden aan. Ik heb Email, Comment, Date en RecordId aangemaakt.
Als je dit hebt gedaan, ga je terug naar Softr en koppel je het Comments block aan Airtable onder Source.
Nu gaan we testen. Softr biedt een preview-functie, maar reacties kunnen alleen worden achtergelaten door een aangemelde gebruiker. Daarom gaan we een gebruiker aanmaken.
Klik links op de knop Users om naar de gebruikerspagina te gaan.
Je kunt User-informatie koppelen aan Airtable of een andere service, maar hier slaan we deze stap over met Skip.
Bovenaan rechts maak je een gebruiker aan via Add user(s).
Ga nu terug naar Pages en ga naar de lijstpagina.
En klik bovenaan op de knop Preview om naar de preview-modus te gaan.
In de preview kun je overschakelen naar de aangemelde status.
Log in via de knop bovenaan met de gebruiker die je zojuist hebt aangemaakt.
Klik op de knop in de lijst. Als je op de knop klikt, ga je naar de detailpagina die je eerder hebt aangemaakt.
En laat een reactie achter.
Klaar.
Ga nu naar Airtable om te controleren of de reactie is opgeslagen.