Werbung & Marketing
Basil Datsen
Marketing-Experte
20. Oktober 2023
Eine Low-Code-Plattform, die die Einfachheit von No-Code mit der Leistungsfähigkeit von Full-Code verbindet 🚀.
Jetzt kostenlos loslegen
20. Oktober 2023
-
10
min lesen

Entdecke Low-Code: Meine Marketing-Erfahrungen und ein Leitfaden für Einsteiger

Basil Datsen
Marketing-Experte
Inhaltsübersicht

Hallo! Ich heiße Daniel. Ich bin Marketer und habe vier Jahre lang in gemeinnützigen Bildungsprojekten, Marketingagenturen und verschiedenen Start-ups gearbeitet. Eine ständige Herausforderung in meiner Karriere war jedoch meine Allergie gegen Code. In dieser Geschichte erzähle ich dir, wie ich mit Hilfe von künstlicher Intelligenz und Low-Code-Plattformen diese Blockade überwunden und mir eine neue Welt der Marketingmöglichkeiten erschlossen habe. Warum sollte ich mit diesem neuen Werkzeug in der Hand nicht das Beste daraus machen?

Ein kleiner Hintergrund: Es war schon immer mein Ziel, ein vielseitiger Profi zu sein. Es gab jedoch eine klare Grenze, die ich nie überschritten habe - ein Stück Code, selbst wenn es sich um HTML handelt. Die Wurzeln einer solchen mentalen Blockade könnten ein Thema für eine Psychotherapie sein, aber hier ist meine Geschichte über die Werkzeuge, die mir geholfen haben, diese Herausforderung zu überwinden.

1. generative KI

Wie bereits erwähnt, waren zwei Elemente in meiner Geschichte entscheidend: KI und Low-Code. Im Dezember 2022 war die digitale Welt in heller Aufregung, als Chat GPT in der Version 3.5 auf den Markt kam, ein revolutionäres Tool für die Textinteraktion, das ich schnell in mein Toolkit aufnahm und zu erforschen begann. Hinter den Kulissen zeichnete sich die Funktion zur Codegenerierung ab, auch wenn sie zunächst nicht sehr ansprechend war.

Spule ein paar Monate zurück. Da ich nun mit meinem digitalen Verbündeten vertraut war, stand ich vor einer etwas technischen Aufgabe: Ich musste Benutzernamen aus meinem wachsenden Telegram-Kanal mit 4.000 Mitgliedern extrahieren. GPT schlug vor, einen Python-Bot zu erstellen (ein Augenöffner!). "In der Tat, mit KI als Leitfaden schien es machbar", sagte mein innerer, vielseitiger Spezialist. Ich begann eifrig mit dem Projekt, lud Python herunter und bat GPT um Hilfe bei jedem Hindernis, das sich mir in den Weg stellte. 

Die Reise geriet jedoch ins Stocken, als der Bedarf an Servern und Infrastruktur aufkam, also gab ich auf. Dennoch hat diese Erfahrung einen Samen des Selbstbewusstseins in Sachen Programmierung und Entwicklung gepflanzt, der sich vier Monate später zu entfalten beginnt.

2. Cloud Low-code

Vielleicht kennst du bereits Beispiele für No-Code-Plattformen wie Webflow und WIX, bei denen Block-Layouts, Server-Setup und Support sauber gebündelt sind und du dich nicht darum kümmern musst. Allerdings sind diese No-Code-Plattformen für bestimmte Aufgaben konzipiert; eine Einheitslösung ist schwer zu finden. Dennoch scheint es einfach zu sein, anpassbare Blöcke zu erstellen, die in den vorgegebenen Einstellungen gestaltet werden können. Das ist der Geist der heutigen Low-Code-Plattformen für die Automatisierung von Geschäftsprozessen und die Cloud-Entwicklung. Wie meine Reise zeigt, kann sogar eine Person mit einem starken geisteswissenschaftlichen Hintergrund die Low-Code-Route beschreiten.

Mein Einstiegspunkt war Latenode, auf den ich in einem Hackernoon-Artikel aufmerksam wurde. Latenode bietet einen KI-Assistenten und Unterstützung in ihrer Discord-Community, um technische Herausforderungen zu bewältigen und Arbeitsabläufe zu automatisieren. Die Idee war verlockend. Innerhalb weniger Wochen richtete ich meinen E-Mail-Marketingdienst ein, der wöchentliche Updates über ein Webformular sammelt, sie in eine hübsche HTML-E-Mail umwandelt und sie an die Produktnutzerdatenbank sendet, die ich jetzt verwalte.


Die Beherrschung von Low-Code bringt zwei Vorteile mit sich:

  • Das gab mir mehr Unabhängigkeit von den Entwicklern, deren Interesse schwand, wenn meine Fragen zur Systemintegration oder Anfragen zur Datenextraktion ihre produktorientierte Arbeit unterbrachen.
  • Es beschleunigte die Bereitstellung von Marketinglösungen und verringerte den Ärger über die gut gemeinte, aber aufgrund von Aufgaben mit höherer Priorität verzögerte Hilfe der Entwickler.

