Le Constructeur Avancé est un canvas visuel libre qui révolutionne la création de vos automatisations dans CrocoClick.

Il vous permet de visualiser, organiser et exécuter des workflows complexes sur une seule interface — sans écrire une seule ligne de code.

💡 Vue d’ensemble

Le Constructeur Avancé est un environnement visuel et libre pour créer des automatisations puissantes.

Vous pouvez y :

• Relier plusieurs déclencheurs à différents parcours clients,

• Créer des branches parallèles ou indépendantes,

• Et visualiser toute la logique d’un workflow d’un seul coup d’œil.

🎯 Exemple concret : Imaginez un workflow d’accueil client.

• Si le contact s’inscrit via votre site web → envoi d’un email de bienvenue.

• S’il vient d’un webinar → autre séquence avec offre spéciale.

Sur le Constructeur Avancé, ces deux chemins apparaissent côte à côte, sans duplication du workflow.

🔐 Accès & Prérequis

Où le trouver :
→ Ouvrez une automatisation dans CrocoClick.
→ En haut à gauche, activez “Constructeur Avancé”.

Basculer entre les vues : Vous pouvez passer librement du mode Standard au mode Avancé.

Le contenu reste identique — seules la présentation et la logique visuelle changent.

⚠️ Attention : certaines fonctions comme les connexions Go-To et les branches détachées ne sont disponibles QUE dans le mode Avancé. Une fois utilisé, vous ne pourrez donc plus revenir au constructeur "normal" pour ce workflow

🎨 Le Canvas : Créer, Connecter et Organiser

Ajouter & connecter des étapes

1. Ouvrez le panneau Déclencheurs & Actions.

2. Faites glisser les actions sur le canvas : “Email → Délai → Condition → Message WhatsApp”.

3. Reliez-les avec le connecteur (+).

💡 Exemple : Vous pouvez relier un déclencheur “Formulaire envoyé” à une action “Envoyer un email de remerciement”, puis à une attente de 2 jours, suivie d’un rappel automatique.

Astuce Pro

• Sélection multiple (Ctrl + clic) pour sélectionner (et déplacer) un ensemble d’actions.

• Copier / coller des branches entières pour réutiliser vos modèles d’automatisation.

Exemple : Vous copiez votre séquence “Lead nurturing” et la collez dans un autre workflow en 2 secondes.

🔁 Déclencheurs & Nœuds Détachés (Branches Parallèles)

Déclencheur Go-To — Rediriger un déclencheur vers une action spécifique

Un Déclencheur permet de définir où commence un scénario dans votre workflow.

Et vous pouvez même faire ce qu'on appelle un “saut” logique : au lieu de suivre le chemin linéaire, vous pouvez créer un déclencheur qui va directement à une étape précise.

Comment faire :

1. Cliquez sur votre déclencheur.

2. Faites glisser son connecteur "Go-To" vers l’action cible.

Visuellement :

• 🔹 Ligne pleine → séquence normale

• 🔸 Ligne pointillée avec flèche → lien Go-To

🧠 Exemple concret :
Un même workflow gère les contacts provenant de différentes pages :

• Déclencheur A : “Page Coaching” → Go-To vers l’action “Envoyer offre Coaching”.

• Déclencheur B : “Page Consulting” → Go-To vers “Envoyer offre B2B”.

👉 Un seul workflow gère désormais plusieurs parcours clients personnalisés.

Nœuds Détachés — Créer des branches indépendantes

Les nœuds détachés permettent d’ajouter des branches parallèles, non reliées à la séquence principale.
Elles s’exécutent indépendamment, dans le même contexte.

🔧 Exemple :
Vous voulez qu’à chaque inscription :

• Un email parte immédiatement (branche principale).

• Une tâche soit créée pour un commercial (branche parallèle).

→ Deux actions différentes, dans le même workflow, sans interférer entre elles.

Repères visuels

Activer / Désactiver des Nœuds

Vous pouvez désactiver temporairement une action sans la supprimer.

Comment faire :

• Passez la souris sur une action → cliquez sur Pause.

• Pour la réactiver, cliquez sur Lecture.

🧪 Exemple d’usage : Vous testez un nouveau scénario. Vous désactivez temporairement l’envoi SMS pour vérifier uniquement la partie email. Les connexions restent intactes, l'action est simplement contournée.

🗒️ Notes & Codes Couleur

