Ce qu'est l'AI Builder et quand il convient

Module 1: Avant de commencer · Temps de lecture : 9 minutes

Objectif pédagogique : À l'issue de cette leçon, vous saurez expliquer comment fonctionne l'AI Builder, ce qu'il peut construire et ce qu'il ne peut pas construire, et juger s'il convient à votre projet ou si une autre voie est préférable.

Notions clés : AI Builder, description, première version, éditeur, chat, modification, site vitrine, widget, formulaire de contact, boutique en ligne, espace de connexion, portabilité

Ce que fait l'AI Builder

L'AI Builder est un outil de création de sites dans lequel une IA réalise le premier travail. Vous expliquez en langage courant ce que vous faites, pour qui et où. Ou bien vous indiquez l'adresse de votre site actuel. En quelques minutes (généralement deux à quatre), un site complet est prêt : le plus souvent trois à six pages, avec des textes, des photos, un menu, un formulaire de contact et une charte graphique. C'est ce qu'on appelle la première version.

Ensuite, vous poursuivez le travail dans l'éditeur. À gauche se trouve une barre de panneaux (Chat, Pages, Blocs, Médias, Menu, Articles, Charte graphique, Sécurité, SEO, et en bas Mémoire, Versions et Paramètres). À droite, vous voyez votre site tel qu'un visiteur le voit. Vous pouvez le modifier de deux façons :

• Vous-même : dans l'aperçu, vous cliquez sur un texte ou un bouton et vous tapez, vous choisissez des photos, déplacez des sections et choisissez des couleurs. C'est gratuit.
• Avec l'IA : dans le chat, vous saisissez une demande, par exemple « raccourcis le titre » ou « ajoute une page sur notre façon de travailler ». L'IA fait une proposition que vous conservez ou rejetez. Une telle demande coûte une modification (leçon 1.2).

Les textes de votre site sont créés et modifiés par un modèle d'IA d'OpenAI. Le site et la messagerie sont hébergés sur des serveurs de WebOké aux Pays-Bas. Vous lancez l'éditeur dans Mon WebOké, via l'élément de menu AI Builder situé juste sous Tableau de bord (ou via Mes Sitebuilders, onglet AI Builder).

L'AI Builder produit un site rapide, sans plugins et sans mises à jour à gérer vous-même. Avec une formule d'hébergement, votre site est enregistré sous forme de fichiers HTML ordinaires sur votre propre domaine.

Ce qu'il fait bien

L'AI Builder est conçu pour les sites vitrines : un site qui présente qui vous êtes, ce que vous faites, combien cela coûte et comment vous contacter. Par exemple :

• un indépendant ou une petite entreprise (peintre, coach, photographe, coiffeur, conseiller) ;
• une association ou une fondation avec des actualités et un agenda ;
• un portfolio ou un blog simple.

Prenons Schildersbedrijf Example : une entreprise de peinture avec deux employés dans un petit village. Le peintre veut montrer ce qu'il fait (peinture intérieure et extérieure, pose de papier peint), quelques photos de chantiers, sa zone d'intervention et un formulaire de demande de devis. Il n'a pas le temps de s'occuper de plugins et de mises à jour. C'est exactement ce pour quoi l'AI Builder est conçu.

Ce qu'il ne construit pas

Être honnête sur les limites vous évite un déménagement plus tard. L'AI Builder crée des sites web, pas des applications ni des plateformes. Voici ce qu'il ne peut pas construire :

• Une boutique en ligne avec panier et paiement. Il peut afficher des produits avec leur prix, mais un visiteur ne peut pas commander et payer lui-même sur votre site.
• Une connexion : des comptes ou profils pour les visiteurs, un espace membres.
• Une base de données propre ou toute fonction qui enregistre ou transmet ce que saisissent les visiteurs, comme une commande ou un score partagé.
• Un agenda propre dans lequel les visiteurs réservent eux-mêmes un créneau.

Le formulaire de contact a lui aussi ses limites. Il comporte au maximum huit champs, de ces types : texte, choix (une liste déroulante), e-mail, téléphone, texte long, date et nombre. Il n'existe pas de champ pour envoyer un fichier (une photo du chantier, un CV). Si Schildersbedrijf Example souhaite recevoir des photos d'un mur, il demande dans le message de confirmation que le client les envoie par e-mail ou par WhatsApp.

Il existe en outre des limites fixes par site : au maximum 30 pages, 40 sections par page, 300 photos et 200 articles. Il n'y a pas de fonction d'export ni de conversion vers WordPress. Avec une formule d'hébergement, les fichiers HTML se trouvent bien dans votre propre hébergement et vous pouvez les télécharger, mais si vous voulez passer à WordPress plus tard, vous reconstruisez le site dans WordPress avec vos propres textes et photos.

Ce qui est possible avec un widget

