Comment automatiser la génération de contenu avec Latenode: Claude 3 et l'intégration de Webflow

Bonjour à tous ! Tu cherches des outils d'optimisation du référencement pour tes sites Webflow ? Nous avons une excellente solution - un processus de génération automatique d'articles optimisés pour le référencement qui te permettra de créer rapidement plusieurs pages pour des mots-clés spécifiques. Si tu es prêt à te plonger dans les détails, copie notre modèle et suis les instructions pour générer des pages basées sur les données d'Airtable.

Au cœur de notre solution se trouve le scénario Latenode - un constructeur visuel de processus qui combine diverses applications et services. Avec son aide, nous avons pu automatiser entièrement la création de descriptions d'intégration pour le catalogue d'applications sur notre site Web.

Si tu veux mettre en place un processus similaire de création de contenu automatisé pour ton entreprise, plongeons dans les détails techniques !

Composants clés (déjà dans le scénario) :

• Airtable - Utilisé comme base de données pour stocker une liste d'applications qui nécessitent des descriptions d'intégration. Le scénario récupère les applications de la file d'attente dans Airtable une par une.
• Claude 3 AI by Anthropic - Un puissant modèle de langage qui génère la structure et le texte intégral de la description de l'intégration en fonction des instructions fournies dans le scénario.
• Webflow - Une plateforme de création de sites Web où les descriptions générées sont publiées après approbation.

Partie 1 : Airtable

Au départ de ce processus se trouve Airtable, un système de gestion de base de données basé sur le cloud qui te permet de structurer et d'organiser les informations. Dans notre contexte, Airtable sert de référentiel pour une liste d'applications nécessitant des descriptions d'intégration.

Il est intéressant de noter qu'Airtable peut accueillir pratiquement n'importe quel type de données, qu'il s'agisse d'une liste d'hôtels, d'automobiles, de destinations touristiques ou de toute autre entité nécessitant un contenu descriptif.

Dans Airtable, un tableau dédié est établi, dans lequel chaque ligne correspond à une application distincte. La colonne pivot est désignée sous le nom de "queue_app_page_create". Au départ, cette colonne reste vide pour toutes les lignes, mais dès que la valeur "1" est saisie, la ligne passe automatiquement à la vue "File d'attente". Cela signifie que l'application est prête pour le traitement et la génération de texte.

Par conséquent, Airtable fonctionne comme une file d'attente, assurant le traitement systématique des demandes et facilitant le suivi de l'état de chacune d'entre elles.

Partie 2 : Le scénario Latenode

L'essentiel du processus est résumé dans un scénario élaboré sur la plateforme Latenode . Latenode est une formidable plateforme d'automatisation à code bas, qui permet aux utilisateurs de créer des flux de travail complexes par le biais d'une programmation visuelle utilisant des "nœuds".

Chaque nœud signifie une action distincte ou une intégration avec d'autres applications. Dans notre scénario, nous exploitons les capacités de Claude 3, une IA créée par Anthropic, chargée de générer du contenu textuel.

Nœuds de déclenchement de scénario

Le scénario peut être lancé manuellement ou programmé pour s'exécuter automatiquement à des intervalles prédéfinis.

Dans notre exemple, il est configuré pour s'exécuter de façon autonome toutes les 5 minutes, assurant ainsi un traitement continu de la file d'attente.

Récupération de l'application dans la file d'attente

Ce nœud de code JavaScript orchestre une requête à Airtable, visant à extraire la prochaine demande de la vue "File d'attente" que nous avons établie plus tôt. L'extrait de code que tu dois insérer est le suivant :

Il est impératif de remplacer les espaces réservés suivants par tes valeurs correspondantes :

• const baseUrl - Le lien vers ton Airtable
• const viewId - L'ID de ton onglet dans la file d'attente
• const apiKey - Ta clé API

En exécutant ce nœud, tu obtiendras les détails de la prochaine demande dans la file d'attente, prête à être traitée. Dans notre scénario illustratif, nous avons obtenu la description de la demande DeepL.

Préparation de l'invite

Ce nœud rédige méticuleusement l'invite destinée au modèle d'IA. L'invite comprend des instructions pour générer le plan d'un article portant sur l'application sélectionnée et son intégration à Latenode.

Grâce à l'effort concerté de ces deux nœuds, le scénario récupère la demande suivante dans la file d'attente et formate méticuleusement l'invite pour le modèle d'IA, ouvrant ainsi la voie à la génération d'un article complet. Les nœuds suivants exploiteront ensuite cette ébauche pour forger le texte complet de l'article.

Générer des plans et des articles avec Claude 3

