![\"Domaine](\"https:\/\/i.imgur.com\/7IYAFRf.png\")
Si vous souhaitez envoyer des emails \u00e0 partir de votre propre domaine personnalis\u00e9, vous aurez besoin d’un abonnement Mailgun payant. L’abonnement gratuit ne supporte que le domaine sandbox et limite les envois \u00e0\u00a0cinq destinataires autoris\u00e9s.<\/a><\/p><\/div>\r\n <\/div>\r\n\n\n\n Ensuite, vous devez g\u00e9n\u00e9rer une cl\u00e9 API \u00e0 partir de la page\u00a0S\u00e9curit\u00e9 de l’API<\/strong>. Vous pouvez trouver cette option dans le menu d\u00e9roulant sous votre pr\u00e9nom dans le coin sup\u00e9rieur droit du tableau de bord Mailgun : Vous utiliserez cette cl\u00e9 API dans votre application Flask pour envoyer des notifications de paniers abandonn\u00e9s via l’API Mailgun. Pour configurer un nouveau projet, ouvrez un terminal dans votre r\u00e9pertoire de projet pr\u00e9f\u00e9r\u00e9 et ex\u00e9cutez les commandes suivantes pour r\u00e9cup\u00e9rer le code requis \u2013 \u00e0 la fois l’interface utilisateur et le backend \u2013 sur votre machine :<\/p>\n\n\n\n Ensuite, dans le r\u00e9pertoire\u00a0 Avant de continuer, il est recommand\u00e9 de cr\u00e9er et d’activer un nouvel\u00a0environnement virtuel<\/a>\u00a0pour isoler votre projet et \u00e9viter les conflits de d\u00e9pendances. La capture d’\u00e9cran ci-dessous montre une interface utilisateur e-commerce simple pour simuler des sc\u00e9narios de paniers abandonn\u00e9s. En haut, l’en-t\u00eate affiche le titre, ainsi qu’un profil d’utilisatrice (montrant le pr\u00e9nom et l’email) et une ic\u00f4ne de panier d’achat indiquant le nombre d’articles dans le panier. Il y a quatre fiches produits pr\u00e9sentant des images, des noms, des prix et des descriptions, et les utilisatrices peuvent s\u00e9lectionner des quantit\u00e9s avant d’ajouter des articles avec le bouton\u00a0Ajouter au panier<\/strong>. En bas \u00e0 gauche, un panneau de param\u00e8tres vous permet de configurer le d\u00e9lai d’expiration du panier abandonn\u00e9 (en secondes) et de r\u00e9initialiser le panier si n\u00e9cessaire. Dans la vraie vie, le d\u00e9lai d’expiration serait en heures, et il devrait \u00eatre suivi par le backend. Vous pouvez trouver le code de cette interface de panier d’achat dans\u00a0 Remarque :\u00a0Si vous utilisez l’abonnement gratuit de Mailgun, assurez-vous que\u00a0USER_EMAIL\u00a0est l’une des adresses v\u00e9rifi\u00e9es dans votre compte Mailgun. Vous pouvez laisser les deux autres param\u00e8tres inchang\u00e9s.<\/p><\/div>\r\n <\/div>\r\n\n\n\n Les emails de rappel de panier abandonn\u00e9 doivent non seulement \u00eatre informatifs, mais aussi visuellement attrayants. Un email HTML bien con\u00e7u avec des images pr\u00e9sente clairement les d\u00e9tails du panier et augmente les chances que l’utilisatrice revienne pour compl\u00e9ter son achat. La fonction\u00a0 Bonjour {first_name},<\/p> Nous avons remarqu\u00e9 que vous avez laiss\u00e9 des articles dans votre panier {abandonment_time}. Ne vous inqui\u00e9tez pas, nous les avons sauvegard\u00e9s pour vous !<\/p> {item_description}<\/p> Quantit\u00e9 : {item_quantity}<\/p> ${item_price:.2f}<\/p> <\/div> <\/div>\"\"\" # Ajouter le total et l'appel \u00e0 l'action html += f\"\"\" Si vous avez des questions \u00e0 propos de votre commande, n'h\u00e9sitez pas \u00e0 contacter notre \u00e9quipe du service client\u00e8le.<\/p> Merci de faire vos achats chez nous !<\/p> <\/div> \u00a9 2025 Nom de votre entreprise. Tous droits r\u00e9serv\u00e9s.<\/p> <\/div> <\/div> \"\"\" return html except Exception as e: # Renvoyer un email de repli simple si quelque chose ne va pas return \"\"\" Bonjour,<\/p> Vous avez des articles en attente dans votre panier. Cliquez ci-dessous pour compl\u00e9ter votre achat !<\/p> Compl\u00e9ter votre achat<\/a> \"\"\"<\/code><\/p>\n\n\n\n Cette fonction construit un email HTML rappelant \u00e0 une utilisatrice \u00e0 propos de son panier abandonn\u00e9. Elle extrait d’abord les d\u00e9tails cl\u00e9s des donn\u00e9es fournies, y compris le pr\u00e9nom de l’utilisatrice, les articles du panier et le prix total. Si un horodatage est disponible, elle le transforme dans le fuseau horaire de l’utilisatrice (puisque les fuseaux horaires du serveur et du client seraient diff\u00e9rents) et le formate en une cha\u00eene de date-heure conviviale (telle que \u00ab le 25 mars \u00e0 15h49 \u00bb). Sinon, la valeur par d\u00e9faut est \u00ab r\u00e9cemment \u00bb.<\/p>\n\n\n\n <\/p>\n\n\n Naviguez vers\u00a0Mailgun Send > Envois > Mod\u00e8les<\/strong>\u00a0dans votre compte Mailgun pour cr\u00e9er le design de vos propres mod\u00e8les d’emails : Maintenant que vous avez explor\u00e9 tous les composants cl\u00e9s, il est temps de tester le sc\u00e9nario d’email de panier abandonn\u00e9 de bout en bout. Au lieu de passer \u00e0 la caisse, laissez le minuteur terminer son compte \u00e0 rebours. Une fois le compte \u00e0 rebours arriv\u00e9 \u00e0 z\u00e9ro, une alerte devrait s’afficher sur l’interface utilisateur confirmant que la notification de panier abandonn\u00e9 a \u00e9t\u00e9 envoy\u00e9e. Le message d’alerte devrait indiquer : Une fois vos emails de panier abandonn\u00e9 envoy\u00e9s, il est important d’en surveiller la livraison, de suivre l’engagement et de g\u00e9rer efficacement les \u00e9checs. Mailgun fournit des outils de tableau de bord statistique int\u00e9gr\u00e9s pour surveiller les emails envoy\u00e9s, les taux d’ouvertures et les \u00e9checs.<\/p>\n\n\n\n Ici, vous trouverez une r\u00e9partition graphique des statistiques d’emailing cl\u00e9s, telles que : Dans ce tutoriel, vous avez appris \u00e0 mettre en \u0153uvre un sc\u00e9nario d’email de panier abandonn\u00e9 \u00e0 l’aide de Mailgun. Le processus a couvert la cr\u00e9ation d’une interface utilisateur simple pour simuler un site e-commerce, l’envoi des donn\u00e9es du panier au backend, leur traitement avec Flask, la g\u00e9n\u00e9ration de mod\u00e8les d’emails, l’envoi de notifications via l’API Mailgun et le suivi des statistiques de livraison. Les emails transactionnels comme ceux-ci aident \u00e0 r\u00e9cup\u00e9rer les ventes perdues et \u00e0 am\u00e9liorer l’engagement client.<\/p>\n\n\n\n![\"Cr\u00e9er](\"https:\/\/i.imgur.com\/YEm9s1u.png\")
<\/p>\n\n\n\n
<\/p>\n\n\n\nConfigurer un nouveau projet Python<\/h2>\n\n\n\n
git clone https:\/\/github.com\/manishh\/gifts-giveaways.git cd gifts-giveaways\/python\/mailgun-abandoned-cart-notifications<\/code>
<\/p>\n\n\n\nmailgun-abandoned-cart-notifications<\/code>, renommez\u00a0.env.example<\/code>\u00a0en\u00a0.env<\/code>, et mettez-le \u00e0 jour avec vos identifiants d’API Mailgun :# Remplacez avec votre cl\u00e9 API de Mailgun et domaine MAILGUN_API_KEY=\"YOUR-API-KEY\" MAILGUN_DOMAIN=\"YOUR-MAILGUN-DOMAIN\"<\/code>
<\/p>\n\n\n\n
Une fois votre environnement virtuel actif, installez les d\u00e9pendances requises :pip install -r requirements.txt<\/code>
Cela installe toutes les formules n\u00e9cessaires, y compris\u00a0Flask<\/code>, le framework web l\u00e9ger qui ex\u00e9cute le backend.
Une fois l’installation compl\u00e8te, lancez l’application Flask avec cette commande :python app.py<\/code>
L’interface utilisateur de l’application sera alors disponible \u00e0 l’adresse\u00a0http:\/\/localhost:5000\/<\/a>.<\/p>\n\n\n\nCr\u00e9er l’interface de panier abandonn\u00e9<\/h2>\n\n\n\n
Vous pouvez utiliser cette interface pour d\u00e9clencher un \u00e9v\u00e9nement lorsqu’une utilisatrice laisse des articles dans son panier sans compl\u00e9ter l’achat :![\"Interface](\"https:\/\/i.imgur.com\/c99b7OU.png\")
<\/p>\n\n\n\ntemplates\/shopping_cart.html<\/code><\/a>. Ce fichier comporte deux sections importantes : la configuration de l’interface utilisateur et une fonction pour envoyer les donn\u00e9es de panier abandonn\u00e9 au backend.<\/p>\n\n\n\n
Pour la configuration de l’interface utilisateur, localisez et \u00e9ditez\u00a0USER_NAME<\/code>\u00a0et\u00a0USER_EMAIL<\/code>\u00a0dans la balise\u00a0<\/code>\u00a0pour envoyer les donn\u00e9es correctes \u00e0 votre backend. Ces deux param\u00e8tres repr\u00e9sentent l’utilisatrice connect\u00e9e dans votre application e-commerce :<\/p>\n\n\n\n\/\/ Configuration : Remplacez ces valeurs par les v\u00f4tres const USER_NAME = \"John Smith\"; const USER_EMAIL = \"john.smith@example.com\"; \/\/ Email v\u00e9rifi\u00e9 pour le compte sandbox Mailgun const BACKEND_URL = 'http:\/\/localhost:5000\/abandoned-cart'; \/\/ Mettre \u00e0 jour avec votre point de terminaison d'API Flask, si n\u00e9cessaire let ABANDONED_CART_TIMEOUT = 60; \/\/ D\u00e9lai d'attente par d\u00e9faut en secondes<\/code><\/p>\n\n\n
La fonction JavaScript suivante,\u00a0sendToBackend(data)<\/code>, g\u00e8re le processus d’envoi des d\u00e9tails du panier abandonn\u00e9 \u2013 tels que les informations de l’utilisatrice, les articles dans le panier et la valeur totale \u2013 au backend pour d\u00e9clencher une notification :<\/p>\n\n\n\n\/\/ Envoyer des donn\u00e9es au backend function sendToBackend(data) { console.log('Envoi des donn\u00e9es du panier abandonn\u00e9 au backend...'); fetch(BACKEND_URL, { method: 'POST', headers: { 'Content-Type': 'application\/json', }, body: JSON.stringify(data) }) .then(response => { \/\/ V\u00e9rifier si l'\u00e9tat du service de la r\u00e9ponse est 200 (OK) if (response.status === 200) { return response.json(); } else { \/\/ Lancer une erreur si l'\u00e9tat du service n'est pas 200 throw new Error(`Erreur HTTP ! \u00c9tat du service : ${response.status}`); } }) .then(result => { console.log('R\u00e9ponse du backend :', result); alert('Notification de panier abandonn\u00e9 envoy\u00e9e avec succ\u00e8s !'); resetCart(); }) .catch(error => { console.error('Erreur lors de l\\'envoi de la notification de panier abandonn\u00e9 :', error); alert('Erreur lors de l\\'envoi de la notification de panier abandonn\u00e9. V\u00e9rifiez la console pour plus de d\u00e9tails.'); }); }<\/code><\/p>\n\n\n\n
Cette fonction effectue d’abord une requ\u00eate HTTP POST vers\u00a0BACKEND_URL<\/code>\u00a0\u00e0 l’aide de l’appel\u00a0fetch<\/code>, transformant les donn\u00e9es du panier en une charge utile JSON.
Si le serveur r\u00e9pond avec succ\u00e8s (HTTP\u00a0200<\/code>), la r\u00e9ponse est trait\u00e9e et enregistr\u00e9e dans la console, et une alerte confirme que la notification de panier abandonn\u00e9 a \u00e9t\u00e9 envoy\u00e9e. Le panier est ensuite r\u00e9initialis\u00e9.<\/p>\n\n\n\n
Si la requ\u00eate \u00e9choue \u2013 en raison de probl\u00e8mes de r\u00e9seau ou d’un probl\u00e8me c\u00f4t\u00e9 serveur (comme des erreurs HTTP\u00a05XX<\/code>) \u2013 la fonction intercepte l’erreur, l’enregistre dans la console, et alerte l’utilisatrice qu’un probl\u00e8me est survenu. De cette fa\u00e7on, la fonction s’assure que les tentatives r\u00e9ussies et \u00e9chou\u00e9es de notification au backend sont g\u00e9r\u00e9es de mani\u00e8re \u00e9l\u00e9gante, gardant l’utilisatrice inform\u00e9e tout au long du processus.<\/p>\n\n\n\n
Le code restant dans\u00a0shopping_cart.html<\/code>\u00a0g\u00e8re le style CSS pour une structure propre et visuellement attrayante, la logique JavaScript pour calculer la valeur totale du panier, et la direction du minuteur pour simuler l’abandon de panier.<\/p>\n\n\n\nTraitement des notifications de paniers abandonn\u00e9s dans le backend<\/h2>\n\n\n\n
Lorsque l’interface utilisateur publie (posts) les donn\u00e9es de panier abandonn\u00e9 vers\u00a0BACKEND_URL<\/code>, l’application Flask (app.py<\/code><\/a>) les traite en utilisant la fonction suivante :@app.route('\/abandoned-cart', methods=['POST']) def abandoned_cart(): \"\"\" Point de terminaison pour recevoir les donn\u00e9es de panier abandonn\u00e9, y compris les informations sur l'utilisatrice. Il envoie une notification par email \u00e0 l'utilisatrice concern\u00e9e. \"\"\" try: # Obtenir les donn\u00e9es du panier \u00e0 partir de la requ\u00eate cart_data = request.json # Extraire les informations de l'utilisatrice user_info = cart_data.get('user', {}) user_email = user_info.get('email', 'unknown') # Enregistrer les donn\u00e9es re\u00e7ues logger.info(f\"Panier abandonn\u00e9 re\u00e7u de {user_email} \u00e0 {datetime.datetime.now()}, Nombre total d'articles : {len(cart_data.get('items', []))}\") # Envoyer un email \u00e0 propos du panier abandonn\u00e9 html_message = _generate_abandoned_cart_email(cart_data) _send_email(f\"{user_info.get('name', user_email)} \", \"Votre panier vous attend...\", html_message) # Renvoyer une r\u00e9ponse de succ\u00e8s return jsonify({ \"status\": \"success\", \"message\": f\"Notification de panier abandonn\u00e9 envoy\u00e9e \u00e0 : {user_info.get('email')}\", \"timestamp\": datetime.datetime.now().isoformat(), }), 200 except Exception as e: logger.error(f\"Erreur lors du traitement du panier abandonn\u00e9 : {str(e)}\") return jsonify({\"status\": \"error\", \"message\": str(e)}), 500<\/code><\/p>\n\n\n\n
Ce point de terminaison d’API (\/abandoned-cart<\/code>) \u00e9coute les requ\u00eates POST lorsqu’une utilisatrice abandonne son panier. Il extrait les d\u00e9tails du panier de la charge utile JSON de la requ\u00eate, r\u00e9cup\u00e8re l’email et le pr\u00e9nom de l’utilisatrice, et enregistre l’\u00e9v\u00e9nement avec l’horodatage et le nombre d’articles.<\/p>\n\n\n\n
Ensuite, il g\u00e9n\u00e8re un email en utilisant\u00a0_generate_abandoned_cart_email(cart_data)<\/code>, qui transforme les d\u00e9tails du panier en un mod\u00e8le d’email HTML soign\u00e9. L’email est ensuite envoy\u00e9 \u00e0 l’\u00a0user_email<\/code>\u00a0via\u00a0_send_email()<\/code>, en utilisant le sujet \u00ab Votre panier vous attend… \u00bb pour rappeler \u00e0 l’utilisatrice \u00e0 propos de son achat en attente.
En cas de succ\u00e8s, la fonction renvoie une r\u00e9ponse JSON confirmant que l’email a \u00e9t\u00e9 envoy\u00e9. Si une erreur se produit, comme un probl\u00e8me avec la requ\u00eate ou le service d’emailing, il enregistre l’erreur et renvoie une r\u00e9ponse HTTP\u00a0500 Internal Server Error<\/code>, que l’interface utilisateur peut utiliser pour informer l’utilisatrice \u00e0 propos de l’\u00e9tat du service de la notification.<\/p>\n\n\n\nCr\u00e9er le design du mod\u00e8le d’email<\/h2>\n\n\n\n
_generate_abandoned_cart_email(...)<\/code>\u00a0s’en charge :<\/p>\n\n\n\ndef _generate_abandoned_cart_email(cart_data: Dict[str, Any]) -> str: \"\"\" G\u00e9n\u00e9rer un email HTML pour un panier abandonn\u00e9 en utilisant les donn\u00e9es du panier fournies. Args: cart_data: Dictionnaire contenant les informations du panier y compris les d\u00e9tails de l'utilisatrice et les articles Returns: Cha\u00eene HTML pour l'email \"\"\" try: # Extraire les donn\u00e9es avec gestion des erreurs user_name = cart_data.get('user', {}).get('name', 'Client fid\u00e8le') first_name = user_name.split()[0] if ' ' in user_name else user_name items = cart_data.get('items', []) total_value = cart_data.get('totalValue', 0) # Formater l'horodatage si disponible timestamp_str = cart_data.get('timestamp', '') timezone_offset = cart_data.get('timezoneOffset', 0) # Repr\u00e9senter le fuseau horaire de l'utilisatrice if timestamp_str: try: timestamp = datetime.datetime.fromisoformat(timestamp_str.replace('Z', '+00:00')) - datetime.timedelta(minutes=timezone_offset) abandonment_time = f\"le {timestamp.strftime('%d %B \u00e0 %H:%M')}<\/b>\" except (ValueError, TypeError): abandonment_time = 'r\u00e9cemment' else: abandonment_time = 'r\u00e9cemment' # G\u00e9n\u00e9rer le contenu HTML avec CSS minimal et combin\u00e9 html = f\"\"\" \/* Style CSS ici *\/ Votre panier vous attend !<\/h1> <\/div>
Articles de votre panier :<\/h2>\"\"\" # Ajouter chaque article \u00e0 l'email for item in items: item_name = item.get('name', 'Produit') item_price = item.get('price', 0) item_quantity = item.get('quantity', 1) item_image = item.get('image', '') item_description = item.get('description', '') # Format image tag with fallback image_tag = f'
' if item_image else item_name[0].upper() html += f\"\"\"
{item_name}<\/h3>
Votre panier vous attend !<\/h1>
L’email informe l’utilisatrice que son panier a \u00e9t\u00e9 sauvegard\u00e9 et r\u00e9pertorie les articles qu’elle a laiss\u00e9s derri\u00e8re elle, y compris le nom du produit, la quantit\u00e9, le prix, la description et une image. La valeur totale du panier est affich\u00e9e bien en \u00e9vidence, suivie d’un bouton\u00a0Compl\u00e9ter votre achat<\/strong>\u00a0pour encourager l’utilisatrice \u00e0 revenir et \u00e0 finaliser le paiement.
Si une erreur survient, telle que des donn\u00e9es manquantes ou des probl\u00e8mes de formatage, la fonction utilise comme repli un email simple avec un message de base et un lien d’achat. Cela garantit que m\u00eame si la version d\u00e9taill\u00e9e \u00e9choue, les utilisatrices re\u00e7oivent toujours un rappel pour compl\u00e9ter leur transaction.<\/p>\n\n\n\n![\"Mod\u00e8les](\"https:\/\/i.imgur.com\/rJ9PTpE.png\")
<\/p>\n\n\n\nMettre en \u0153uvre la fonctionnalit\u00e9 d’envoi d’emails avec l’API de Mailgun<\/h2>\n\n\n\n
Une fois le contenu d’email g\u00e9n\u00e9r\u00e9, il doit \u00eatre livr\u00e9 de mani\u00e8re fiable. La fonction\u00a0_send_email(...)<\/code>\u00a0g\u00e8re les envois de notifications de paniers abandonn\u00e9s \u00e0 l’aide de l’API de Mailgun :<\/p>\n\n\n\ndef _send_email(to_address: str, subject: str, html_message: str): \"\"\" Envoie un email unique \u00e0 l'adresse email donn\u00e9e \u00e0 l'aide de l'API Mailgun. :param to_address: :param subject: :param message: \"\"\" api_key = os.getenv(\"MAILGUN_API_KEY\") # Obtenir la cl\u00e9 API depuis le fichier `.env` resp = requests.post(MAILGUN_API_URL, auth=(\"api\", api_key), data={\"from\": FROM_EMAIL_ADDRESS, \"to\": to_address, \"subject\": subject, \"html\": html_message}) if resp.status_code == 200: # Succ\u00e8s logging.info(f\"Email envoy\u00e9 avec succ\u00e8s \u00e0 '{to_address}' via l'API Mailgun.\") else: # Erreur raise RuntimeError(f\"Impossible d'envoyer l'email, raison : {resp.text}\")<\/code><\/p>\n\n\n\n
Cette fonction lit\u00a0MAILGUN_API_KEY<\/code>\u00a0puis envoie un email via l’API de Mailgun en utilisant une requ\u00eate HTTP POST. La requ\u00eate inclut les d\u00e9tails essentiels de l’email, y compris l’adresse d’exp\u00e9dition, l’adresse du destinataire, le sujet et le contenu HTML g\u00e9n\u00e9r\u00e9 par la fonction\u00a0_generate_abandoned_cart_email(...)<\/code>.
Si la requ\u00eate r\u00e9ussit (resp.status_code == 200<\/code>), il enregistre un message de succ\u00e8s. Sinon, il l\u00e8ve une exception avec les d\u00e9tails de la r\u00e9ponse.
Il est important de comprendre que\u00a0_send_email(...)<\/code>\u00a0ne g\u00e8re d\u00e9lib\u00e9r\u00e9ment pas les erreurs, laissant cela \u00e0 la fonction appelante (abandoned_cart()<\/code>, qui dessert le point de terminaison\u00a0\/abandoned-cart<\/code>), afin qu’elle puisse intercepter les exceptions et renvoyer une r\u00e9ponse HTTP appropri\u00e9e. Si l’email est envoy\u00e9 avec succ\u00e8s,\u00a0abandoned_cart()<\/code>\u00a0renvoie une r\u00e9ponse HTTP\u00a0200<\/code>\u00a0confirmant que la notification a \u00e9t\u00e9 envoy\u00e9e. Si une erreur se produit, comme une cl\u00e9 API invalide ou une d\u00e9faillance du r\u00e9seau, il renvoie une r\u00e9ponse HTTP\u00a0500<\/code>, s’assurant que l’interface utilisateur est inform\u00e9e du probl\u00e8me.<\/p>\n\n\n\nTester le sc\u00e9nario<\/h2>\n\n\n\n
Tout d’abord, assurez-vous que votre serveur Flask est en cours d’ex\u00e9cution et que l’interface utilisateur est accessible dans votre navigateur \u00e0 l’adresse\u00a0http:\/\/localhost:5000\/<\/a>. Vous pouvez ajuster le d\u00e9lai d’expiration du panier abandonn\u00e9 dans le panneau des param\u00e8tres en bas \u00e0 gauche de la page selon vos besoins.<\/p>\n\n\n\n
Ensuite, ajoutez quelques articles \u00e0 votre panier. \u00c0 chaque fois que vous ajoutez un article, le compte \u00e0 rebours du panier est r\u00e9initialis\u00e9 et recommence. Une fois que vous avez termin\u00e9, cliquez sur l’ic\u00f4ne du panier pour afficher le panneau coulissant, qui affiche les produits s\u00e9lectionn\u00e9s, leurs prix et le bouton\u00a0Passer \u00e0 la caisse<\/strong> :<\/p>\n\n\n\n![\"Triggering](\"https:\/\/i.imgur.com\/Qos5lQa.png\")
<\/p>\n\n\n\nNotification de panier abandonn\u00e9 envoy\u00e9e avec succ\u00e8s !<\/code><\/p>\n\n\n\n
En m\u00eame temps, le terminal de votre application Flask devrait enregistrer des messages comme celui-ci :INFO:__main__:Panier abandonn\u00e9 re\u00e7u de \u00e0 2025-03-24 14:02:00.077949, Nombre total d'articles : 3 INFO:root:Email envoy\u00e9 avec succ\u00e8s \u00e0 'Pr\u00e9nom ' via l'API Mailgun.<\/code><\/p>\n\n\n\n
Enfin, v\u00e9rifiez votre bo\u00eete de r\u00e9ception pour l’email de panier abandonn\u00e9. Si tout a fonctionn\u00e9 correctement, vous devriez recevoir ce message :<\/p>\n\n\n\n![\"Abandoned](\"https:\/\/i.imgur.com\/Jd0ferZ.png\")
<\/p>\n\n\n\n
Remarque :<\/strong>\u00a0Si vous utilisez l’abonnement gratuit de Mailgun, l’email pourrait finir dans le dossier spam.<\/p>\n\n\n\n
F\u00e9licitations ! Vous avez mis en \u0153uvre et test\u00e9 avec succ\u00e8s le sc\u00e9nario de notification d’email de panier abandonn\u00e9 \u00e0 l’aide de l’API de Mailgun.<\/p>\n\n\n\nSuivi et gestion des emails<\/h2>\n\n\n\n
Pour acc\u00e9der \u00e0 ces statistiques, naviguez vers\u00a0Mailgun Send > Tableau de bord statistique > Statistiques<\/strong>\u00a0dans votre tableau de bord Mailgun :<\/p>\n\n\n\n![\"Mailgun](\"https:\/\/i.imgur.com\/J71wf64.png\")
<\/p>\n\n\n\n
Nombre d’envois :<\/strong>\u00a0Nombre total de tentatives d’emails
Nombre de livr\u00e9s :<\/strong>\u00a0Emails re\u00e7us avec succ\u00e8s par les destinataires
Nombre d’ouverts :<\/strong>\u00a0Nombre d’emails ouverts par les destinataires (si le suivi des ouvertures est activ\u00e9)
Nombre d’\u00e9checs :<\/strong>\u00a0Emails ayant \u00e9chou\u00e9 en raison de probl\u00e8mes tels que des adresses invalides ou un filtre anti-spam<\/p>\n\n\n\n
Pour une analyse plus approfondie, l’onglet\u00a0Rapports<\/strong>\u00a0fournit des enregistrements d\u00e9taill\u00e9s de l’\u00e9tat du service de chaque email, tandis que l’onglet\u00a0Classification des rebonds<\/strong>\u00a0aide \u00e0 diagnostiquer les \u00e9checs.
Des taux d’erreurs \u00e9lev\u00e9s peuvent avoir un impact n\u00e9gatif sur la d\u00e9livrabilit\u00e9 de vos emails. Pour r\u00e9duire les erreurs, r\u00e9visez r\u00e9guli\u00e8rement l’onglet\u00a0Classification des rebonds<\/strong>\u00a0dans Mailgun, retirez les emails invalides et utilisez des listes de suppression pour \u00e9viter de renvoyer \u00e0 des adresses ayant rebondi.<\/p>\n\n\n\nConclusion<\/h2>\n\n\n\n
Vous pouvez trouver le code complet de ce tutoriel dans\u00a0ce d\u00e9p\u00f4t GitHub<\/a>.<\/p>\n\n\n\n
Maintenant, vous pouvez mettre ces connaissances en pratique \u2013 int\u00e9grez Mailgun \u00e0 vos projets et commencez \u00e0 utiliser les emails transactionnels pour am\u00e9liorer l’UX.\u00a0D\u00e9couvrir Des mod\u00e8les d\u2019emails transactionnels<\/a> et essayez l’API Mailgun<\/a>\u00a0gratuitement d\u00e8s aujourd’hui !<\/p>\n\n\n
Avant de d\u00e9buter, assurez-vous d’avoir ce qui suit :<\/strong><\/p>\n\n\n\n\n
Configurer un compte Mailgun<\/h2>\n\n\n\n