CrocoVibe : Créez sites, pages et applications 100% codé avec l'IA de CrocoClick

Pourquoi utiliser CrocoVibe ?

CrocoVibe est un constructeur alimenté par l'intelligence artificielle, directement intégré dans CrocoClick.

Il vous permet de créer des sites web, des landing pages et d'autres expériences interactives en quelques minutes, simplement en décrivant ce que vous voulez en langage naturel.

Plutôt que de partir d'une page blanche dans le constructeur de page, vous décrivez votre projet et l'IA génère les mises en page, le contenu, les visuels et même des pages multiples. Vous affinez ensuite le résultat par conversation, comme si vous briefiez un designer.

Exemples de ce que vous pouvez créer :

• Une landing page pour votre prochain lancement

• Un site vitrine complet pour votre activité de coaching

• Une page de prise de rendez-vous connectée à votre calendrier

• Une boutique en ligne avec vos produits et visuels

• Un portfolio professionnel à partir de vos images

Accéder à CrocoVibe

1. Ouvrez votre compte CrocoClick

2. Cliquez sur CrocoVibe dans la navigation de gauche

L'interface de CrocoVibe

L'écran d'accueil vous propose :

• Un champ de description pour décrire votre projet

• Des onglets : Vus récemment, Mes projets, Favoris, Modèles

• Des modèles prédéfinis : landing pages, tableaux de bord, boutiques, portfolios, blogs

• Une barre latérale pour accéder rapidement à vos projets récents

Depuis cet écran, vous pouvez créer un nouveau projet, reprendre un projet existant, le renommer, le déplacer dans un dossier ou le supprimer.

Créer un projet

Démarrer avec un prompt

Décrivez ce que vous souhaitez construire. Vous pouvez accompagner votre description de fichiers, d'images ou d'une URL de site existant pour guider l'IA.

Exemples de prompts :

• « Crée un site pour un cabinet dentaire avec prise de rendez-vous en ligne »

• « Construis un portfolio pour un designer freelance avec les images jointes »

• « Crée une page d'accueil pour un camping familial en t'inspirant de cette URL »

• « Crée un site pour une marque de cosmétiques avec le screenshot joint comme inspiration »

Démarrer avec un modèle

Si vous préférez partir d'une base existante, explorez les modèles disponibles dans l'onglet Modèles. Vous y trouverez des catégories comme les landing pages, les boutiques e-commerce, les tableaux de bord et les portfolios.

Modifier et affiner votre projet

CrocoVibe fonctionne comme un assistant conversationnel. Une fois la première version générée, vous continuez à affiner par des instructions en langage naturel :

• « Change les couleurs pour du vert clair au lieu de l'orange »

• « Ajoute une page Contact »

• « Rends la navigation du haut similaire à cette URL de référence »

• « Ajoute une section témoignages inspirée du screenshot joint »

• « Remplace l'image du hero par l'image que je viens d'envoyer »

L'IA peut intégrer vos images uploadées ou générer des visuels si vous n'en fournissez pas.

Prévisualiser votre projet

Avant de publier, vous pouvez vérifier le rendu de votre projet :

1. Basculez entre la vue Prévisualisation et la vue Code

2. Testez l'affichage sur ordinateur, tablette et mobile

3. Naviguez entre les pages via le menu déroulant (pour les projets multi-pages)

4. Ouvrez la page sélectionnée dans un nouvel onglet pour une vue plein écran

Historique des versions

Chaque modification générée par l'IA crée une version que vous pouvez restaurer. Cela vous permet d'expérimenter en toute sécurité.

Vous pouvez :

• Consulter les versions précédentes

• Prévisualiser une version antérieure

• Ajouter une version en favori

• Revenir à une version précédente si nécessaire

Accédez à l'historique via le bouton Historique des versions dans votre projet.

Formulaires et intégration calendrier

Formulaires

Quand CrocoVibe crée un formulaire, il s'agit d'abord d'une mise en page visuelle. Pour qu'il capture réellement des données :

1. Demandez à CrocoVibe de connecter le formulaire (ou cliquez sur Connecter quand l'option apparaît)

2. Cela déclenche le flux Connexion au CRM

3. Les contacts sont alors créés dans votre compte

4. Les soumissions sont capturées

5. Vous pouvez déclencher des automatisations

Calendriers

Pour les pages de prise de rendez-vous :

1. CrocoVibe crée la zone de réservation

2. Vous sélectionnez le calendrier de votre compte à connecter

3. Le calendrier est intégré à la page

Publier votre projet

La publication rend votre projet accessible via une URL. Après publication, vous pouvez continuer à modifier votre projet : les changements restent en brouillon jusqu'à ce que vous publiiez à nouveau.

Publier sur un domaine de prévisualisation

1. Cliquez sur Publier, ajustez l'URL si nécessaire, puis cliquez à nouveau sur Publier

2. Mettez à jour l'icône, le nom, la description et l'image de partage social

3. Cliquez sur Appliquer les modifications, puis Publier

Connecter un domaine personnalisé

Vous devez d'abord publier sur le domaine de prévisualisation avant de pouvoir connecter un domaine personnalisé.

1. Cliquez sur Publier, puis Ajouter un domaine personnalisé

2. Entrez le domaine souhaité

3. Si le domaine est géré dans CrocoClick, la configuration se poursuit automatiquement

4. Si le domaine est externe, ajoutez l'enregistrement DNS manuellement puis cliquez sur Vérifier le DNS

5. Une fois terminé, le chat affiche le domaine connecté avec l'option Voir le site

Définir une URL principale

1. Cliquez sur Publier

2. Cliquez sur le menu trois points à côté de l'URL

3. Cliquez sur Définir comme principal

Les autres URL connectées redirigent automatiquement vers l'URL principale via une redirection 301.

Cloner un projet

CrocoVibe vous permet de dupliquer un projet au sein du même compte ou vers un autre sous-compte de la même agence.

Options de clonage :

• Dupliquer dans le même compte

• Cloner vers un autre sous-compte

• Placer à la racine ou dans un dossier existant

• Choisir d'inclure ou non l'historique des conversations et versions

Étapes :

1. Cliquez sur le menu trois points du projet, puis Cloner

2. Nommez le nouveau projet, choisissez le compte cible et le dossier

3. Activez ou désactivez Inclure l'historique du projet

4. Cliquez sur Cloner

Données de soumission

Une fois connectés, les formulaires envoient les soumissions dans le CRM de votre compte, pas dans le projet CrocoVibe lui-même. La page vit dans AI Studio, mais les contacts et les réponses se retrouvent dans votre compte CrocoClick.

Où consulter les soumissions :

• Dans Contacts

• Dans Sites > Formulaires > Soumissions > Formulaires externes

Connecter des automatisations aux soumissions

1. Créez le formulaire dans CrocoVibe

2. Connectez-le au suivi CRM

3. Dans vos automatisations, utilisez le déclencheur Événement de suivi externe

4. Sélectionnez l'événement Soumission de formulaire

5. Filtrez par domaine et/ou par formulaire externe

Limitations actuelles

• La modification manuelle du code n'est pas disponible pour le moment

• Les projets CrocoVibe ne peuvent pas être déplacés vers le constructeur de Sites ou de Tunnels classique

• La recréation à partir d'une URL ou d'une image doit être considérée comme une source d'inspiration pour la structure et le style, pas comme une copie exacte

• Les formulaires et calendriers peuvent nécessiter des étapes de connexion supplémentaires

Questions fréquentes