Tout savoir sur l'intégration d'un formulaire dans WordPress
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Tout savoir sur l'intégration d'un formulaire dans WordPress

Adrien Gazaix
Promo -30% Jusqu'au 23 juillet, 23:59
7,00€10,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo, nous allons voir ensemble ​comment créer un formulaire de contact​ et ​l’intégrer dans votre site WordPress​ afin de laisser la possibilité à vos clients de vous contacter rapidement.

Dans un second temps nous irons plus loin dans l'utilisation de ce formulaire, comme par exemple sauvegarder les emails envoyés en base de données.

Au programme de ce tuto dédié au formulaire de contact dans WordPress

Cette formation se déroulera en 2 chapitres :

INSTALLATION & BASES D’UTILISATION  

  • Introduction
  • Installation & configuration du plugin
  • Création d’une page contact & Insertion du shortcode de 2 façons différentes
  • Explications sur le fonctionnement des différents types de champs
  • Créer le formulaire et le styliser à l’aide de Bootstrap
  • Personnaliser l’email envoyé & tester l’envoi sur une boite email   

ALLER PLUS LOIN  

  • Sauvegarder les emails envoyés pour garder une trace
  • Modifier l’apparence du formulaire avec du CSS personnalisé
  • Faire passer des variables GET dans l’url pour personnaliser un champ dynamiquement
  • Ajouter un quiz pour empêcher les robots de soumettre le formulaire
  • Renvoyer vers une nouvelle page une fois l’email envoyé
  • Laisser le choix entre plusieurs destinataires
  • Documentation & Conclusion

Aucune connaissance n’est requise pour suivre le tuto dans de bonnes conditions. Seulement avoir une installation de WordPress et un thème qui utilise Bootstrap.  
Vous trouverez dans les sources, le formulaire obtenu à la fin de la formation.  
Je suis disponible dans le salon d’entraide si vous avez des questions pendant ou après le visionnage de la formation. 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
INSTALLATION & BASES D’UTILISATION
Chapitre 2
ALLER PLUS LOIN

Plan détaillé du cours

Chapitre 1 : INSTALLATION & BASES D’UTILISATION
49m44s
 
Leçon 1Introduction
Leçon 2Installation & configuration du plugin
Leçon 3Création d’une page contact & Insertion du shortcode
Leçon 4Fonctionnement des types de champs
Leçon 5Créer le formulaire et le styliser à l’aide de Bootstrap
Leçon 6Personnaliser l’email envoyé & tester l'envoi sur une boite email
Chapitre 2 : ALLER PLUS LOIN
34m40s
 
Leçon 1Sauvegarder les emails envoyés
Leçon 2Modifier l’apparence du formulaire avec du CSS
Leçon 3Faire passer des variables GET dans le formulaire
Leçon 4Ajouter un quiz pour les robots
Leçon 5Renvoyer vers une nouvelle page après l'envoi
Leçon 6Laisser le choix entre plusieurs destinataires
Leçon 7Documentation & Conclusion

Avis des apprenants

Détail des avis
215
Apprenants
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Pierre-Emmanuel Sudres
Pierre-Emmanuel Sudres
Publié le 11/11/2022
Merci beaucoup, juste pour la question quiz, comment faisions-nous pour avoir différentes questions quiz, sinon ça serait toujours la meme question, donc aucune sécurité, je me trompe?
Doume56
Doume56
Publié le 05/11/2021
Merci au formateur pour cette formation à la fois claire et déjà pas mal approfondie.
Christophe Delobel
Christophe Delobel
Publié le 25/11/2017
Merci pour ce très bon Tuto. Très utile pour les sauvegardes de mails. J'aimerai voir comment créer la page privée pour accéder aux mails sauvegardés. En amélioration : les conditions dans un formulaire. Ex : rendre des champs obligatoires si une checkbox est checké...etc
Adrien Gazaix
Adrien Gazaix
Merci à toi pour ton retour très positif. Oui pourquoi pas ajouter des vidéos pour compléter la formation. Faire des conditions pour faire apparaître certains champs est une bonne idée. À bientôt !

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

WordPress 3, WordPress 4, Bootstrap 4, Bootstrap 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Comment faire si mon thème n'utilise pas Bootstrap ?

Il suffit de rajouter cette feuille de style dans le header de votre thème grâce à cette url : https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css Sinon vous pouvez aussi installer un plugin comme Easy Bootstrap qui s'occupera de tout et vous permettra même de profiter des shortcodes dans l'admin : https://fr.wordpress.org/plugins/easy-bootstrap-shortcodes

Mes emails ne partent pas ?

Vous devrez être en local sur votre machine avec Wamp ou Mamp, il faut donc configurer le php.ini en spécifiant le smtp de votre FAI (par exemple : smtp.free.fr). Si cela ne fonctionne pas, ne vous inquiétez pas lorsque vous mettrez le site en ligne sur un serveur, les emails partiront sans problème.

Payer plus tard

Prix d'achat : 7,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1381 tutos gratuits

Notre politique de protection des données