Bonjour ! C'est Daniel. Je suis un spécialiste du marketing avec une expérience de quatre ans dans des projets éducatifs à but non lucratif, des agences de marketing et différentes startups. Cependant, un défi constant dans ma carrière a été mon allergie au code.. Dans cet article, je suis heureux de partager comment, avec un peu d'intelligence artificielle et de plateformes low-code, j'ai surmonté ce blocage et ouvert un nouveau monde d'opportunités marketing. Après tout, avec ce nouvel outil entre mes mains, pourquoi ne pas en tirer le meilleur parti ?
Un petit fond: être un professionnel aux multiples facettes a toujours été mon objectif. Cependant, il y avait une limite claire que je n'ai jamais franchie : un morceau de code, même s'il s'agit de HTMLLes racines d’un tel blocage mental pourraient être un sujet pour une séance de psychothérapie, mais voici mon histoire des outils qui m’ont aidé à surmonter ce défi.
1. IA générative
Comme mentionné précédemment, deux éléments ont été cruciaux dans mon histoire : AI et Low-code. En décembre 2022, le monde numérique était en effervescence avec le lancement de la version 3.5 de Chat GPT, un outil révolutionnaire en matière d'interaction textuelle, que j'ai rapidement ajouté à ma boîte à outils et que j'ai commencé à explorer. Dans les coulisses, sa fonction de génération de code émergeait, bien que peu attrayante au début.
Quelques mois plus tard, je connaissais déjà mon allié numérique et je me suis retrouvé confronté à une tâche quelque peu technique : extraire les noms d'utilisateur de ma chaîne Telegram en pleine croissance, qui compte 4,000 XNUMX membres. GPT m'a suggéré de créer un bot Python (une révélation !).En effet, avec l’IA comme guide, cela semblait faisable", a fait écho mon spécialiste polyvalent intérieur. J'ai commencé ce projet avec enthousiasme, en téléchargeant Python et en demandant l'aide de GPT à chaque obstacle que je rencontrais.
Cependant, le voyage a connu un obstacle lorsque le besoin de serveurs et d'infrastructures s'est fait sentir., j'ai donc abandonné. Pourtant, cette expérience a planté une graine de confiance en soi dans le codage et le développement, qui commencera à se déployer quatre mois plus tard.
2. Cloud Low-code
Vous connaissez peut-être déjà des exemples de cloud no-code comme Webflow et WIX, où les agencements de blocs, la configuration du serveur et le support sont soigneusement regroupés, et vous n'avez pas à vous en soucier. Cependant, ces plates-formes sans code sont conçues pour des tâches spécifiques ; une solution universelle est difficile à trouver. Pourtant, créer des blocs personnalisables, prêts à être façonnés dans les paramètres fournis semble simple. C'est l'esprit des plates-formes low-code d'aujourd'hui pour l'automatisation des processus métier et le développement cloud. Comme le montre mon parcours, même une personne dotée d’une solide formation en sciences humaines peut emprunter la voie du low-code.
Mon point d'entrée était Latenode, mis en évidence dans un Hackernoon article qui a retenu mon attention. Latenode propose un assistant IA et un support dans sa communauté Discord pour relever les défis techniques et automatiser les flux de travail. L'idée était séduisante. Dans quelques semaines, J'ai mis en place mon service de marketing par e-mail, capable de collecter des mises à jour hebdomadaires via un formulaire Web, de le transformer en un e-mail HTML soigné et de l'envoyer à la base de données des utilisateurs du produit que je gère désormais.
La maîtrise du low-code apporte deux bénéfices :
Cela a donné plus d'indépendance aux développeurs,dont l’intérêt diminuait lorsque mes questions d’intégration de systèmes ou mes demandes d’extraction de données interrompaient leur travail axé sur les produits.
Cela a accéléré le déploiement de la solution marketing, atténuant ainsi les désagréments causés par l'aide bien intentionnée mais retardée des développeurs en raison de tâches plus prioritaires.
Créer un service de distribution de courrier électronique
Atteindre les utilisateurs par courrier électronique est une tâche facile. Malgré les avancées numériques, le monde du courrier électronique reste un environnement propice aux professionnels. La possibilité d'envoyer des mises à jour ou de partager des informations importantes par courrier électronique est inestimable.
Mes principales tâches étaient :
Collecter le contenu de la newsletter via un formulaire Web
Création de HTML à partir des données collectées
Assurer une livraison fluide à tous les utilisateurs
Transition vers la formation technique : votre guide étape par étape. Si cette partie ne correspond pas à vos besoins actuels, n'hésitez pas à passer directement à la conclusion : vous y trouverez des conseils utiles pour référence ultérieure.
Scénario 1 : Formulaire de collecte de contenu
Pour commencer le parcours de création d'un formulaire web accessible via un navigateur via une URL spécifique, il faut lancer le premier scénario sur Latenode. application.latenode.com, cliquez sur « créer un scénario » et créez cette structure :
Scénario 1 : Formulaire de collecte de contenu
Au cœur de ce processus, le premier bloc, Webhook, fournit une URL Webhook unique pour activer le scénario. Ensuite, le bloc JavaScript révèle un formulaire HTML destiné à collecter des informations. Le dernier bloc, Webhook response, affiche ce formulaire, le rendant accessible via l'URL Webhook.
JavaScript... C'est la première rencontre avec le code, où la peur à son égard commence à s'estomper. À l'intérieur du bloc se trouve un assistant IA, qui se charge de coder, de déboguer et d'apporter d'autres améliorations. Votre travail consiste à formuler des demandes :
« Inclure un script dans mon code pour créer un formulaire HTML avec ces champs de saisie : Objet de la lettre, Présentation, Titre, Mises à jour de la plateforme, Documents utiles, Autres actualités. Ajouter un bouton de soumission ci-dessous. Rendez le HTML plus joli. »
Assistant IA JavaScript au travail
Ce qui se passe ensuite est la création du code HTML, dirigé par le module JavaScript à travers le scénario, qui apparaît finalement sur notre écran. Ainsi, l'activation de l'URL du Webhook révèle un formulaire de saisie de données :
Formulaire personnalisé [en 5 minutes]
À ce stade, les données du formulaire sont dans les limbes, mais ne vous inquiétez pas, une solution arrive...
Étape 2 : Création et envoi d'e-mails
Pour créer un nouvel e-mail contenant le contenu du formulaire, un autre scénario Latenode est nécessaire. Cette zone gère également la fonction d'envoi d'e-mails. Essentiellement, nous examinons deux scénarios distincts :collecte de contenu et son utilisation ultérieureVoici le raisonnement.
Chaque URL Webhook a la capacité non seulement de démarrer des processus, mais également de gérer les données contribuant à ces processus. Notre objectif est d'envoyer les informations collectées par le formulaire à l'URL Webhook du deuxième scénario sur Latenode, où les réponses se transforment en un e-mail bien conçu. Voici comment ce scénario est structuré :
Scénario 2 : création et envoi d'e-mails aux utilisateurs via Mailgun
Webhook : Reçoit les informations provenant du formulaire.
JavaScript: Crée du code HTML contenant le texte de l'e-mail, en ajoutant des éléments de conception.
Airtable (liste des enregistrements) : Obtient une liste d'e-mails d'utilisateurs à partir de la base de données.
Itérateur + requête HTTP : Envoie l'e-mail préparé à chaque utilisateur via Mailgun
Voyons cela étape par étape :
Connexion des données du scénario 1 au scénario 2 :
Cette modification est effectuée en ajustant le code JavaScript dans le premier scénario. Le deuxième scénario étant désormais actif, il est important de s'assurer que lorsque le bouton « Envoyer » est enfoncé, les données du champ de formulaire sont envoyées à la nouvelle URL Webhook. Notre assistant IA nous aide à nouveau lorsque nous le demandons :
– Inclure un script dans mon code pour envoyer les données collectées par le formulaire à l'URL du webhook suivant lorsque le bouton « Envoyer » est enfoncé : https://webhook.latenode.com/49/dev/receive_email_info. Après l'envoi, une fenêtre contextuelle « Merci ! » doit apparaître à l'écran.
Rapidement, l'assistant IA crée un nouveau script, que nous remplaçons facilement par le nôtre, enregistrons le scénario et testons l'envoi de données à notre deuxième scénario.
Envoi de données à l'URL Webhook du 2ème scénario
Dans l'onglet « Corps », nous voyons les variables de champ envoyées pour le contenu ainsi que les valeurs saisies : test, test, test…
Maintenant que ces variables sont disponibles sur la plateforme, la création d'un email personnalisé devient possible. Ensuite, nous ajoutons un bloc JavaScript et demandez à l'assistant IA avec une nouvelle demande :
« Inclure un script pour créer du code HTML dans lequel les variables du bloc précédent (Présentation, Titre, Mises à jour de la plateforme, Documents utiles, Autres actualités) sont incluses. Affichez-le dans un style de courrier électronique moderne. »
C'est fait ! Comme indiqué, le L'assistant IA non seulement exécute la demande, mais explique également des parties du code crééPar exemple, le texte vert après // dans la capture d'écran met en évidence la section de code récupérant les variables du bloc précédent.
Ensuite, nous devons obtenir la liste des e-mails des destinataires.
Je recommande d'utiliser Airtable pour la gestion de la base de données. Cependant, préparez-vous car vous pourriez avoir besoin de l'aide d'un développeur à ce stade, puisque nous entrons dans le domaine de l'interaction avec les produits. L'objectif est de synchroniser la base de données des utilisateurs côté produit avec notre table Airtable, en veillant à ce que les e-mails circulent sans problème après chaque nouvelle inscription. Considérons Airtable comme notre base pour l'automatisation low-code dans les efforts de marketing par e-mail.
Une fois que notre Airtable est prête et que les nouvelles inscriptions arrivent comme prévu, il est temps de la connecter à Latenode. Nous le faisons en ajoutant un module Airtable sans code dans le scénario, une tâche effectuée en seulement trois clics.
Passons maintenant à la dernière partie de ce scénario avec deux nouveaux modules :
Itérateur : Parcourt chaque e-mail utilisateur du module Airtable dans l'ordre.
HTTP module : conserve ces e-mails, un par un, en les plaçant dans le champ nécessaire pour envoyer une demande au service Mailgun.
Mailgun est idéal pour l'automatisation des e-mails, particulièrement adapté à l'envoi d'e-mails en masse, soutenu par des informations analytiques. Un problème cependant : Latenode n'a pas d'intégration directe avec Mailgun. Mais ne vous inquiétez pas, le module de requête HTTP est entièrement capable de créer rapidement l'intégration nécessaire. Vous trouverez plus d’informations à ce sujet dans le guide détaillé à la fin de l’article.
Vous trouverez ci-dessous un aperçu de notre service fonctionnant sur des données réelles, où le module de requête HTTP a été exécuté 288 fois, envoyant 288 e-mails
Historique d'exécution visible à droite
Pour aller plus loin
Cette approche simple vous permet de créer votre service de marketing personnalisé à partir de zéro en quelques jours, sans compétences en codage.
Pour ceux qui souhaitent enrichir leurs connaissances professionnelles, j'ai élaboré un guide détaillé expliquant mon cas : Guide détaillé
En suivant ces étapes, vous comprendrez les bases de l’automatisation low-code, une compétence qui est là pour rester. La prochaine fois que vous serez confronté à des défis MarTech, vous serez mieux préparé. Que vous les résolviez seul ou que vous demandiez de l'aide, vous aurez une longueur d'avance, et c'est inestimable !
Une note, Laténode est actuellement en phase de test bêta, offrant un accès gratuit pour vos projets exploratoires. Je vous recommande vivement de l'essayer, d'expérimenter avec des webhooks, d'utiliser l'assistant JavaScript AI et de rejoindre leur Communauté Discord avec vos questions.