Tu as besoin d'une fonctionnalité précise sur ton site WordPress, mais aucun plugin ne fait exactement ce que tu veux ? Bonne nouvelle : aujourd'hui, tu peux créer un plugin WordPress sur mesure avec l'IA, sans écrire une ligne de code. Je l'ai fait en moins de 10 minutes, avec un seul prompt : un calculateur de retour sur investissement SEO, ajouté sur mon site avec un simple shortcode. Je te montre toute la méthode, et même l'erreur que j'ai faite en direct.
Le tuto en vidéo
Toute la méthode est dans la vidéo, de l'installation de Cursor au plugin qui tourne sur mon site.
Peut-on vraiment créer un plugin WordPress sans coder ?
Oui. L'IA écrit tout le code ; ton rôle, c'est de décrire précisément ce que tu veux, puis de tester le résultat. Tu restes le chef de projet, l'IA est ton développeur.
Concrètement, c'est idéal pour les petits outils qui font la différence sur un site : un calculateur ou un simulateur pour tes prospects, un formulaire particulier, un bloc d'affichage sur mesure, une fonctionnalité que les plugins payants font mal ou trop cher. Pour un plugin complexe ou sensible (paiement, données personnelles), un développeur reste préférable.
Les outils pour créer un plugin WordPress avec l'IA
Deux outils suffisent, et aucun ne demande de savoir coder : Cursor, un éditeur de code avec l'IA intégrée, et, en option, Hostinger Connector pour que l'IA installe le plugin directement sur ton site.
| Outil | Son rôle | Prix |
|---|---|---|
| Cursor | Écrit tout le code du plugin à ta place | Gratuit pour un plugin simple |
| Hébergement Hostinger | Héberge ton site WordPress | Plan Business minimum pour le connecteur |
| Hostinger Connector | Relie Cursor à ton site pour déployer le plugin | Inclus |
L'éditeur de code avec IA intégrée qui crée ton plugin. La version gratuite suffit pour commencer.
L’extension qui permet de gérer et de déployer tes sites et apps directement depuis ton outil IA (Claude Code…).
🎁 -10 % avec ce code
Certains liens sont affiliés : ça ne te coûte rien de plus et ça soutient mes tutos gratuits.
Étape 1 : installer et configurer Cursor
Cursor s'installe comme une application classique. Deux réglages rapides, et il est prêt à créer des plugins propres.
-
1
Installe Cursor
Va sur cursor.com, télécharge l'application (Mac ou Windows), ouvre-la et crée ton compte en quelques clics avec Google. Quand on te propose le plan Pro, passe : en version gratuite, Cursor choisit automatiquement le modèle d'IA adapté à ta demande, c'est suffisant pour un premier plugin.
-
2
Choisis ton dossier de travail
En bas de la fenêtre, tu vois « No repo » : Cursor n'est relié à aucun dossier. Clique dessus, puis On this Mac › Open folder, et crée un dossier (par exemple « plugins-wordpress »). C'est là que l'IA rangera les fichiers de ton plugin.
-
3
Ajoute les bonnes pratiques WordPress
Va sur cursor.directory : tu y trouves 3 règles WordPress. Pour chacune, clique sur « Add to Cursor » et ajoute-la à ton dossier (ou à tout Cursor si tu prévois plusieurs projets de plugins).
Étape 2 : connecter Cursor à Hostinger (optionnel)
Cette connexion permet à l'IA de déployer le plugin directement sur ton site, sans télécharger ni installer quoi que ce soit à la main. Elle demande un hébergement Hostinger, au minimum le plan Business.
-
1
Ouvre l'IDE de Cursor
En haut à droite, clique sur IDE : une nouvelle fenêtre s'ouvre. C'est l'outil de code de Cursor (la fenêtre précédente, c'est plutôt le chat). Ouvre ton dossier de plugins.
-
2
Installe l'extension
Sur la page Hostinger Connector, clique sur « Installer l'extension », puis sur Cursor : l'extension s'ouvre directement dans Cursor. Clique sur Install, puis Trust.
-
3
Connecte ton compte
En haut à gauche, sélectionne Hostinger, puis 1-Click Connect. Ton navigateur s'ouvre : connecte-toi à ton compte Hostinger et autorise. De retour dans Cursor, tu es connecté.
Une fois connecté, Cursor a accès à tous les sites de ton compte : tu peux déployer des plugins sur chacun d'eux, mais aussi gérer tes sites, tes noms de domaine ou ton serveur, directement en discutant avec l'IA. L'extension fonctionne aussi avec VS Code et Claude Code, que j'utilise pour créer un site avec Claude Code de A à Z.
Étape 3 : écrire le prompt de ton plugin
Tout se joue dans le prompt : plus il est précis, plus le plugin sera fidèle à ce que tu imagines. Un bon prompt de création de plugin précise quatre choses :
- le nom et l'objectif du plugin ;
- ce qu'il doit afficher exactement : champs, boutons, résultats ;
- son comportement : se met-il à jour en temps réel ? doit-il stocker des données ?
- le déploiement : le nom de ton domaine, pour que l'IA sache où publier.
Mon secret : je ne rédige jamais ce prompt technique moi-même. Je demande à Claude ou à ChatGPT de l'écrire à partir de mon idée, avec un message tout simple. Il me ressort un prompt complet et structuré, avec des détails techniques auxquels je n'aurais pas pensé.
Pas de connexion Hostinger ? Retire la phrase sur le déploiement et demande plutôt à Cursor de te livrer le plugin en fichier ZIP.
Voici la structure du prompt que j'ai utilisé pour mon calculateur. Tu peux la reprendre pour n'importe quel plugin :
Étape 4 : créer et déployer le plugin avec Cursor
Dans l'IDE de Cursor, ouvre le chat en mode Agent et colle ton prompt. Cursor crée les fichiers, écrit le code, puis déploie le plugin sur ton site si la connexion Hostinger est active.
- Pendant son travail, Cursor te demande parfois une autorisation : clique sur Run.
- S'il s'arrête en cours de route, écris-lui simplement « continue ».
- À la fin, il te résume ce qu'il a fait : la structure du plugin, ses fonctionnalités, le déploiement et le shortcode à utiliser.
Sans connexion Hostinger, récupère le fichier ZIP et installe-le dans WordPress : Extensions › Ajouter › Téléverser une extension, puis Activer.
Étape 5 : tester ton plugin sur ton site
Il reste à vérifier que tout fonctionne en conditions réelles. Dans ton tableau de bord WordPress, va dans Extensions installées : ton plugin doit apparaître, activé. Crée ensuite une page de test, ajoute le shortcode, enregistre et prévisualise.
Un détail ne te plaît pas ? Retourne dans Cursor et demande la correction : il connaît déjà tout le code de ton plugin.
La démo : mon calculateur de ROI SEO
Pour la vidéo, j'ai créé un outil gratuit pour les prospects de mon activité de consultante site web et SEO, sur stephaniecanovas.fr : un calculateur de retour sur investissement SEO. J'avais vu ce type d'outil sur le site d'un autre freelance et je me suis dit : pourquoi pas sur le mien ? Cursor me l'a créé en quelques minutes.
- À gauche, le visiteur indique son trafic actuel, la part de visiteurs qui le contactent, ce que lui rapporte un client, la croissance de trafic visée (avec un curseur) et, s'il le souhaite, son budget mensuel.
- À droite, les résultats se recalculent en temps réel : trafic additionnel, nouveaux clients potentiels, chiffre d'affaires additionnel mensuel et annuel, et le ROI estimé si un budget est renseigné.
- Aucune donnée n'est envoyée ni stockée : tout se calcule dans le navigateur, et des valeurs par défaut affichent un résultat dès l'arrivée sur la page.
Le tout s'ajoute sur n'importe quelle page avec un petit shortcode, aux couleurs de mon site.
Tout se recalcule en temps réel, dans le navigateur : aucune donnée n'est envoyée ni stockée.
Mon erreur en direct (et comment je l'ai corrigée)
Avant de tourner la vidéo, j'avais testé un premier prompt : le résultat était vraiment bien. Puis je me suis rendu compte que j'avais oublié un champ, le budget. J'ai demandé à Claude de mettre à jour le prompt en ajoutant ce champ et en soignant la mise en page… et il a ajouté un bloc de consignes qui a cassé toute la mise en page. Tu peux voir ma déception en direct dans la vidéo.
La solution a été simple : j'ai repris moi-même le prompt qui fonctionnait, j'y ai ajouté uniquement le nouveau champ, et j'ai écrit à Cursor : « La mise en page ne me convient pas, refais ce plugin WordPress en suivant les instructions actualisées suivantes. » Il a refait le plugin, avec le même shortcode : il m'a suffi d'actualiser ma page de test.
Le prompt exact de la vidéo, dans le Kit vibe coding.
- ✓Le prompt complet du calculateur de ROI SEO, prêt à adapter
- ✓Le guide pas à pas : installation, règles WordPress, connexion Hostinger
- ✓Les liens utiles et le code promo Hostinger
Les erreurs à éviter quand tu crées un plugin WordPress avec l'IA
- Installer un plugin sans sauvegarde : même le tien. Fais une sauvegarde de ton site avant (je t'explique comment programmer des sauvegardes automatiques avec une extension gratuite), ou teste d'abord sur un site de test.
- Écrire un prompt flou : « fais-moi un calculateur » donne un résultat aléatoire. Décris les champs, les résultats et le comportement.
- Tout modifier d'un coup : c'est exactement mon erreur. Une modification à la fois.
- Oublier de nommer ton domaine : si tu as plusieurs sites sur ton compte Hostinger, précise toujours le domaine exact.
- Sauter les règles WordPress : sans elles, le code fonctionne parfois, mais il est moins propre et moins sûr.
- Viser trop gros avec la version gratuite : elle suffit pour un plugin simple ; pour un plugin plus complexe, passe à la version Pro de Cursor.
Et après ?
Ton plugin tourne sur ton site. Tu peux en créer d'autres pour ajouter des fonctionnalités sur mesure, le réutiliser sur tes autres sites, le proposer dans la bibliothèque officielle de WordPress, ou même en créer une version Pro et en faire un petit business. Pour le vendre simplement, je te montre comment vendre en ligne sans site, produits numériques compris. Et pour que ton outil attire des visiteurs depuis Google, fais ton SEO avec Claude : il te prépare les briefs et les analyses.
Tu veux créer tes propres outils sur mesure sans rester bloqué ? On avance ensemble, en visio.
Questions fréquentes
Écrit par
Stéphanie Canovas
Je crée des tutos et formations pour aider les entrepreneurs à créer et optimiser leur site web. +8 000 entrepreneurs formés.