Après avoir obtenu les détails de l'application dans la file d'attente d'Airtable, l'étape suivante consiste à générer du contenu pour la page en élucidant les facettes de l'intégration de cette application. Pour ce faire, le scénario fait appel aux prouesses de Claude 3, une construction IA d'Anthropic.

Demande de création d'un plan

L'étape inaugurale consiste à envoyer une demande à Claude 3, sollicitant la création d'un plan (structure) pour l'article à venir. La demande est formulée comme suit :

Forge le plan d'un article qui explore le sujet : Comment intégrer [App_name] à n'importe quelle appli et comment rationaliser les flux de travail en utilisant la plateforme d'intégration low-code Latenode.com.

Dans cette demande, [App_name] est remplacé dynamiquement par le nom de l'application extrait d'Airtable. Ceci est suivi d'une délimitation de la structure fondamentale à laquelle l'article doit adhérer :

1. Introduction : Offre une vue d'ensemble concise de [App_name] et de ses principales fonctionnalités.
2. Intégration avec Latenode: Explique comment [App_name] peut être intégré avec Latenode pour rationaliser les flux de travail.
3. Cas d'utilisation : Présente des exemples concrets illustrant la façon dont Latenode peut être exploité en conjonction avec [App_name] pour améliorer les flux de travail.
4. Conclusion : Résume les avantages de l'intégration de [App_name] à Latenode.

En envoyant cette demande, Claude 3 orchestre un plan qui sert de base à la génération ultérieure du texte intégral de l'article. 

Partie 3 : Publier du contenu sur Webflow

L'article étant généré et examiné à la loupe, il est temps de le dévoiler sur notre site Web. C'est ici que les nœuds restants de notre scénario prennent le devant de la scène. Nous avons des nœuds "Mettre à jour l'article de la collection" qui sont spécialement conçus pour une intégration transparente avec Webflow, un éminent constructeur de sites Web sans code.

Notre site Web comprend une section dédiée aux applications, logée dans une collection judicieusement nommée "Apps".

Pour publier l'article généré, il est impératif d'épingler l'article correspondant au sein de la collection "Apps". Dans notre exemple illustratif, supposons que nous avons affaire à l'article de l'application DeepL.

Lorsque l'on ouvre l'article DeepL dans Webflow, on se trouve face à une multitude de champs où l'on peut saisir diverses facettes de l'information sur l'application. Ces champs comprennent le titre de l'article, le texte principal, le méta titre, la méta description, l'identifiant de l'article de la collection, et plus encore.

Le nœud "Update collection item" de Latenode permet de remplir automatiquement ces champs avec les données extrapolées à partir de l'article généré. La seule condition préalable est de fournir au nœud l'identifiant de l'élément de collection, qui est intrinsèquement unique pour chaque application. Cet identifiant peut être facilement localisé dans les paramètres de la collection Webflow.

Une fois que le nœud est méticuleusement configuré et exécuté, il met à jour de façon transparente les champs correspondants dans Webflow, en leur insufflant le titre de l'article généré, le texte, les balises méta et d'autres informations pertinentes.

Par la suite, un simple clic sur le bouton "Publier" dans Webflow suffit, et voilà ! La page fraîchement créée, pleine d'informations sur les capacités d'intégration et les cas d'utilisation de DeepL, est mise en ligne sur notre site Web.

Partie 4 : Mise à jour de la base de données

Avant de nous délecter de l'aboutissement réussi de notre flux de travail de génération de contenu, il reste une dernière étape à aborder. Il est impératif de mettre à jour la file d'attente dans Airtable, en expurgeant la demande traitée.

C'est ici que notre nœud JavaScript final joue son rôle. Il est méticuleusement conçu pour mettre à jour l'enregistrement Airtable après le traitement, en veillant à ce que la ligne disparaisse de la file d'attente. En harmonie avec la logique de mise à jour de la file d'attente, il existe une colonne "statut" dans le tableau. Le script est conçu pour mettre automatiquement le statut à "1" pour l'élément traité, ce qui signifie que le scénario est terminé.

Conclusion

Essentiellement, nous avons conçu un flux de travail de génération de contenu efficace, créant de manière autonome des descriptions d'intégration pour notre catalogue d'applications. En exploitant les prouesses combinées de Latenode, Airtable, Claude 3 AI et Webflow, nous sommes parvenus à une automatisation complète, de la structuration de l'article à la publication sur notre site Web.

Nous espérons que cet article t'a inspiré pour forger tes propres solutions automatisées, en tirant parti des outils puissants dont tu disposes aujourd'hui. Avec Latenode, tu peux t'émanciper des tâches banales, récupérer du temps et canaliser ton énergie vers les facettes de ton entreprise qui comptent vraiment.

Jusqu'à la prochaine fois, bonne automatisation !