Les Notes vous permettent de documenter votre logique pour les membres de votre équipe (ou votre futur vous !).

• Cliquez sur Note dans la barre latérale gauche.

• Choisissez une couleur et rédigez votre commentaire.

• Ajoutez des liens, images ou rappels.

Et ce qu'il y a de génial, c'est que vos notes peuvent désormais être SOUS vos actions pour créer un code couleur pour les différentes automatisations à l'intérieur de votre automatisation.

💬 Exemple :

• 🟢 Vert → tests ou branche de vérification

• 🟡 Jaune → séquence commerciale

• 🔴 Rouge → condition critique (ex. validation de paiement)

🧩 Exemple concret :
Une note à côté d’une condition peut indiquer :
“⚠️ Vérifie que la balise ‘client premium’ est bien appliquée avant de continuer.”

⌨️ Raccourcis Clavier & Navigation Rapide

Le Constructeur Avancé est optimisé pour la vitesse. C'est pourquoi nous vous permettons d'utiliser de nombreux raccourcis claviers.

Ouvrez l’icône clavier (en haut à gauche) pour voir tous les raccourcis.

Exemples utiles :

• Flèches directionnelles → déplacer une sélection.

• Cmd/Ctrl + C / V → copier / coller des blocs.

• Espace → déplacer le canvas librement.

• Cmd/Ctrl + Z → annuler une action.

⚡ Exemple :
Vous pouvez construire un workflow complet sans jamais toucher la souris — tout au clavier.

🧹 Tidy Up (Mise en page automatique)

Votre canvas devient fou après 30 minutes de travail ? C'est pareil pour tous les membres de la CrocoTeam ^^'

C'est pourquoi nous avons créée une optimisation automatique de vos automatisations.

Pout se faire, cliquer sur l'icone "arbre" pour que CrocoClick réorganise automatiquement vos blocs.

• Alignement parfait

• Espacement optimisé

• Lecture claire

💡 Exemple : Vous importez un ancien workflow désordonné → un clic sur l'organisation par arbre et tout est propre et aligné.

🔀 Sélecteur de Workflow

Passez d’un workflow à un autre sans quitter le canvas, ce qui vous fera gagner de nombreuses précieuses minutes de chargement :

1. Ouvrez le Sélecteur de Workflow (dans la barre latérale gauche).

2. Recherchez par nom ou tag.

3. Cliquez : l'automatisation s’ouvre dans un nouvel onglet.

🧭 Exemple : Vous comparez “Suivi Email” et “Relance SMS” côte à côte, sans fermer l’un pour ouvrir l’autre.

🧱 Sauvegarde, Versions & Publication

• Le constructeur enregistre automatiquement vos modifications.

• Vous pouvez accéder à l’historique des versions et restaurer une précédente.

• Cliquez sur Publier pour rendre vos changements actifs.

💡 Exemple : Vous testez une nouvelle logique → si elle ne performe pas, revenez en un clic à la version stable.

📘 Notes, Limites & Bonnes Pratiques

Bonnes pratiques

• Organisez tôt : utilisez les couleurs et notes dès le départ.

• Nommez clairement : “Email #1 - Bienvenue” est plus lisible que “Action 2”.

• Regroupez par logique : par ex. une couleur pour chaque phase du parcours client.

Limites importantes

• Un même contact ne peut être inscrit qu’une seule fois dans une automatisation en même temps, même avec des branches parallèles.

• Avant de revenir au mode Standard, supprimez :

  • les connexions Go-To,

  • les nœuds détachés,

  • et les nœuds désactivés.

💬 Exemple : Si un contact déclenche deux fois le même workflow, seule la première exécution sera prise en compte.

❓ Dépannage & FAQ

➡️ Puis-je copier une branche vers un autre workflow ?
Oui ! Sélectionnez la zone → Ctrl/Cmd + C / V → collez-la dans un autre workflow.

➡️ Puis-je combiner plusieurs déclencheurs ?
Oui. Utilisez des branches parallèles pour gérer plusieurs points d’entrée dans un même processus.

➡️ Les nœuds désactivés impactent-ils la logique ?
Non, ils sont simplement ignorés, mais restent connectés.

➡️ Puis-je tout faire au clavier ?
Presque ! Les raccourcis permettent de construire, naviguer et tester sans la souris.

➡️ Que faire si mon canvas devient illisible ?
Utilisez Tidy Up pour réaligner tout votre workflow automatiquement.