Low-code ontdekken: Mijn marketingervaring en een basisgids voor beginners

Hallo, met Daniel. Ik ben een marketeer met een reis van vier jaar door non-profit onderwijsprojecten, marketingbureaus en verschillende startups. Een constante uitdaging in mijn carrière was echter mijn allergie voor code. In dit verhaal deel ik graag hoe ik, met een beetje kunstmatige intelligentie en low-code platforms, deze blokkade heb overwonnen en een nieuwe wereld van marketingmogelijkheden heb ontsloten. Want als ik dit nieuwe gereedschap in handen heb, waarom zou ik er dan niet het beste van maken?

Een beetje achtergrond: een veelzijdige professional zijn is altijd mijn doel geweest. Er was echter een duidelijke grens die ik nooit overschreed - een stuk code, ook al is het HTML. De wortels van zo'n mentale blokkade zouden een onderwerp voor een psychotherapiesessie kunnen zijn, maar hier is mijn verhaal over de hulpmiddelen die me hielpen deze uitdaging te overwinnen.

1.Generatieve AI

Zoals eerder gezegd waren twee elementen cruciaal in mijn verhaal: AI en low-code. In december 2022 gonsde de digitale wereld van de lancering van Chat GPT versie 3.5, een baanbrekende tool voor tekstinteractie, die ik snel aan mijn gereedschapskist toevoegde en begon te verkennen. Achter de schermen was de functie voor het genereren van code in opkomst, hoewel deze in eerste instantie niet erg aantrekkelijk was.

Spoel een paar maanden vooruit. Nu ik vertrouwd was met mijn digitale bondgenoot, kwam ik voor een ietwat technische taak te staan: het extraheren van gebruikersnamen uit mijn groeiende Telegram-kanaal van 4.000 leden. GPT stelde voor om een Python bot te maken (een eye-opener!). "Inderdaad, met AI als gids leek het doenbaar", zei mijn innerlijke veelzijdige specialist. Ik begon gretig aan dit project, downloadde Python en riep de hulp in van GPT bij elk obstakel dat ik tegenkwam. 

De reis stuitte echter op een hik toen de behoefte aan servers en infrastructuur zich aandiende, dus gaf ik het op. Toch plantte deze ervaring een zaadje van zelfvertrouwen in coderen en ontwikkelen, dat zich vier maanden later zal beginnen te ontplooien.

2. Cloud Low-code

Je bent misschien al bekend met cloud no-code voorbeelden zoals Webflow en WIX, waar bloklay-outs, serverinstellingen en ondersteuning netjes gebundeld zijn en je er geen omkijken naar hebt. Deze no-code platforms zijn echter ontworpen voor specifieke taken; een one-size-fits-all oplossing is moeilijk te vinden. Toch lijkt het creëren van aanpasbare blokken, klaar om te worden vormgegeven in bepaalde instellingen, eenvoudig. Dit is de geest van de hedendaagse low-code platforms voor automatisering van bedrijfsprocessen en cloudontwikkeling. Zoals mijn reis laat zien, kan zelfs iemand met een sterke geesteswetenschappelijke achtergrond de low-code route volgen.

Mijn startpunt was Latenode, uitgelicht in een artikel op Hackernoon dat mijn aandacht trok. Latenode biedt een AI-assistent en ondersteuning in hun Discord-community om technische uitdagingen aan te pakken en workflows te automatiseren. Het idee sprak me aan. In een paar weken tijd zette ik mijn e-mailmarketingservice op, die wekelijkse updates kon verzamelen via een webformulier, deze kon omzetten in een nette HTML e-mail en verzenden naar de productgebruikersdatabase die ik nu beheer.

Het beheersen van low-code heeft twee voordelen:

• Het gaf meer onafhankelijkheid van ontwikkelaars, wiens interesse afnam als mijn vragen over systeemintegratie of gegevensextractie hun productgerichte werk onderbraken.
• Het versnelde de uitrol van marketingoplossingen en verminderde de ergernis over de goedbedoelde, maar vertraagde hulp van ontwikkelaars vanwege taken met een hogere prioriteit.

Een service maken voor e-mailverspreiding

