Créer le shortcode et l’ajouter au site Shortcode

1. Créer le shortcode

Le shortcode doit faire apparaître un formulaire avec le nom, l’adresse e-mail et un bouton pour valider les informations. Il y a une balise <div>, ayant pour id la valeur reponse. Cela permet d’afficher en JavaScript un message en cas de succès ou d’erreur. À l’intérieur de la balise <div> se trouve une balise <span> qui permet d’afficher en JavaScript une image GIF animée (loader) lors du chargement.

Créez le formulaire en HTML. La méthode my_mails_shortcode() devient :

function my_mails_shortcode(){ 
echo " 
  <div id=\"mymails\" class=\"widget\"> 
 
    <h1>Demande d'informations</h1> 
 
    <input type=\"text\" value=\"votre nom\" id=\"name\" /> 
    <input type=\"text\" value=\"entrez votre adresse e-mail\" id=\"mail\" /> 
    <input type=\"submit\" value=\"s'inscrire\" id=\"inscrire\" /> 
 
    <div id=\"reponse\"><span></span></div> 
 
  </div> 
"; 
} 

Ajoutez la fonction créant le shortcode en dehors de la classe avec les hooks d’action :

if(function_exists('add_shortcode')){  ...