Ce tutoriel s’adresse aux clients d’Ecatalog qui utilisent G Suite et disposent d’un site web WordPress avec un formulaire.
Si votre site web utilise actuellement un plugin appelé « WP Mail SMTP Plugin » (SMTP signifie « Simple Mail Transfer Protocol »), la raison pour laquelle nous l’utilisons est que votre site web envoie des e-mails à partir de votre nom de domaine ().
La raison pour laquelle nous l’utilisons est que votre site web envoie des courriels à partir de votre nom de domaine (name@yourdomain.com).
Si vous disposez de G Suite / la plateforme de messagerie de Google, nous devons utiliser une application qui vérifie que vous êtes bien le propriétaire de l’e-mail en forçant une « poignée de main » entre le serveur sur lequel votre site web est hébergé et le serveur de messagerie de G Suite.
De cette manière, nous réduisons ou éliminons tout « email Spoofing » et les risques que les emails provenant du serveur de messagerie soient automatiquement supprimés ou envoyés dans le dossier spam sont fortement réduits.
Étape 1
Naviguez dans l’administration de WordPress et allez dans Paramètres – WP Mail SMTP.
Étape 2
À cette étape, vous devez indiquer l’adresse électronique (c’est l’adresse électronique à laquelle tous les courriels seront envoyés), puis cliquer sur la case à cocher« Forcer à partir de l’adresse électronique« . Vous devrez également renseigner le nom (qui est généralement le nom du site web/de la marque) et cocher la case« Force From Name« .
Ces deux champs ont pour effet de forcer le plugin à avoir une certaine adresse e-mail et un certain nom, que vous choisissez.
Cliquez ensuite sur la case Gmail, puisque nous utilisons la suite GS de Google.
En bas de cette page, vous devrez cliquer sur le bouton« Save Settings » pour que tout soit sauvegardé.
Étape 3
Pour l’étape suivante, vous devez ouvrir un nouvel onglet dans votre navigateur et vous connecter à votre compte Gmail.
Sur cette page, vous devrez sélectionner« Créer un projet » dans la liste déroulante et cliquer sur le bouton« Continuer« .
Étape 4
Ensuite, vous verrez une page avec un bouton« Go to credentials« .
Cliquez dessus.
Étape 5
Dans la page suivante, vous serez invité à déterminer les informations d’identification dont vous avez besoin.
Voici les champs de cette page et les options que vous devrez sélectionner :
- Quelle API utilisez-vous ? API Gmail
- À partir d’où appellerez-vous l’API ? Serveur web (par exemple, node.js, Tomcat)
- Quelles sont les données auxquelles vous accéderez ? Données de l’utilisateur
Une fois que vous avez fait ces choix, cliquez sur le bouton Quelles sont les informations d’identification dont j’ai besoin ? pour passer à l’étape suivante .
Étape 6
Après avoir cliqué sur ce bouton, Google affiche une fenêtre contextuelle vous demandant de configurer un écran de consentement.
Cliquez sur l’option Configurer un écran de consentement.
Étape 7
Cela ouvrira un nouvel onglet ou une nouvelle fenêtre.
Veillez à garder l’onglet ou la fenêtre d’origine ouvert(e), car nous y reviendrons un peu plus tard.
Dans le nouvel onglet ou la nouvelle fenêtre, plusieurs informations vous seront demandées pour préparer votre écran d’autorisation.
Il s’agit de l’écran d’autorisation qui s’affichera plus tard dans le processus d’installation (jamais vu par vos utilisateurs).
Si vous disposez d’un compte G Suite, vous devez d’abord définir le type d’application sur Interne.
Vous ne verrez pas cette option si vous utilisez un compte de messagerie @gmail.com.
Pour le nom de l’application, vous pouvez ajouter le nom de votre site web (ou tout autre nom qui vous semble logique).
Étape 8
Ensuite, vous pouvez passer aux domaines autorisés et ajouter l’URL de votre site web.
Veillez à ne pas inclure http:// ou https:// ici.
Pour le lien de la page d’accueil de l’application, le lien de la politique de confidentialité de l’application et le lien des conditions d’utilisation de l’application, vous pouvez à nouveau ajouter l’URL de votre site web.
Il n’est pas nécessaire d’avoir des pages spéciales sur la confidentialité ou les conditions d’utilisation pour cette application, car cet écran de consentement ne sera vu que par vous.
Étape 9
Après avoir enregistré les paramètres de l’écran d’autorisation, Google vous renvoie à l’écran des informations d’identification de l’API.
Vous pouvez l’ignorer et revenir au premier onglet/à la première fenêtre.
Pour cette étape, vous allez créer un identifiant client OAuth.
OAuth, ou Open Authorization, permet à votre site Web d’utiliser votre compte Gmail pour authentifier les e-mails.
Dans le champ Nom, entrez ce que vous voulez ou laissez le nom par défaut.
Ce nom sert uniquement de référence au sein de votre compte Google.
Pour les origines JavaScript autorisées, vous devez saisir l’URL de votre site.
Enfin, nous devons remplir le champ URI de redirection autorisées.
Pour obtenir l’URI de votre site, vous devez retourner dans l’onglet ou la fenêtre de votre site WordPress.
Toujours sur la page Réglages » WP Mail SMTP, vous devez rechercher dans la section Gmail le champ intitulé URI de redirection autorisée.
La valeur de ce champ doit être l’URL de votre site suivie de quelques détails supplémentaires.
Vous devez copier cette valeur, ce qui est facile à faire en cliquant sur le bouton avec l’icône de copie.
Étape 10
Après avoir copié l’URI, retournez sur la page des API de Google et collez-le dans le champ sous URI de redirection autorisés. Remarque : pour être certain que Google stocke vos données, saisissez l’URL, puis appuyez sur la touche Entrée/Retour.
Lorsque l’icône d’une corbeille apparaît à côté de l’URL, vous savez que les données ont été stockées et que vous pouvez continuer.
Étape 11
Lorsque vous aurez terminé de remplir ces informations, vous verrez peut-être un bouton Actualiser en bas de la page.
Cliquez sur ce bouton. Ensuite, vous pouvez cliquer sur le bouton Créer un identifiant client. Vous avez créé avec succès une application web Google !
Il nous faut maintenant voir tous les détails.
Sur le dernier écran, cliquez sur Je le ferai plus tard pour accéder à la page des informations d’identification.
Étape 12
Sur la page Credentials, vous pouvez maintenant voir les détails de l’application web que vous venez de créer.
Pour afficher l’ID et le secret du client, cliquez sur l’icône en forme de crayon. Cela ouvrira tous les détails de votre application.
Sur cette page, vous verrez les valeurs de l’ID du client et du secret du client. Chacun de ces éléments devra être copié dans les paramètres SMTP de WP Mail dans l’écran d’administration de WordPress. Remarque : Veillez à ne pas copier de texte supplémentaire ou d’espaces avec votre identifiant ou votre secret de client, car cela entraînerait une erreur à l’étape suivante.
Étape 12
Après avoir enregistré ces paramètres, la page sera actualisée.
Avant que Google n’autorise l’utilisation de ces informations pour se connecter à votre compte, vous devez lui en donner l’autorisation.
Pour ce faire, faites défiler la page jusqu’en bas et cliquez sur le bouton intitulé Autoriser le plugin à envoyer des courriers électroniques à l’aide de votre compte Google. Un écran de connexion à Google s’ouvre alors.
Allez-y et connectez-vous au compte avec lequel vous configurez ce SMTP.
Vous verrez ensuite un écran vous demandant la permission d’autoriser ce site à envoyer des courriels en votre nom.
Lorsque vous êtes prêt, cliquez sur le bouton Autoriser pour continuer.
Étape 13 – Dernière étape
Ensuite, vous serez renvoyé à vos paramètres SMTP WP Mail et un message de succès s’affichera.
Maintenant que la connexion est terminée, vous êtes prêt à envoyer un email de test sous l’onglet Email Test. Une fois l’onglet Test Email ouvert, vous devez entrer une adresse email valide et cliquer sur le bouton Envoyer Email.
Veillez à utiliser une adresse électronique à laquelle vous avez accès afin de pouvoir confirmer l’envoi de l’e-mail. Lorsque le message de test a été envoyé, un message de réussite s’affiche en haut de cet onglet.