Gebruikers bereiken via e-mails is laaghangend fruit. Ondanks de digitale vooruitgang blijft de e-mailwereld een goede plek voor professionals. De mogelijkheid om updates te sturen of belangrijke informatie te delen via e-mail is onbetaalbaar. 

Mijn belangrijkste taken waren:

• Nieuwsbriefinhoud verzamelen via een webformulier
• HTML maken van de verzamelde gegevens
• Zorgen voor een soepele levering aan alle gebruikers

Overgang naar technisch: je stap-voor-stap gids. Als dit deel niet overeenkomt met je huidige behoeften, spring dan gerust naar de conclusie - daar staat nuttig advies klaar voor toekomstig gebruik.

Scenario 1: Formulier voor het verzamelen van inhoud

Als je begint met het maken van een webformulier dat via een specifieke URL toegankelijk is via een browser, moet je het eerste scenario starten op Latenode. Ga naar app.latenode.com, klik op 'maak scenario' en stel deze structuur samen:

Scenario 1: Formulier voor het verzamelen van inhoud

De kern wordt gevormd door het eerste blok, Webhook, dat een unieke Webhook URL verschaft om het scenario te activeren. Vervolgens onthult het JavaScript-blok een HTML-formulier voor het verzamelen van informatie. Het laatste blok, Webhook response, geeft dit formulier weer en maakt het toegankelijk via de Webhook URL.

JavaScript... Dit is de eerste kennismaking met code, waarbij de angst ervoor begint te vervagen. In het blok zit een AI-assistent die de taak op zich neemt om te coderen, debuggen en verdere verbeteringen aan te brengen. Jouw taak is om verzoeken te doen:

"Neem een script op in mijn code om een HTML-formulier te maken met deze invoervelden: Onderwerp van de brief, Overzicht, Titel, Platformupdates, Nuttig materiaal, Overig nieuws. Voeg hieronder een verzendknop toe. Zorg dat de HTML er mooi uitziet."

JavaScript AI-assistent aan het werk

Wat er vervolgens gebeurt is het maken van HTML-code die door de JavaScript-module door het scenario wordt gestuurd en uiteindelijk op ons scherm verschijnt. Door de Webhook URL te activeren verschijnt er een formulier voor het invoeren van gegevens:

Op maat gemaakt formulier [in 5 minuten]

Op dit moment zijn de formuliergegevens in het ongewisse, maar maak je geen zorgen, er komt een oplossing...

Stap 2: E-mail maken en versturen

Om een nieuwe e-mail te maken, gevuld met de inhoud van het formulier, is een ander Latenode scenario nodig. Dit gebied zorgt ook voor het verzenden van de e-mail. In wezen kijken we naar twee afzonderlijke scenario's: het verzamelen van inhoud en het daaropvolgende gebruik ervan. Dit is de redenering.

Elke Webhook URL heeft niet alleen de mogelijkheid om processen te starten, maar ook om gegevens af te handelen die bijdragen aan deze processen. Ons doel is om de verzamelde informatie van het formulier naar de Webhook URL van het tweede scenario op Latenode te sturen, waar de antwoorden worden omgezet in een goed ontworpen e-mail. Dit is hoe dit scenario is opgebouwd:

Scenario 2: E-mails maken en versturen naar gebruikers via Mailgun

• Webhook: Ontvangt informatie afkomstig van het formulier.
• JavaScript: Maakt HTML-code die de e-mailtekst bevat en ontwerpelementen toevoegt.
• Airtable (Lijst Records): Haalt een lijst met gebruikerse-mails op uit de database.
• Iterator + HTTP-verzoek: Stuurt de voorbereide e-mail naar elke gebruiker via Mailgun

Laten we dit stap voor stap doorlopen:

• Gegevens van scenario 1 verbinden met scenario 2:

Deze wijziging wordt doorgevoerd door de JavaScript-code binnen het eerste scenario aan te passen. Nu het tweede scenario actief is, is het belangrijk om ervoor te zorgen dat wanneer de knop 'Submit' wordt ingedrukt, de gegevens van het formulierveld naar de nieuwe Webhook URL worden gestuurd. Onze AI assistent helpt weer op ons verzoek:

