PRIX
PRODUIT
SOLUTIONS
par cas d'utilisation
en savoir plus
BlogModèlesVidéosYoutubeRESSOURCES
COMMUNAUTÉS ET MÉDIAS SOCIAUX
PARTENAIRES
Bonjour, c'est Daniel. Je suis un spécialiste du marketing avec un parcours de quatre ans à travers 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 cette histoire, je suis heureux de partager comment, avec un peu d'intelligence artificielle et des plateformes à code bas, j'ai surmonté ce blocage et débloqué un nouveau monde d'opportunités marketing. Après tout, avec ce nouvel outil entre les mains, pourquoi ne pas en tirer le meilleur parti ?
Un peu d'histoire : être un professionnel aux multiples facettes a toujours été mon objectif. Cependant, il y avait une frontière claire que je ne franchissais jamais - un morceau de code, même s'il s'agit de HTML. Les racines d'un tel blocage mental pourraient faire l'objet d'une séance de psychothérapie, mais voici l'histoire des outils qui m'ont aidé à surmonter ce défi.
Comme mentionné précédemment, deux éléments ont été cruciaux dans mon histoire : L'IA et le low-code. Venez en décembre 2022, le monde numérique bourdonnait du lancement de la version 3.5 de Chat GPT, un outil qui change la donne en matière d'interaction textuelle, que j'ai rapidement ajouté à ma boîte à outils et que j'ai commencé à explorer. En coulisses, sa fonction de génération de code émergeait, même si elle n'était pas très attrayante au début.
Avance rapide de quelques mois. Désormais familiarisé avec mon allié numérique, je me suis heurté à une tâche quelque peu technique : extraire les noms d'utilisateur de ma chaîne Telegram qui compte de plus en plus de 4 000 membres. GPT m'a suggéré de créer un bot en Python (une révélation !). "En effet, avec l'IA comme guide, cela semblait faisable", a fait écho le spécialiste polyvalent qui sommeillait en moi. J'ai commencé ce projet avec enthousiasme, en téléchargeant Python et en demandant de l'aide à GPT à chaque obstacle que je rencontrais.
Cependant, le voyage s'est heurté à un obstacle lorsque le besoin de serveurs et d'infrastructure s'est fait sentir, et 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.
Tu connais peut-être déjà des exemples de no-code en nuage comme Webflow et WIX, où la disposition des blocs, la configuration du serveur et l'assistance sont proprement regroupées, et où tu n'as pas à t'en préoccuper. Cependant, ces plateformes no-code sont conçues pour des tâches spécifiques ; une solution unique est difficile à trouver. Pourtant, créer des blocs personnalisables, prêts à être façonnés dans des paramètres fournis semble simple. C'est l'esprit des plateformes 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 ayant une solide formation en sciences humaines peut naviguer sur la voie du low-code.
Mon point d'entrée était Latenode, mis en avant dans un article de Hackernoon qui a attiré mon attention. Latenode propose un assistant IA et un soutien dans leur communauté Discord pour relever des défis techniques et automatiser des flux de travail. L'idée était séduisante. En quelques semaines, j'ai mis en place mon service de marketing par courriel, capable de recueillir des mises à jour hebdomadaires via un formulaire Web, de les transformer en un courriel HTML soigné et de les envoyer à la base de données d'utilisateurs de produits que je gère désormais.
La maîtrise du low-code présente deux avantages :
Atteindre les utilisateurs par le biais des courriels est un fruit à portée de main. Malgré les avancées numériques, le monde de l'email reste un bon endroit pour les professionnels. La possibilité d'envoyer des mises à jour ou de partager des informations importantes par courriel n'a pas de prix.
Mes principales tâches étaient :
Commencer le parcours de création d'un formulaire web accessible via un navigateur par une URL spécifique consiste à lancer le premier scénario sur Latenode. Rends-toi sur app.latenode.com, clique sur " créer un scénario " et assemble cette structure :
Scénario 1 : Formulaire de collecte de contenu
Au cœur de celui-ci, 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é à recueillir des informations. Le dernier bloc, Webhook response, affiche ce formulaire, le rendant accessible par le biais de l'URL du 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. Ton travail consiste à faire 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, Matériel utile, Autres nouvelles. Ajoute un bouton de soumission en dessous. Fais en sorte que le HTML soit agréable à lire."
L'assistant JavaScript AI au travail
Ce qui se passe ensuite, c'est la création d'un code HTML, dirigé par le module JavaScript à travers le scénario, qui finit par apparaître sur notre écran. Ainsi, l'activation de l'URL du Webhook fait apparaître un formulaire de saisie de données :
Formulaire sur mesure [en 5 minutes]
Pour l'instant, les données du formulaire sont dans les limbes, mais ne t'inquiète pas, une solution est à venir....
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 du courrier électronique. Essentiellement, nous examinons deux scénarios distincts : la collecte du contenu et son utilisation ultérieure. Voici le raisonnement.
Chaque URL de crochet Web a la possibilité non seulement de lancer des processus, mais aussi de traiter les données contribuant à ces processus. Notre objectif est d'envoyer les informations recueillies dans le formulaire à l'URL Webhook du deuxième scénario sur Latenode, où les réponses se transforment en un courriel bien conçu. Voici comment ce scénario est structuré :
Scénario 2 : Création et envoi d'e-mails aux utilisateurs via Mailgun
Voyons cela, étape par étape :
Ce changement est effectué 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 " Soumettre " est pressé, les données du champ du formulaire sont envoyées à la nouvelle URL Webhook. Notre assistant IA nous aide à nouveau comme nous le demandons :
- Inclus un script dans mon code pour envoyer les données collectées dans le formulaire à l'url webhook suivante lorsque tu appuies sur le bouton "Submit" : https://webhook.latenode.com /49/dev/receive_email_info. Après la soumission, 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, sauvegardons le scénario et testons l'envoi de données vers notre deuxième scénario.
Envoi de données à l'URL du 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, avec ces variables disponibles sur la plateforme, créer un email personnalisé devient possible. Ensuite, nous ajoutons un bloc JavaScript et sollicitons l'assistant AI avec une nouvelle demande :
"Inclus un script pour créer un code HTML où les variables du bloc précédent (Vue d'ensemble, Titre, Mises à jour de la plateforme, Matériel utile, Autres nouvelles) sont incluses. Affiche ceci dans un style d'email moderne."
C'est fait ! Comme indiqué, l'assistant IA ne se contente pas d'exécuter la demande, mais explique certaines parties du code créé. Par exemple, le texte vert après // dans la capture d'écran met en évidence la section du code qui récupère les variables du bloc précédent.
Je recommande d'utiliser Airtable pour la gestion de la base de données. Cependant, prépare-toi car tu pourrais avoir besoin de l'aide d'un développeur à ce stade, puisque nous entrons dans le domaine de l'interaction avec le produit. L'objectif est de synchroniser la base de données des utilisateurs du côté du produit avec notre table Airtable, en veillant à ce que les courriels affluent en douceur après chaque nouvelle inscription. Voyons Airtable comme notre base pour l'automatisation à code bas des efforts de marketing par courriel.
Une fois que notre Airtable est prêt et que les nouvelles inscriptions arrivent comme prévu, il est temps de le connecter à Latenode. Nous le faisons en ajoutant un module Airtable sans code dans le scénario, une tâche réalisée en seulement trois clics.
Maintenant, place à la dernière partie de ce scénario avec deux nouveaux modules :
Mailgun est excellent pour l'automatisation des courriels, en particulier pour l'envoi de courriels en masse, avec l'appui de données analytiques. Un problème cependant : Latenode n'a pas d'intégration directe avec Mailgun. Mais ne t'inquiète pas, le module de requête HTTP est tout à fait capable de créer rapidement l'intégration nécessaire. Tu trouveras plus d'informations à ce sujet dans le guide détaillé à la fin de l'article.
Voici un aperçu de notre service fonctionnant sur des données réelles, où le module de requête HTTP s'est exécuté 288 fois, envoyant 288 courriels.
Historique des exécutions visible à droite
Cette approche directe te permet de créer ton service de marketing personnalisé à partir de zéro en quelques jours, sans compétences en codage.
Pour ceux qui sont désireux d'améliorer leurs connaissances professionnelles, j'ai mis au point un guide détaillé expliquant mon cas : Guide détaillé
En suivant ces étapes, tu comprendras les bases de l'automatisation low-code, une compétence qui est là pour rester. La prochaine fois que des défis MarTech se présenteront à toi, tu seras mieux préparé. Qu'il s'agisse de résoudre seul ou de demander de l'aide, tu seras beaucoup plus avancé, et c'est inestimable !
A noter , Latenode est actuellement en bêta-test, offrant un accès gratuit pour tes projets exploratoires. Je te recommande vivement de l'essayer, d'expérimenter les webhooks, d'utiliser l'assistant JavaScript AI, et de rejoindre leur communauté Discord avec tes questions.