nomadic.steph
Me contacter →Contact →
Vibe codingTuto

Créer un plugin WordPress avec l'IA : la méthode sans coder

Avec Cursor en version gratuite et un seul prompt, tu crées un plugin WordPress sur mesure et tu le déploies sur ton site en quelques minutes. Démo à l'appui.

Steph
Stéphanie Canovas
Mis à jour le 3 oct. 2026·11 min de lecture
Vibe codingTuto
Ton plugin WordPress avec l'IA

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.

▶ YouTube · 13 min Regarder la vidéo sur YouTube

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.

Le principeDe ton idée à ton plugin en ligne
01Ton idéeUne fonctionnalité précise pour ton site
→
02Claude ou ChatGPTRédige le prompt détaillé
→
03CursorCrée le plugin, avec les règles WordPress
→
04Hostinger ConnectorLe déploie sur ton site (ou fichier ZIP)
→
05Ta pageUn shortcode, et le plugin s'affiche
OutilSon rôlePrix
CursorÉcrit tout le code du plugin à ta placeGratuit pour un plugin simple
Hébergement HostingerHéberge ton site WordPressPlan Business minimum pour le connecteur
Hostinger ConnectorRelie Cursor à ton site pour déployer le pluginInclus
C
Cursor

L'éditeur de code avec IA intégrée qui crée ton plugin. La version gratuite suffit pour commencer.

H
Hostinger ConnectorPartenaire

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

NOMADICSTEPHEssayer ↗

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. 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. 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. 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. 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. 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. 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 :

  1. le nom et l'objectif du plugin ;
  2. ce qu'il doit afficher exactement : champs, boutons, résultats ;
  3. son comportement : se met-il à jour en temps réel ? doit-il stocker des données ?
  4. 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é.

Prompt · Faire rédiger ton prompt par l'IA
Je veux créer un plugin WordPress avec Cursor avec ces fonctionnalités : [description des fonctionnalités]. Ce plugin devra être déployé sur le site [nom de domaine]. Écris-moi un prompt détaillé pour créer ce plugin.

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 :

Prompt · Structure d'un prompt de plugin
NOM DU PLUGIN : [nom] (slug technique : [nom-du-plugin])

OBJECTIF
Créer un plugin WordPress complet et fonctionnel qui [ce que fait le plugin], utilisable avec le shortcode [shortcode] sur n'importe quelle page du site.

AVANT DE CODER
Ce plugin est destiné au site [nom de domaine]. Inspecte le thème actif et réutilise exactement ses couleurs, sa police, ses arrondis et ses ombres, pour que le plugin s'intègre visuellement au site.

STRUCTURE DE L'INTERFACE
[Les champs, boutons et résultats à afficher, et leur disposition sur ordinateur et sur mobile]

COMPORTEMENT
[Mise à jour en temps réel ou non, données stockées ou non, valeurs par défaut]

QUALITÉ DE CODE
Plugin WordPress standard avec un en-tête correct, shortcode enregistré proprement, CSS et JS chargés uniquement sur les pages qui utilisent le shortcode, code commenté et lisible.

DÉPLOIEMENT
Une fois le plugin créé et testé, déploie-le sur le site [nom de domaine].

É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.

La démoLe calculateur de ROI SEO, en un shortcode
Votre site aujourd'hui
Visiteurs par mois 500
Part qui vous contacte 2 %
Valeur d'un client 500 €
Votre ambition SEO
Croissance de trafic visée +100 %
Budget mensuel (facultatif) 500 €
Ce que ça pourrait vous rapporter
Trafic additionnel / mois +500
Nouveaux clients / mois +10
CA additionnel / mois +5 000 €
Impact sur votre CA annuel+60 000 €
ROI estimé (mensuel) +900 %

Tout se recalcule en temps réel, dans le navigateur : aucune donnée n'est envoyée ni stockée.

Reconstitution du calculateur de la vidéo, avec ses valeurs par défaut et un budget de 500 € par mois.

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.

Kit offert

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
Recevoir le kit offert →

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.

Coaching

Tu veux créer tes propres outils sur mesure sans rester bloqué ? On avance ensemble, en visio.

Questions fréquentes

Non. C'est l'IA qui écrit tout le code. Ton rôle est de décrire précisément ce que tu veux, en français, puis de tester le résultat sur ton site et de demander des corrections si besoin.

Steph

É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.

À lire ensuite

Tous les articles →
Vibe codingTuto
Ton site pro avec Claude Code
23 sept. 2026·15 min de lecture

Créer un site avec Claude Code : la méthode pro en 4 étapes

Une maquette premium dans Claude Design, ton site généré par Claude Code, mis en ligne en quelques clics, puis optimisé pour Google et ChatGPT. Sans savoir coder.

Lire l’article →
Vibe codingTuto
Ton site WordPress avec Claude Code
15 juin 2026·13 min de lecture

Créer un site WordPress avec Claude Code : promesse vs réalité

J'ai connecté Claude Code à WordPress pour créer un site complet en un prompt. Je te montre la méthode pas à pas, et ce que ça donne vraiment, sans filtre.

Lire l’article →
Vibe codingTuto
Ton site en vibe coding
25 mai 2026·10 min de lecture

Hostinger Horizons : créer un site en vibe coding, pas à pas

Un abonnement, tout inclus, et ton site généré en discutant avec l'IA. Je te montre comment créer ton site avec Hostinger Horizons, de la première version à la mise en ligne.

Lire l’article →

Une question sur ce tuto ?

Écris-moi, je lis chaque message.

Poser ma question → Me faire accompagner