- Neem een script op in mijn code om de verzamelde formuliergegevens naar de volgende webhook url te sturen wanneer op de knop 'Submit' wordt gedrukt: https://webhook.latenode.com /49/dev/receive_email_info. Na het verzenden zou er een popup 'Bedankt!' op het scherm moeten verschijnen.

De AI-assistent maakt snel een nieuw script aan, dat we eenvoudig vervangen door het onze, het scenario opslaan en de gegevens verzenden naar ons tweede scenario testen.

Gegevens verzenden naar de Webhook URL van het 2e scenario

In het tabblad 'Body' zien we de verzonden veldvariabelen voor inhoud, samen met de ingevoerde waarden: test, test, test...

Nu deze variabelen beschikbaar zijn op het platform, wordt het mogelijk om een aangepaste e-mail te maken. Vervolgens voegen we een JavaScript-blok toe en vragen we de AI-assistent om een nieuw verzoek:

"Neem een script op om HTML-code te maken waarin variabelen uit het vorige blok (Overzicht, Titel, Platformupdates, Nuttige materialen, Overig nieuws) zijn opgenomen. Geef dit weer in een moderne e-mailstijl."

Gereed! Zoals te zien is, voert de AI-assistent niet alleen het verzoek uit, maar legt hij ook delen van de gemaakte code uit. Bijvoorbeeld, de groene tekst na // in de schermafbeelding markeert de codesectie die variabelen uit het vorige blok haalt.

• Vervolgens moeten we de lijst met e-mails van ontvangers ophalen.

Ik raad aan om Airtable te gebruiken voor databasebeheer. Bereid je echter voor, want op dit punt heb je misschien de hulp van een ontwikkelaar nodig, omdat we ons op het terrein van productinteractie begeven. Het doel is om de gebruikersdatabase aan de productkant te synchroniseren met onze Airtable-tabel, zodat e-mails soepel binnenstromen na elke nieuwe registratie. Laten we Airtable zien als onze basis voor low-code automatisering in e-mailmarketing.

Zodra onze Airtable klaar is en de nieuwe registraties binnenkomen zoals verwacht, is het tijd om het te verbinden met Latenode. We doen dit door een no-code Airtable-module toe te voegen aan het scenario, een taak die in slechts drie klikken is voltooid.

Nu naar het laatste deel van dit scenario met twee nieuwe modules:

• Iterator: Gaat achtereenvolgens door elke e-mail van een gebruiker uit de Airtable-module.
• HTTP-module : Houdt deze e-mails één voor één vast en plaatst ze in het veld dat nodig is voor het verzenden van een verzoek naar de Mailgun service.

Mailgun is geweldig voor e-mailautomatisering, vooral goed voor bulkverzending van e-mails, ondersteund door analytische inzichten. Er is echter één probleem - Latenode heeft geen directe integratie met Mailgun. Maar maak je geen zorgen, de HTTP request module is volledig in staat om snel de benodigde integratie te maken. Meer hierover is beschikbaar in de gedetailleerde handleiding aan het einde van het artikel.

Hieronder zie je hoe onze service werkt met echte gegevens, waarbij de HTTP-verzoekmodule 288 keer is uitgevoerd en 288 e-mails heeft verzonden

Uitvoeringsgeschiedenis zichtbaar aan de rechterkant

Conclusie

Met deze eenvoudige aanpak kun je je persoonlijke marketingservice in een paar dagen vanaf nul opbouwen, zonder codeervaardigheden.

Voor degenen die hun professionele kennis willen vergroten, heb ik een gedetailleerde gids samengesteld waarin ik mijn zaak uitleg : Gedetailleerde gids

Als je deze stappen volgt, begrijp je de basisprincipes van low-code automatisering, een vaardigheid die niet meer weg te denken is. De volgende keer dat er MarTech uitdagingen op je pad komen, zul je beter voorbereid zijn. Of je het nu alleen oplost of om hulp vraagt, je zult veel verder zijn, en dat is van onschatbare waarde!

Een opmerking, Latenode is momenteel in beta-testing en biedt gratis toegang voor je verkennende projecten. Ik raad je sterk aan om het uit te proberen, te experimenteren met webhooks, de JavaScript AI assistent te gebruiken en lid te worden van hun Discord gemeenschap met je vragen.

‍