Aller au contenu

« Plugin Wordpress » : différence entre les versions

De Formdev
Page créée avec « === 1. Téléverser le plugin === Dans l’onglet “Extension” sur Wordpress, cliquez sur “Ajouter une extension, ensuite, “Téleverser une extenion” et glissez et déposez le dossier .zip. center|500x500px center|500x500px ===2. Ajout du plugin Woocommerce === Pour que le plugin “Formdev” soit fonctionnel, il vous faut impérativement le plugin Woocommerce. Installer le dans la même page “Ajouter une exte... »
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
=== 1. Téléverser le plugin ===
= 🧩 Guide d'installation du plugin Formdev =
Dans l’onglet “Extension” sur Wordpress, cliquez sur “Ajouter une extension, ensuite, “Téleverser une extenion” et glissez et déposez le dossier .zip.
 
== 1️⃣ Téléverser le plugin ==
 
Dans le menu '''Extensions''' de WordPress :
* Cliquez sur '''Ajouter une extension'''.
* Puis sur '''Téléverser une extension'''.
* Glissez-déposez le fichier '''.zip''' du plugin ''Formdev'' et cliquez sur '''Installer maintenant'''.
 
[[Fichier:PL1.png|center|500x500px]]
[[Fichier:PL1.png|center|500x500px]]
[[Fichier:PL2.png|center|500x500px]]


[[Fichier:PL2.png|center|500x500px]]
----
 
== 2️⃣ Installer le plugin WooCommerce ==
 
Le plugin '''Formdev''' nécessite impérativement '''WooCommerce''' pour fonctionner.
 
* Dans l’onglet '''Ajouter une extension''', recherchez “WooCommerce” via la barre de recherche.
* Cliquez sur '''Installer maintenant''' puis sur '''Activer'''.


===2. Ajout du plugin Woocommerce ===
Pour que le plugin “Formdev” soit fonctionnel, il vous faut impérativement le plugin Woocommerce. Installer le dans la même page “Ajouter une extension” en le cherchant dans la barre de recherche
[[Fichier:PL3.png|center|500x500px]]
[[Fichier:PL3.png|center|500x500px]]
[[Fichier:PL4.png|center|500x500px]]
[[Fichier:PL4.png|center|500x500px]]
Cliquez ensuite sur “installer maintenant” et “activer”.


=== 3. Configuration du plugin Formdev ===
----
Une fois les deux plugins ajoutés, rendez-vous sur la page “Formdev” dans le back-office de Wordpress, vous arriverez sur cette page:
 
== 3️⃣ Configuration du plugin Formdev ==
 
Une fois les plugins activés :
 
* Rendez-vous dans le menu '''Formdev''' dans l’administration WordPress.
* Renseignez votre '''clé API''' fournie par FormDev.
** 📎 Pour la récupérer, cliquez sur le lien ''“Où trouver la clé API ?”'' en bas de page.
 
[[Fichier:PL5.png|center|700x700px]]
[[Fichier:PL5.png|center|700x700px]]
Vous devrez ensuite renseigner la clé API fournie par FormDev, pour la récupérer, cliquez sur le lien en bas de page “Où trouver la clé API” ?
 
Une fois renseignée, la page s’actualise et change :
Une fois la clé saisie, la page se recharge automatiquement :
 
[[Fichier:PL6.png|center|700x700px]]
[[Fichier:PL6.png|center|700x700px]]


=== 4. Charger les formations sur votre page ===
----
Une fois sur cette page, importez votre catalogue avec un nom obligatoire (ex : “Nos formations”) et cliquez sur “Importer le catalogue”, elles s’afficheront ensuite en bas de page :
 
[[Fichier:PL7.png|center|500x500px]]
== 4️⃣ Importer les formations sur votre site ==


Ensuite, cliquez sur les formations que vous voulez importer, ou choisissez “Tout sélectionner”.
📚 Dans l’interface Formdev :
* Donnez un nom à votre catalogue (ex : '''Nos formations''').
* Cliquez sur '''Importer le catalogue'''.
* Sélectionnez les formations à intégrer ou utilisez l’option '''Tout sélectionner'''.
 
[[Fichier:PL7.png|center|500x500px]]
 
----
 
== 5️⃣ Utiliser le Shortcode ==
 
🧾 Pour afficher les formations sur une page de votre site :
 
* Allez dans l’onglet '''Personnalisation'''.
* Copiez le shortcode suivant : <code><nowiki>[formdev]</nowiki></code>
* Intégrez-le dans votre page via un module "Code" de votre constructeur préféré (Elementor, Divi, Beaver Builder…).


