Pourquoi j'ai créé ce système d'automatisation

L'année dernière, je gérais 15 clients chez 0vni.fr et je passais 3 heures par jour juste à créer des visuels. Entre Canva, Photoshop et les allers-retours avec les clients... j'en pouvais plus.

Un matin, en voyant ma facture Adobe, je me suis dit : "Il faut que ça change". C'est là que j'ai découvert n8n et Ideogram. Aujourd'hui, mes visuels se créent tout seuls pendant que je bois mon café ☕

Les vrais bénéfices (pas de blabla marketing)

• 90% de temps en moins sur la création visuelle

• Cohérence parfaite sur tous tes contenus

• Publication automatique sur 5 réseaux sociaux

• ROI positif dès le premier mois

• Plus de stress de deadline

Le workflow complet pour créer l'agent IA : de A à Z

Je vais te détailler chaque étape. Prends ton temps, c'est parti !

Étape 1 : Le formulaire qui lance tout

Tu commences par un simple formulaire web (je te file le code après). Tes clients ou toi, vous remplissez :

• URL du site à analyser

• Type de contenu (article, produit, service)

• Style souhaité (moderne, vintage, corporate...)

• Couleurs dominantes

• Message principal à faire passer

Jusque-là, rien de sorcier 😄

Le formulaire envoie tout ça à n8n via un webhook. C'est comme une sonnette qui prévient : "Hey, j'ai du boulot pour toi !"

Étape 2 : L'extraction intelligente du contenu

Maintenant, la magie opère. n8n fait une requête HTTPS sur ton site pour récupérer :

Petit truc de pro : J'utilise un sélecteur CSS personnalisé pour choper exactement ce qui m'intéresse. Pas de pollution avec les menus et les footers.

Étape 3 : Le nettoyage des données

Les données brutes du web, c'est souvent le bordel. Alors j'ai créé une fonction JavaScript dans n8n qui :

• Supprime les balises HTML

• Nettoie les caractères spéciaux

• Limite la longueur des textes

• Détecte la langue du contenu

• Extrait les émotions principales

Parce qu'une IA bien nourrie, ça fait de beaux visuels !

Étape 4 : L'agent IA qui comprend tout

C'est le cœur du système. Mon agent OpenAI (tu peux aussi utiliser Claude ou Mistral) analyse tout et génère un prompt sur mesure.

Voici ce qu'il prend en compte :

Analyse du contenu

• Sujet principal et sous-thèmes

• Ton du contenu (formel, décontracté, technique)

• Public cible identifié

• Objectif du visuel (informer, vendre, divertir)

Adaptation au style

• Codes couleurs du site

• Typographies utilisées

• Style graphique général

• Références sectorielles

L'IA génère un prompt comme ça :

"Crée une illustration moderne et épurée représentant l'automatisation marketing avec des éléments technologiques (engrenages, flux de données) en bleu (#2563eb) et blanc sur fond dégradé, style flat design minimaliste, pour une agence digitale, avec le texte 'Automatise ton marketing' en police Montserrat bold"

Étape 5 : Ideogram fait son travail

Le prompt part vers Ideogram qui excelle vraiment dans l'intégration de texte sur les images. Contrairement à DALL-E qui galère parfois avec les typos, Ideogram c'est du béton pour ça.

Je configure plusieurs paramètres :

• Résolution : 1024x1024 par défaut

• Style : Auto, Photo, Design, 3D ou Anime selon le besoin

• Ratio d'aspect : Square, Portrait, Paysage

• Seed : Pour reproduire un style si ça matche

Fun fact : Ideogram a été créé par d'anciens de Google Brain. Ça se sent dans la qualité !

Étape 6 : Génération multi-formats

Une fois l'image générée, n8n la redimensionne automatiquement pour chaque réseau social :

Formats optimisés par plateforme

• Instagram Post : 1080x1080 (carré parfait)

• Instagram Story : 1080x1920 (vertical)

• Facebook Post : 1200x630 (horizontal)

• Twitter/X : 1200x675 (16:9)

• LinkedIn : 1104x736 (corporate friendly)

• Pinterest : 1000x1500 (vertical long)

Une image mère, six enfants optimisés !

Étape 7 : Stockage organisé dans Drive

Toutes les images filent directement dans Google Drive avec une organisation au poil :

Chaque image a un nom explicite : 2024-09-26_ClientName_AutomatisationMarketing_Facebook.png

Étape 8 : Publication automatique sur les réseaux

Pour finir en beauté, tes visuels se publient tout seuls avec :

• Facebook : Via l'API Graph

• Instagram : API Instagram Basic Display

• Twitter/X : API Twitter v2

• LinkedIn : API LinkedIn Marketing

• Pinterest : API Pinterest for Business

Chaque post est adapté à la plateforme :

• Hashtags optimisés

• Texte d'accroche personnalisé

• Horaires de publication optimaux

• Call-to-action adaptés

Configuration technique dans n8n

Les nœuds indispensables

Nœud Webhook

• URL : https://ton-n8n.com/webhook/visual-automation

• Méthode : POST

• Auth : Token personnalisé

• Timeout : 120 secondes

Nœud HTTP Request

• URL dynamique : {{$json["site_url"]}}

• Headers : User-Agent réaliste

• Follow redirects : Activé

• Timeout : 30 secondes

Nœud Function (JavaScript)

javascript

Nœud OpenAI

• Model : gpt-4 (plus créatif que 3.5)

• Max tokens : 500

• Temperature : 0.7 (bon équilibre créativité/cohérence)

• System prompt : Instructions détaillées pour le style

Nœud Ideogram

• API Key : Dans les credentials n8n

• Resolution : 1024x1024

• Style : Variable selon le contexte

• Negative prompt : "blurry, text errors, watermark"

Gestion des erreurs et retry

J'ai ajouté des mécanismes de fallback partout :

• Site inaccessible ? → Utilise les données du formulaire

• IA qui répond mal ? → Prompt de backup

• Ideogram en rade ? → Tentative avec DALL-E

• Upload raté ? → Nouvelle tentative après 5 minutes