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.
HubSpot vous donne beaucoup de pouvoir, mais il oblige aussi les développeurs à faire beaucoup de travail de configuration manuel pour chaque module.
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 :
Taper ce code pour des dizaines de modules prend un temps fou et il est très facile de faire des fautes de frappe.
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.
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.
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.
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.
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 :
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.
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.
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.
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.
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.
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.
Les développeurs intelligents utilisent l'IA comme un assistant utile. Voici un flux de travail simple, étape par étape, qui fonctionne vraiment bien :
fields.json de base et le code HTML de départ.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 →