Einen Dienst für die E-Mail-Verteilung erstellen

Nutzer/innen über E-Mails zu erreichen, ist eine niedrig hängende Frucht. Trotz des digitalen Fortschritts bleibt die E-Mail-Welt ein guter Ort für Fachleute. Die Möglichkeit, Aktualisierungen zu versenden oder wichtige Informationen per E-Mail weiterzugeben, ist unbezahlbar. 

Meine Hauptaufgaben waren:

  • Sammeln von Newsletter-Inhalten über ein Webformular
  • HTML aus den gesammelten Daten erstellen
  • Sicherstellung einer reibungslosen Lieferung an alle Nutzer

Der Übergang zum technischen Beruf: Deine Schritt-für-Schritt-Anleitung. Wenn dieser Teil nicht zu deinen aktuellen Bedürfnissen passt, kannst du gerne zum Schluss springen - dort warten nützliche Ratschläge zum Nachschlagen.

Szenario 1: Formular für die Inhaltserfassung

Um ein Webformular zu erstellen, auf das ein Browser über eine bestimmte URL zugreifen kann, muss das erste Szenario auf Latenode gestartet werden. Gehe zu app.latenode.com, klicke auf "Szenario erstellen" und stelle diese Struktur zusammen:

Szenario 1: Formular zur Inhaltserfassung

Der erste Block, Webhook, liefert eine eindeutige Webhook-URL, um das Szenario zu aktivieren. Als Nächstes zeigt der JavaScript-Block ein HTML-Formular an, mit dem Informationen gesammelt werden können. Der letzte Block, Webhook-Antwort, zeigt dieses Formular an und macht es über die Webhook-URL zugänglich.

JavaScript... Dies ist die erste Begegnung mit Code, bei der die Angst vor ihm zu schwinden beginnt. Im Inneren des Blocks befindet sich ein KI-Assistent, der die Aufgabe übernimmt, zu kodieren, Fehler zu beheben und weitere Verbesserungen vorzunehmen. Deine Aufgabe ist es, Anfragen zu stellen:

"Füge ein Skript in meinen Code ein, um ein HTML-Formular mit diesen Eingabefeldern zu erstellen: Thema des Briefes, Übersicht, Titel, Plattform-Updates, Nützliche Materialien, Andere Neuigkeiten. Füge unten eine Schaltfläche zum Einreichen ein. Sorge dafür, dass das HTML-Formular gut aussieht."

JavaScript KI-Assistent bei der Arbeit

Als Nächstes wird HTML-Code erstellt, der vom JavaScript-Modul durch das Szenario geleitet wird und schließlich auf unserem Bildschirm erscheint. Wenn du also die Webhook-URL aktivierst, erscheint ein Dateneingabeformular:

Benutzerdefiniertes Formular [in 5 Minuten]

Im Moment sind die Formulardaten noch in der Schwebe, aber keine Sorge, eine Lösung ist in Sicht...

Schritt 2: Erstellen und Versenden von E-Mails

Um eine neue E-Mail mit dem Inhalt des Formulars zu erstellen, wird ein weiteres Latenode Szenario benötigt. In diesem Bereich wird auch die Funktion zum Versenden von E-Mails ausgeführt. Im Grunde genommen haben wir es hier mit zwei verschiedenen Szenarien zu tun: dem Sammeln von Inhalten und ihrer anschließenden Verwendung. Hier ist der Grund dafür.

Jede Webhook-URL hat die Fähigkeit, nicht nur Prozesse zu starten, sondern auch Daten zu verarbeiten, die zu diesen Prozessen beitragen. Unser Ziel ist es, die per Formular gesammelten Informationen an die Webhook-URL des zweiten Szenarios auf Latenode zu senden, wo die Antworten in eine gut gestaltete E-Mail umgewandelt werden. So ist dieses Szenario aufgebaut:

Szenario 2: E-Mail-Erstellung und -Versand an Nutzer über Mailgun

  • Webhook: Empfängt Informationen aus dem Formular.
  • JavaScript: Erzeugt HTML-Code, der den E-Mail-Text enthält und Gestaltungselemente hinzufügt.
  • Airtable (Datensätze auflisten): Ruft eine Liste von Benutzer-E-Mails aus der Datenbank ab.
  • Iterator + HTTP-Anfrage: Sendet die vorbereitete E-Mail an jeden Nutzer über Mailgun

Lass uns das Schritt für Schritt durchgehen:

  • Verbinde die Daten von Szenario 1 mit Szenario 2:

Diese Änderung wird vorgenommen, indem der JavaScript-Code im ersten Szenario angepasst wird. Wenn das zweite Szenario nun aktiv ist, muss sichergestellt werden, dass die Daten des Formularfelds an die neue Webhook-URL gesendet werden, wenn die Schaltfläche "Submit" gedrückt wird. Unser KI-Assistent hilft uns wieder, wie wir es wünschen:

