Envoyer un e-mail depuis Shopify Flow à l'aide d'un serveur SMTP personnalisé

Présentation générale

La fonctionnalité Workflow Transactional Email vous permet d’envoyer des e-mails transactionnels depuis Shopify Flow via votre propre serveur SMTP. Dans cet exemple, un client se voit attribuer la balise VIP, Shopify Flow s’exécute, puis le workflow envoie un e-mail personnalisé à l’image de votre marque en utilisant le serveur SMTP et le modèle d’e-mail que vous avez enregistrés.

Cette configuration comporte trois parties :

1. Créez une connexion SMTP dans la section Expéditeurs d'e-mails
2. Concevez l'e-mail dans la rubrique Modèles d'e-mails
3. Utilisez l'action Send Transactional Email (Envoyer un e-mail transactionnel) dans Shopify Flow et transmettez les données client à la mise en page

Tout fournisseur prenant en charge le protocole SMTP est compatible, notamment Gmail, SendGrid, Mailgun, Amazon SES et votre propre serveur de messagerie.

Guide vidéo

La configuration complète : serveur SMTP, mise en page des e-mails et workflow Shopify Flow. La vidéo est muette ; veuillez donc régler la vitesse de lecture à votre convenance.

Avant de commencer

• Installez Workflow Transactional Email dans votre boutique Shopify.
• Veuillez vous munir des informations suivantes fournies par votre fournisseur SMTP : nom d'hôte, port, nom d'utilisateur et mot de passe.
• Choisissez l'adresse d'expéditeur à partir de laquelle les e-mails VIP doivent être envoyés.

Scénario : un e-mail de bienvenue destiné à un client VIP

Voici comment fonctionne ce workflow :

1. Un client est balisé dans la catégorie VIP
2. Shopify Flow lance le workflow
3. The workflow executes the action Send Transactional Email
4. Cette action utilise le serveur SMTP que vous avez enregistré
5. Cette action envoie votre modèle d'e-mail enregistré, dans lequel les coordonnées du client sont déjà renseignées

Étape 1 : Configurez votre serveur SMTP

Dans l'application, ouvrez la rubrique Expéditeurs d'e-mails et accédez à la section SMTP. C'est là que vous enregistrez le serveur de messagerie qui enverra vos e-mails transactionnels.

Saisissez l'hôte SMTP, le port, le nom d'utilisateur et le mot de passe fournis par votre fournisseur d'accès, puis cliquez sur Tester la connexion.

Si les identifiants sont corrects, un message de confirmation s'affichera.

Choisissez l'adresse d'origine du message. Définissez également un nom d'affichage afin que les destinataires voient le nom de votre boutique plutôt que l'adresse brute.

Enregistrez la configuration afin qu'elle puisse être sélectionnée ultérieurement par votre action Shopify Flow.

Étape 2 : Concevoir l'e-mail

Accédez à la section Modèles d'e-mails. C'est là que vous créez le contenu des e-mails que Shopify Flow va envoyer.

Créez une mise en page pour votre scénario VIP, comprenant un objet et un corps de message. L'objet peut utiliser des variables transmises par Shopify Flow. Cet exemple utilise firstName, avec le filtre default de Liquid comme solution de secours :

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

Ajoutez des blocs pour créer un design adapté à votre marque.

Cet exemple utilise un bloc d'en-tête, un bloc d'image et un bloc de texte. Le bloc de texte fait référence à la variable firstName, que Shopify Flow fournira.

Utilisez la section Variables de test pour saisir des valeurs d'exemple et vérifier que la mise en page s'affiche comme prévu.

Enregistrez la mise en page afin de pouvoir la sélectionner dans l'action Shopify Flow.

Pour consulter la documentation complète sur ce bloc, veuillez vous reporter à Créer une mise en page d'e-mail.

Étape 3 : Créez le workflow dans Shopify Flow

Ouvrez Shopify Flow et créez un workflow pour votre processus VIP. Utilisez le déclencheur « Marquage client » afin que le workflow s'exécute lorsqu'un client se voit attribuer la balise VIP.

Cliquez sur Enregistrer les événements, puis, dans un nouvel onglet, attribuez la balise à un client. Sélectionnez le déclencheur situé à gauche : vous verrez alors s'afficher les données réelles du déclencheur, ce qui facilite grandement le choix des variables appropriées.

Ajoutez l'action Send Transactional Email. Dans le champ To Email(s), utilisez la variable d'adresse e-mail du client. Cliquez ensuite sur Configure email.

Dans l'écran de configuration, sélectionnez le serveur SMTP par lequel cet e-mail doit transiter dans la section Envoyer depuis, ainsi que le modèle d'e-mail que vous avez créé dans la section Modèle. En dessous, l'option Aperçu affiche ce modèle avec son objet, renseigné à l'aide des variables de test du modèle, afin que vous puissiez vérifier qu'il s'agit bien du bon. Cliquez sur Enregistrer : le message Configuration enregistrée avec succès s'affiche en bas de la page. Cliquez ensuite sur Quitter pour revenir au workflow.

Revenons à nos moutons : transmettez les données dont votre mise en page a besoin dans le champ Variables (JSON) :

{
  "firstName": "{{ customer.firstName }}"
}

Activez le workflow une fois que vous vous êtes assuré que le déclencheur, la condition, la mise en page et les variables sont tous corrects.

Comment les pièces s'assemblent

Lorsque le client se voit attribuer la balise VIP, Shopify Flow exécute le workflow et déclenche l'action d'envoi d'e-mail. Cette action combine :

• vos paramètres de serveur enregistrés à partir de Expéditeurs d'e-mails
• votre modèle enregistré dans la rubrique Modèles d'e-mails
• les valeurs client transmises depuis l'étape « Shopify Flow » sous forme de variables JSON

C'est justement le fait de les séparer qui rend la mise en page réutilisable : vous envoyez le même modèle à chaque client sans avoir à modifier le code HTML à chaque fois.

Testez-le de bout en bout

1. Appliquez la balise VIP à un client test
2. Vérifiez que le workflow s'exécute dansShopify Flow
3. Vérifiez que le client reçoit l'e-mail
4. Vérifiez que l'objet et le code HTML s'affichent correctement
5. Assurez-vous que le nom et l'adresse de l'expéditeur correspondent à votre marque

Si le message n'est pas reçu, ouvrez l'historique dans l'application pour consulter le résultat de l'exécution et l'erreur exacte. Voir Historique et dépannage.

Voici l'e-mail envoyé, en utilisant le serveur SMTP et la configuration décrits dans ce guide :

À ce sujet

• Envoyer un e-mail depuis Shopify Flow avec Microsoft 365 : utilisez une boîte aux lettres Microsoft 365 à la place du protocole SMTP.
• Envoyer un e-mail depuis Shopify Flow avec Google : utilisez une boîte mail Google à la place du protocole SMTP.
• Variables et liquide : la référence complète sur les variables et Liquid.