HubSpot est un super outil pour créer des sites web. Il permet aux développeurs de créer des pièces personnalisées, appelées modules. Les équipes marketing peuvent facilement utiliser ces modules pour créer des pages web par un simple glisser-déposer.
Mais créer beaucoup de ces modules prend énormément de temps. Cela peut devenir très ennuyeux car les développeurs doivent écrire exactement le même type de code encore et encore. Ils doivent écrire de longs fichiers de configuration, créer le HTML, et s'assurer que tout s'affiche bien sur tous les appareils.
Aujourd'hui, de nombreux développeurs utilisent des outils d'IA comme ChatGPT ou GitHub Copilot pour travailler plus vite. L'IA n'est pas parfaite. Elle ne peut pas tout faire à votre place. Mais si vous l'utilisez intelligemment, elle peut vous faire gagner des heures de travail ennuyeux.
Ce guide explique comment les développeurs HubSpot peuvent utiliser l'IA pour créer des modules plus rapidement, tout en gardant un code propre et facile à utiliser.
Pourquoi la création de modules HubSpot prend-elle autant de temps ?
HubSpot vous donne beaucoup de pouvoir, mais il oblige aussi les développeurs à faire beaucoup de travail de configuration manuel pour chaque module.
1. Écrire le fichier fields.json
Chaque module a besoin d'un fichier appelé fields.json. Ce fichier indique à HubSpot quels boutons et boîtes de texte montrer à l'équipe marketing. Même pour un module simple, vous devez taper le code pour :
- Les boîtes de texte (Text boxes)
- Les chargeurs d'images (Image uploaders)
- Les sélecteurs de couleurs (Color pickers)
- Les listes répétitives (Repeating lists)
Taper ce code pour des dizaines de modules prend un temps fou et il est très facile de faire des fautes de frappe.
2. Écrire le code et la logique
HubSpot utilise un langage de codage appelé HubL. Les développeurs mélangent le HubL avec du HTML normal pour faire fonctionner les pages web. Ils doivent écrire les mêmes boucles de base et les mêmes conditions "if" (si) tous les jours. Faire ce travail répétitif leur fait perdre du temps qui pourrait être utilisé pour résoudre de plus gros problèmes.
3. Le rendre beau
Une fois le code de base terminé, les développeurs doivent encore écrire du CSS pour que le module soit beau. Ils doivent le tester sur les téléphones portables et s'assurer qu'il est facile à utiliser pour les personnes malvoyantes avec des lecteurs d'écran. Toutes ces étapes s'additionnent.
Comment l'IA aide les développeurs à travailler plus vite
L'IA ne peut pas construire un module HubSpot parfait toute seule à partir d'une simple consigne. Cependant, elle est incroyable pour faire la frappe ennuyeuse et répétitive à votre place.
Générer les fichiers de configuration
L'une des meilleures façons d'utiliser l'IA est de la laisser écrire votre fichier fields.json. Vous pouvez simplement dire à l'IA ce dont vous avez besoin dans un langage simple. Par exemple, vous pouvez dire : "Fais un fichier fields.json pour une carte de prix avec un titre, une photo et un bouton."
L'IA tapera rapidement tout le code de départ. Vous devez quand même le vérifier pour vous assurer qu'il est correct, mais cela vous évite de faire tout le travail de frappe difficile.
Créer des extraits de code de base
L'IA est assez intelligente en ce qui concerne le code HubL de base. Elle peut rapidement écrire les modèles de code que vous utilisez tous les jours, comme :
- Écrire le code pour afficher une image correctement.
- Écrire une boucle pour afficher une liste d'éléments.
- Écrire une règle pour cacher une boîte si l'utilisateur la laisse vide.
Générer des mises en page de base
Beaucoup de sites web utilisent les mêmes types de mises en page, comme une grille de fonctionnalités ou une liste d'avis clients. Au lieu de partir d'une page blanche, vous pouvez demander à l'IA d'écrire le HTML de base pour vous. Ensuite, vous pouvez intervenir et ajouter le code HubSpot spécial pour que cela fonctionne.
Trouver des réponses rapidement
HubSpot a beaucoup de règles. Au lieu de chercher dans de longues pages de manuels d'instructions, les développeurs peuvent simplement poser une question à l'IA. L'IA peut vous donner un résumé rapide et vous montrer un exemple du code dont vous avez besoin.
Où l'IA fait encore des erreurs
Vous ne pouvez pas faire confiance à l'IA aveuglément. Si vous le faites, votre site web risque de planter. Vous devez savoir où l'IA se confond.
Inventer des règles
Parfois, l'IA invente tout simplement des choses. Elle peut essayer d'utiliser un type de champ que HubSpot ne prend même pas en charge. Elle peut mal orthographier une propriété ou oublier un ID obligatoire. Un développeur doit toujours revérifier le travail de l'IA par rapport aux vraies règles de HubSpot.
Gérer des données complexes
Si votre module doit extraire des données complexes d'une base de données (comme HubDB), l'IA est souvent très confuse. Elle a du mal à écrire des requêtes et des filtres complexes. Pour les choses difficiles, les développeurs humains sont encore bien meilleurs.
Pas prêt pour les vrais utilisateurs
L'IA ne sait pas à quoi ressemble l'ensemble de votre site web. Elle peut écrire du code qui est difficile à comprendre pour l'équipe marketing dans l'éditeur. Un humain doit toujours revoir le module et s'assurer qu'il est facile à utiliser avant de le mettre sur un site web en direct.
La meilleure façon d'utiliser l'IA
Les développeurs intelligents utilisent l'IA comme un assistant utile. Voici un flux de travail simple, étape par étape, qui fonctionne vraiment bien :
- Planifiez : Décidez ce que votre module doit faire et de quels champs il a besoin.
- Laissez l'IA taper les bases : Demandez à l'IA d'écrire le fichier
fields.jsonde base et le code HTML de départ. - Corrigez les erreurs manuellement : Vérifiez le code de l'IA. Corrigez les erreurs et connectez les données HubSpot correctement.
- Rendez-le parfait : Ajoutez votre propre style pour qu'il soit superbe sur les téléphones et les ordinateurs.
- Testez-le : Essayez d'utiliser le module dans HubSpot pour vous assurer qu'il est facile à utiliser pour tout le monde.
Pensées finales
L'IA ne va pas voler le travail d'un développeur HubSpot. Mais c'est un outil super utile. En laissant l'IA faire la frappe ennuyeuse et la configuration de base, les développeurs peuvent gagner des heures de temps chaque semaine.
Le secret est de savoir en quoi l'IA est douée et de savoir exactement quand vous devez intervenir et faire le vrai travail.
Construire des modules HubSpot à partir de zéro prend du temps. Rapid vous permet de télécharger n'importe quelle capture d'écran d'interface utilisateur et génère un module HubSpot complet et prêt pour la production (avec fields.json, les liaisons HubL et une structure appropriée) en moins de 60 secondes. Essayez-le gratuitement →