🎬 Un widget météo créé par l'IA de Elementor en quelques minutes
Bonjour à toutes et à tous,
Ça y est, la deuxième vidéo de ma série sur Angie, l'IA de Elementor, est en ligne. Je la teste toujours en direct, sans montage. Au programme, un widget météo créé de zéro par l'IA, pensé pour un de mes clients qui voulait afficher des prévisions.
>>> Lien de la vidéo : https://youtu.be/Md1eS9LzQD4
🧠 Une IA qui connaît Elementor de l'intérieur
Pour un site construit avec Elementor, Angie est à mes yeux l'IA la mieux entraînée, même si d'autres peuvent faire le travail.
Selon la présentation de Elementor que je commente dans la vidéo, elle crée des pages et des design systems (une charte graphique plus complète, qu'elle mémorise pour créer des pages cohérentes). Elle code aussi elle-même des widgets personnalisés, des extraits de code (des snippets) pour personnaliser l'administration de WordPress, des types de contenu personnalisés (une section services ou immobilier, par exemple) et des champs personnalisés. Le tout s'améliore en lui parlant naturellement.
⚠️ Une bêta gratuite, à tester sur un site de test
Angie est encore en bêta expérimentale, donc à prendre avec des pincettes. Elle est accessible gratuitement à toutes celles et ceux qui utilisent Elementor, et je vous recommande de la tester sur un site de test, un staging (une copie de votre site) ou un sous-domaine. Ce qu'elle crée est rangé dans ses Code Snippets, c'est du code ajouté à votre site et pas une nouvelle extension.
👥 Un widget déjà modifié en dialoguant avec elle
Je commence par l'Interactive Team Accordion, un accordéon d'équipe que j'ai déjà modifié en discutant avec Angie. C'est un vrai widget de l'éditeur de Elementor, je change le nom, le rôle, la bio, la photo et le style. Je travaille encore à pouvoir régler la position de l'image sur mobile, parce que la tête de mon personnage est coupée.
🌦️ Un widget météo créé en direct
Puis je crée le Weather Widget (un widget Météo) à partir d'un modèle de la bibliothèque de prompts (les consignes données à l'IA), où Elementor met des idées de widgets et les enrichit de temps en temps.
Premier accroc, la copie du prompt échoue, alors je le copie à la main. Angie me répond d'abord en anglais et me demande une clé API (le code d'accès à un service de données extérieur). Je lui réponds en français que je n'en ai pas, et elle passe par Open-Meteo, un service météo gratuit.
Résultat, un widget au design glassmorphism (un effet de verre translucide), enregistré comme snippet réutilisable. Il n'apparaît qu'une fois publié, alors je demande à Angie de le publier. J'obtiens alors un shortcode (un code court), que j'intègre dans une section de ma page d'accueil, sans aucun travail de design.
Précision importante, c'est plutôt une fonctionnalité supplémentaire insérée par code court qu'un widget avec des réglages dans l'éditeur, comme l'accordéon. Côté site, il affiche les prévisions des jours suivants et se met à jour tout seul chaque jour.
🌍 Traduit en français, en parlant à Angie
Les textes sont restés en anglais, alors je lui demande en français de les traduire, et elle corrige en direct. Après un F5 (l'actualisation de la page), le widget est en français, avec le ressenti et les prévisions sur 5 jours. Par contre, ce mélange d'anglais et de français reste à stabiliser selon la langue de la personne qui s'en sert.
💬 Mon avis, en toute transparence
Ce que j'apprécie, c'est de tout faire depuis Elementor, dans WordPress, sans multiplier les applications et les onglets. L'exécution est rapide, et en quelques minutes vous avez une nouvelle fonctionnalité pour votre site.
Je vous le dis franchement, je ne suis ni codeur ni développeur, et je ne comprends pas tout le code, qui ne parle pas à tout le monde. Mais le champ des possibles est concret. Pour moi, un seul petit bug, et le reste est très intéressant et pertinent.
⚠️ Transparence : Cette vidéo est réalisée en partenariat avec Elementor. Mon avis reste indépendant. 😉 Je remercie Elementor de m'avoir laissé faire ce test en toute impartialité.
Pour Elementor One, voici mon lien d'affiliation, avec le code CEDRICONE pour -5 % sur une offre annuelle : https://com64.fr/elementor
👉 Quel widget demanderiez-vous à Angie pour votre site ? Dites-moi en commentaire ce que vous en pensez, et partagez vos propres résultats si vous la testez. 👇
C’est bluffant ! 😊 Merci Cédric pour cette démonstration.
Pour ma boutique de bijoux, ce qui m’intéresserait, ce serait le côté administration : gérer le catalogue, améliorer le SEO, faire des corrections en masse, suivre efficacement mes commandes et vérifier les URL. J’aimerais aussi travailler le design et créer des widgets adaptés à ma boutique. Ça donne plein d’idées ! Bref, peut-être bien tout ! 😄
Par contre, je n’ai pas bien compris le fonctionnement du mode test d’Angie.
Je suis un peu perdue sur la façon de faire des essais sans risquer de modifier mon site en ligne. Faut-il forcément créer un sous-domaine et y copier son site ? Ou existe-t-il une solution plus simple pour débuter ?Une petite démonstration de cette étape serait vraiment utile pour les personnes comme moi qui n’osent pas se lancer, de peur de « casser » leur site 😊
Merci pour votre retour Jany Mouton, j'essayerais de montrer très prochainement comment faire des tests sans risques pour votre site.
il va falloir que je me penche sur la question, ça a l'air passionnant quoique certainement trop chronophage pour moi pour l'instant...
Oui c'est un peu chronophage Laurence Sourgnes parce qu'il faut prendre le temps de comprendre le fonctionnement et faire quelques essais. Mais le résultat final en vaut vraiment la peine. 😉
Cédric Dintimille je n'en doute pas que ça vaille la peine, j'espère trouver le temps bientôt pour commencer à étudier tout cela...😊