=== 5. Utilisation du Short code ===
Ensuite, dans l’onglet “Personnalisation” vous trouverez ce qui est appelé un “Shortcode”
[[Fichier:PL8.png|center|700x700px]]
[[Fichier:PL8.png|center|700x700px]]
[[Fichier:PL9.png|center|700x700px]]
----
== 6️⃣ Utiliser le lien généré automatiquement ==


Le shortcode vous permettra d’afficher vos formations sur votre page web. Pour l’utiliser, peu importe votre plugin de constructeurs de page (Elementor, Divi, Beave Builder, etc…), utilisez le module nommé “code” et copiez-collez le Shortcode “[formdev]”
🔗 Une URL est automatiquement générée pour afficher vos formations publiquement.
[[Fichier:PL9.png|centré|700x700px]]


=== 6. Utilisation du lien généré automatiquement ===
* Copiez le lien affiché dans l'interface Formdev.
Le plugin crée un lien automatique contenant vos formations, c’est la deuxième possibilité pour vous de les afficher :
* Allez dans '''Apparence > Menu''' dans WordPress.
[[Fichier:PL10.png|centré|700x700px]]
* Cliquez sur '''Lien personnalisé'''.
* Collez l'URL copiée et donnez-lui un nom (ex : ''Nos formations'').


Pour le mettre en place, copiez-collez le lien et vous pourrez l’ajouter dans votre menu. Allez sur la page “apparence” et dans l’onglet “menu” sur Wordpress.
[[Fichier:PL10.png|center|700x700px]]
[[Fichier:PL11.png|centré|700x700px]]
[[Fichier:PL11.png|center|700x700px]]
[[Fichier:PL12.png|center|700x700px]]


----


Ensuite, cliquez sur “lien personnalisé” et renommer le à votre guise (ex : “Nos formations”), et ajoutez le lien que vous avez copié auparavant.
== ✅ Résumé ==
[[Fichier:PL12.png|700x700px]]
* 📦 Le plugin '''Formdev''' nécessite '''WooCommerce''' pour fonctionner.
* 📥 Importez vos formations via le panneau Formdev.
* 🧾 Affichez-les via le shortcode <code><nowiki>[formdev]</nowiki></code> ou un lien personnalisé.
* 🌐 Compatible avec tous les constructeurs de page WordPress.

Version du 8 juillet 2025 à 08:15

🧩 Guide d'installation du plugin Formdev

1️⃣ Téléverser le plugin

Dans le menu Extensions de WordPress :

  • Cliquez sur Ajouter une extension.
  • Puis sur Téléverser une extension.
  • Glissez-déposez le fichier .zip du plugin Formdev et cliquez sur Installer maintenant.

2️⃣ Installer le plugin WooCommerce

Le plugin Formdev nécessite impérativement WooCommerce pour fonctionner.

  • Dans l’onglet Ajouter une extension, recherchez “WooCommerce” via la barre de recherche.
  • Cliquez sur Installer maintenant puis sur Activer.

3️⃣ Configuration du plugin Formdev

Une fois les plugins activés :

  • Rendez-vous dans le menu Formdev dans l’administration WordPress.
  • Renseignez votre clé API fournie par FormDev.
    • 📎 Pour la récupérer, cliquez sur le lien “Où trouver la clé API ?” en bas de page.

Une fois la clé saisie, la page se recharge automatiquement :


4️⃣ Importer les formations sur votre site

📚 Dans l’interface Formdev :

  • Donnez un nom à votre catalogue (ex : Nos formations).
  • Cliquez sur Importer le catalogue.
  • Sélectionnez les formations à intégrer ou utilisez l’option Tout sélectionner.

5️⃣ Utiliser le Shortcode

🧾 Pour afficher les formations sur une page de votre site :

  • Allez dans l’onglet Personnalisation.
  • Copiez le shortcode suivant : [formdev]
  • Intégrez-le dans votre page via un module "Code" de votre constructeur préféré (Elementor, Divi, Beaver Builder…).

6️⃣ Utiliser le lien généré automatiquement

🔗 Une URL est automatiquement générée pour afficher vos formations publiquement.

  • Copiez le lien affiché dans l'interface Formdev.
  • Allez dans Apparence > Menu dans WordPress.
  • Cliquez sur Lien personnalisé.
  • Collez l'URL copiée et donnez-lui un nom (ex : Nos formations).

✅ Résumé

  • 📦 Le plugin Formdev nécessite WooCommerce pour fonctionner.
  • 📥 Importez vos formations via le panneau Formdev.
  • 🧾 Affichez-les via le shortcode [formdev] ou un lien personnalisé.
  • 🌐 Compatible avec tous les constructeurs de page WordPress.