– Include a script in my code to send the form-collected data to the following webhook url when the 'Submit' button is pressed: https://webhook.latenode.com /49/dev/receive_email_info. After submission, a 'Thank you!' popup should appear on the screen.

Schnell erstellt der KI-Assistent ein neues Skript, das wir einfach durch unseres ersetzen, das Szenario speichern und die Datenübertragung an unser zweites Szenario testen.

Daten an die Webhook-URL des 2. Szenarios senden

Auf der Registerkarte "Body" sehen wir die gesendeten Feldvariablen für den Inhalt zusammen mit den eingegebenen Werten: test, test, test...

Mit diesen Variablen, die auf der Plattform verfügbar sind, ist es nun möglich, eine benutzerdefinierte E-Mail zu erstellen. Als Nächstes fügen wir einen JavaScript-Block hinzu und fordern den KI-Assistenten mit einer neuen Anfrage auf:

"Füge ein Skript ein, um HTML-Code zu erstellen, in dem die Variablen aus dem vorherigen Block (Übersicht, Titel, Plattform-Updates, nützliche Materialien, andere Nachrichten) enthalten sind. Stelle dies in einem modernen E-Mail-Stil dar."

Erledigt! Wie gezeigt, führt der KI-Assistent nicht nur die Anfrage aus, sondern erklärt auch Teile des erstellten Codes. Der grüne Text nach // im Screenshot hebt zum Beispiel den Codeabschnitt hervor, der Variablen aus dem vorherigen Block abruft.

  • Als Nächstes müssen wir die Liste der Empfänger-E-Mails abrufen.

Ich empfehle, Airtable für die Datenbankverwaltung zu verwenden. Mach dich aber darauf gefasst, dass du an dieser Stelle die Hilfe eines Entwicklers brauchst, denn wir bewegen uns in den Bereich der Produktinteraktion. Das Ziel ist es, die Benutzerdatenbank auf der Produktseite mit unserer Airtable-Tabelle zu synchronisieren und dafür zu sorgen, dass die E-Mails nach jeder neuen Registrierung reibungslos eingehen. Betrachten wir Airtable als unsere Grundlage für die Low-Code-Automatisierung im E-Mail-Marketing.


Wenn unser Airtable fertig ist und die neuen Anmeldungen wie erwartet eingehen, ist es an der Zeit, es mit Latenode zu verbinden. Dazu fügen wir ein Airtable-Modul ohne Code in das Szenario ein, was mit nur drei Klicks erledigt ist.

Kommen wir nun zum letzten Teil dieses Szenarios mit zwei neuen Modulen:

  • Iterator: Durchläuft jede Benutzer-E-Mail aus dem Airtable-Modul der Reihe nach.
  • HTTP-Modul : Hält diese E-Mails, eine nach der anderen, und platziert sie in dem benötigten Feld, um eine Anfrage an den Mailgun-Dienst zu senden.

Mailgun eignet sich hervorragend für die E-Mail-Automatisierung, insbesondere für den Massenversand von E-Mails, unterstützt durch analytische Erkenntnisse. Allerdings gibt es ein Problem: Latenode hat keine direkte Integration mit Mailgun. Aber keine Sorge, mit dem HTTP-Request-Modul kannst du die benötigte Integration schnell erstellen. Mehr dazu findest du in der ausführlichen Anleitung am Ende des Artikels.

Unten sehen Sie einen Blick auf unseren Dienst, der mit echten Daten arbeitet, wobei das HTTP-Anforderungsmodul 288 Mal ausgeführt wurde und 288 E-Mails versendet hat

Ausführungsverlauf rechts sichtbar

Fazit

Mit diesem unkomplizierten Ansatz kannst du deinen personalisierten Marketingdienst in wenigen Tagen von Grund auf neu aufbauen, ohne Programmierkenntnisse.

Für alle, die ihr Fachwissen erweitern möchten, habe ich einen detaillierten Leitfaden zusammengestellt, der meinen Fall erklärt : Ausführlicher Leitfaden

Wenn du diese Schritte befolgst, wirst du die Grundlagen der Low-Code-Automatisierung verstehen - eine Fähigkeit, die nicht mehr wegzudenken ist. Wenn du das nächste Mal mit MarTech-Herausforderungen konfrontiert wirst, bist du besser vorbereitet. Egal, ob du sie alleine löst oder um Hilfe bittest, du wirst viel weiter sein - und das ist von unschätzbarem Wert!

Ein Hinweis, Latenode befindet sich derzeit in der Beta-Phase und bietet kostenlosen Zugang für deine Forschungsprojekte. Ich empfehle dir dringend, es auszuprobieren, mit Webhooks zu experimentieren, den JavaScript-KI-Assistenten zu nutzen und der Discord-Community mit deinen Fragen beizutreten.

Verwandte Blogs

Anwendungsfall

Unterstützt von