Une grande partie de ce que l'éditeur ne fait pas lui-même se règle avec un widget : un élément d'un autre service que vous intégrez à votre site. Pour bon nombre de services, le lien suffit et l'éditeur crée lui-même le lecteur ou le formulaire, par exemple YouTube, Vimeo, Spotify, Google Maps (l'adresse suffit), Calendly, Google Agenda, Instagram, TikTok, Typeform, Tally, Google Forms, Microsoft Forms, Jotform, un formulaire d'inscription Mailchimp, Eventbrite et Zenchef. Pour d'autres services (comme Salonized, Formitable, Treatwell ou Trustpilot), vous collez le code fourni par ce service.

Vous pouvez ainsi tout de même :

• faire réserver des rendez-vous avec un service de réservation comme Calendly ou un outil de planning pour salon ;
• faire envoyer des fichiers via le formulaire d'un autre service qui accepte les envois de fichiers ;
• afficher un module de commande ou de paiement d'un service externe.

Faites attention à deux points. Un widget ne se charge que lorsque le visiteur accepte les cookies de ce type, et le service apparaît automatiquement dans votre bandeau cookies et votre politique de confidentialité (module 7). Et sur le site gratuit, seuls les widgets de services connus fonctionnent, sans formulaire ni script propre (leçon 1.2). Vous apprendrez à placer le widget lui-même dans la leçon 4.3.

Quand une autre voie convient mieux

Quelques exemples :

Vous pouvez combiner. La boulangerie du quartier de Schildersbedrijf Example veut un site soigné présentant ses produits, et en plus permettre de commander des gâteaux. Un site vitrine créé avec l'AI Builder, complété par un formulaire ou un module de commande d'un autre service sous forme de widget, peut suffire. Si elle veut une vraie boutique avec des centaines de produits et un paiement en ligne, une boutique en ligne est préférable, et l'AI Builder n'en fait pas partie.

Pensez aussi à la sortie : si votre nom de domaine et votre messagerie restent à votre nom, vous pourrez changer d'outil plus tard sans que vos clients perdent votre trace.

Dans l'éditeur : vérifiez par vous-même

1. Dans Mon WebOké, ouvrez AI Builder.
2. Sur l'écran d'accueil, cliquez sur Aide (en haut à droite de la carte de démarrage). Vous voyez Aide pour l'AI Builder : toutes les fonctions par groupe, avec une recherche.
3. Recherchez « widget » puis « formulaire » et lisez les informations affichées.
4. Vous hésitez sur une possibilité ? Posez la question dans le chat de l'éditeur. Les questions ne coûtent aucune modification et ne changent rien à votre site.

Résumé

• L'AI Builder crée une première version complète à partir d'une description ou d'un site existant ; ensuite, vous modifiez tout, vous-même ou via le chat.
• Il est conçu pour les sites vitrines, pas pour une boutique en ligne avec paiement, une connexion, une base de données propre ou un agenda de réservation propre.
• Le formulaire de contact comporte au maximum huit champs et ne permet pas d'envoyer de fichiers.
• De nombreux compléments (réservation, vidéo, cartes, formulaires avec envoi de fichiers) se règlent avec un widget d'un autre service.
• Si votre projet ne correspond pas, choisissez WordPress, une boutique en ligne ou un autre outil ; vous pouvez aussi combiner.

Quiz

Exercice

Exercice D1.1: L'AI Builder convient-il à votre projet ? Évaluez votre propre projet à l'aide de ce que vous avez appris dans cette leçon.

Checklist :

• [ ] vous avez décrit en quelques phrases ce que votre site doit faire ;
• [ ] vous avez comparé chaque fonction dont vous avez besoin à la liste « ce qu'il ne construit pas » ;
• [ ] pour chaque fonction que l'éditeur ne gère pas lui-même, vous avez cherché un widget ou un autre service ;
• [ ] vous avez vérifié au moins un point de doute dans Aide pour l'AI Builder ou dans le chat ;
• [ ] vous avez examiné si WordPress, une boutique en ligne ou un autre outil conviendrait mieux.

Questions :

1. Que doit faire votre site, en trois phrases ?
2. Quelles fonctions de votre projet l'AI Builder ne construit-il pas lui-même, et comment les résolvez-vous ?
3. Quel est votre choix, et pourquoi une autre voie convient-elle moins bien ?

Après avoir indiqué « terminé », vous verrez un exemple de réponse : Schildersbedrijf Example veut présenter ses services, des photos de chantiers, sa zone d'intervention et recevoir des demandes de devis ; il n'est pas possible de recevoir les photos des clients via le formulaire de contact, il leur demande donc dans l'e-mail de confirmation de les envoyer par e-mail ; choix de l'AI Builder, car il n'a besoin ni de boutique ni de connexion et ne veut pas gérer de plugins.

Pour aller plus loin

• Sitebuilder et AI Builder : lequel choisir et comment l'ouvrir ?
• Vente en ligne : boutique en ligne propre, plateforme hébergée, marketplace ou lien de paiement ?
• Formation gratuite : Une boutique en ligne avec WooCommerce 1.1: Quand WooCommerce convient, et quand il ne convient pas
• Formation WordPress gratuite 1.1: Qu'est-ce que WordPress (et qu'est-ce que ce n'est pas) ?
• L'AI Builder et ses tarifs (page produit) : https://www.weboke.fr/ai-website-builder