{"id":26036,"date":"2021-06-18T19:57:00","date_gmt":"2021-06-18T16:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26036"},"modified":"2021-10-18T02:03:14","modified_gmt":"2021-10-17T23:03:14","slug":"comment-integrer-mailchimp-a-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-integrer-mailchimp-a-woocommerce\/","title":{"rendered":"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce"},"content":{"rendered":"<p><a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce<\/a> est un plugin de commerce \u00e9lectronique open source pour WordPress. Il est largement utilis\u00e9 pour cr\u00e9er une boutique en ligne avec WordPress.<\/p>\n<p>D&rsquo;autre part, <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mailchimp<\/a> est la plate-forme d&rsquo;automatisation du marketing et le service de marketing par e-mail les plus populaires.<\/p>\n<p>Lorsqu&rsquo;une personne ach\u00e8te un produit dans votre boutique, WooCommerce capture ses informations \u00e0 des fins futures. Le propri\u00e9taire d&rsquo;une boutique en ligne peut ajouter ce client \u00e0 sa liste de newsletter. En utilisant une liste de diffusion, vous pouvez am\u00e9liorer vos ventes en leur envoyant de nouvelles offres, produits, remises, etc. Il s&rsquo;agit d&rsquo;une strat\u00e9gie \u00e9prouv\u00e9e pour encourager les clients \u00e0 revenir dans votre magasin.<\/p>\n<p>Sur la boutique WooCommerce, nous ajouterons la case \u00e0 cocher \u00ab\u00a0S&rsquo;inscrire \u00e0 notre newsletter\u00a0\u00bb sur le formulaire de paiement. Si un client le choisit, son e-mail sera ajout\u00e9 \u00e0 la liste Mailchimp.<\/p>\n<p>Il existe plusieurs plugins disponibles qui effectuent cette t\u00e2che. Mais en tant que d\u00e9veloppeur WordPress, vous devriez pr\u00e9f\u00e9rer \u00e9crire votre propre code dans la mesure du possible. Cela r\u00e9duira le nombre de plugins sur votre site Web et donc la difficult\u00e9 de maintenir les mises \u00e0 jour des plugins.<\/p>\n<p>Nous utiliserons l&rsquo;API Mailchimp, les hooks WooCommerce pour connecter Mailchimp \u00e0 WooCommerce. Tout d&rsquo;abord, nous devons r\u00e9cup\u00e9rer la cl\u00e9 API Mailchimp et l&rsquo;identifiant d&rsquo;audience \u00e0 l&rsquo;aide desquels nous interagissons avec l&rsquo;API Mailchimp.<\/p>\n<h3>Obtenir la cl\u00e9 API Mailchimp et l&rsquo;identifiant d&rsquo;audience<\/h3>\n<p><a href=\"https:\/\/login.mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Connectez-vous<\/a> \u00e0 votre compte Mailchimp. \u00c0 partir de l&rsquo;ic\u00f4ne de l&rsquo;utilisateur, s\u00e9lectionnez le compte.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cef22ae.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cef22ae.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<p>Sur la page suivante, cliquez sur <strong>Extra-&gt; Cl\u00e9s API<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cf728d9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cf728d9.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<p>Dans la section Vos cl\u00e9s API, cliquez sur Cr\u00e9er une cl\u00e9 et copiez votre cl\u00e9 API.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<p>Ensuite, obtenons un ID d&rsquo;audience. Pour cela, cliquez sur le menu Audience, s\u00e9lectionnez l&rsquo;option Param\u00e8tres dans la liste d\u00e9roulante G\u00e9rer l&rsquo;audience.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<p>Cliquez sur le nom de l&rsquo;audience et les valeurs par d\u00e9faut dans les param\u00e8tres.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<p>Sur la page suivante, vous trouverez votre identifiant d&rsquo;audience.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<h3>Abonnez-vous \u00e0 notre newsletter<\/h3>\n<p>WooCommerce fournit de nombreuses actions et filtres pour personnaliser le flux de paiement sans toucher aux fichiers principaux. Ici, nous avons l&rsquo;intention d&rsquo;ajouter une case \u00e0 cocher au formulaire de paiement WooCommerce. Nous pouvons le faire en utilisant l&rsquo;action <code>woocommerce_after_checkout_billing_form<\/code>. Gr\u00e2ce \u00e0 cette action, l&rsquo;utilisateur peut ajouter de nouveaux champs au formulaire de facturation dans WooCommerce.<\/p>\n<p>J&rsquo;ajouterai la case \u00e0 cocher de la newsletter apr\u00e8s le formulaire de facturation. Vous voudrez peut-\u00eatre le placer ailleurs. Dans ce cas, vous pouvez utiliser l&rsquo;un des crochets suivants.<\/p>\n<ul>\n<li><code>woocommerce_before_checkout_billing_form<\/code><\/li>\n<li><code>woocommerce_after_checkout_billing_form<\/code> &#8211; j&rsquo;utilise celui-ci<\/li>\n<li><code>woocommerce_before_checkout_registration_form<\/code><\/li>\n<li><code>woocommerce_after_checkout_registration_form<\/code><\/li>\n<li><code>woocommerce_before_checkout_shipping_form<\/code><\/li>\n<li><code>woocommerce_after_checkout_shipping_form<\/code><\/li>\n<li><code>woocommerce_before_order_notes<\/code><\/li>\n<li><code>woocommerce_after_order_notes<\/code><\/li>\n<\/ul>\n<p>Placez le code ci-dessous dans le <code>functions.php<\/code>fichier de votre th\u00e8me .<\/p>\n<pre><code>add_action( 'woocommerce_after_checkout_billing_form', 'subscribe_newsletter_checkbox' );\nfunction subscribe_newsletter_checkbox($checkout) {\n\u00a0\u00a0\u00a0\u00a0woocommerce_form_field( 'subscribed', array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'type'\u00a0\u00a0\u00a0 =&gt; 'checkbox',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'class'\u00a0\u00a0\u00a0 =&gt; array('form-row-wide'),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'label'\u00a0\u00a0\u00a0 =&gt; 'Subscribe to our newsletter',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0), $checkout-&gt;get_value( 'subscribed') );\n}<\/code><\/pre>\n<p>Allez-y et v\u00e9rifiez votre formulaire de paiement. Vous devriez voir les nouveaux champs ajout\u00e9s pour les abonnements \u00e0 la newsletter, comme indiqu\u00e9 dans la capture d&rsquo;\u00e9cran ci-dessous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20165-6081c6cfb7944.png\" alt=\"Comment int\u00e9grer Mailchimp \u00e0 WooCommerce\" ><\/a><\/p>\n<h3>Connecter Mailchimp \u00e0 WooCommerce<\/h3>\n<p>Nous avons ajout\u00e9 un champ personnalis\u00e9 pour la case \u00e0 cocher d&rsquo;abonnement. Si un client coche cette case, nous devons ajouter son adresse e-mail \u00e0 la liste Mailchimp.<\/p>\n<p>WooCommerce fournit une action <code>woocommerce_checkout_update_order_meta<\/code>qui s&rsquo;ex\u00e9cutera lorsqu&rsquo;un client passe une commande. En utilisant ce crochet, je connecte Mailchimp \u00e0 WooCommerce.<\/p>\n<p>Placez le code ci-dessous dans votre <code>functions.php<\/code>fichier. Il sera ex\u00e9cut\u00e9 automatiquement lorsqu&rsquo;une commande est pass\u00e9e.<\/p>\n<pre><code>add_action( 'woocommerce_checkout_update_order_meta', 'subscribe_user_to_newsletter' );\nfunction subscribe_user_to_newsletter($order_id) {\n\u00a0\u00a0\u00a0\u00a0if( !empty( $_POST['subscribed']) &amp;&amp; $_POST['subscribed'] == 1) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_post_meta( $order_id, 'subscribed', 1 );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ add user to mailchimp list\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$email = $_POST['billing_email'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$audience_id = 'MAILCHIMP_AUDIENCE_ID';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$api_key = 'MAILCHIMP_API_KEY';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data_center = substr($api_key,strpos($api_key,'-')+1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/'. $data_center .'.api.mailchimp.com\/3.0\/lists\/'. $audience_id .'\/members';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$auth = base64_encode( 'user:'. $api_key );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$arr_data = json_encode(array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email_address' =&gt; $email,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' =&gt; 'subscribed' \/\/pass 'subscribed' or 'pending'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0));\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$response = wp_remote_post( $url, array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'method' =&gt; 'POST',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Content-Type' =&gt; 'application\/json',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Authorization' =&gt; \"Basic $auth\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'body' =&gt; $arr_data,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>Assurez-vous de remplacer les espaces r\u00e9serv\u00e9s par leurs valeurs r\u00e9elles. Maintenant, allez-y et passez la commande. Vous devriez voir que l&rsquo;e-mail sera stock\u00e9 dans l&rsquo;identifiant d&rsquo;audience Mailchimp fourni.<\/p>\n<p>J&rsquo;esp\u00e8re que vous comprenez comment connecter Mailchimp \u00e0 WooCommerce. S&rsquo;il vous pla\u00eet partager vos pens\u00e9es et suggestions dans la section commentaires ci-dessous.<\/p>\n<h4>Articles Li\u00e9s<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/integration-de-mailchimp-avec-le-plugin-contact-form-7\/\" title=\"Int\u00e9gration de Mailchimp avec le plugin Contact Form 7\">Int\u00e9gration de Mailchimp avec le plugin Contact Form 7<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/integration-de-mailchimp-sur-un-site-web-utilisant-l-api-mailchimp-et-php\/\" title=\"Int\u00e9gration de Mailchimp sur un site Web \u00e0 l&#039;aide de l&#039;API MailChimp et de PHP\">Int\u00e9gration de Mailchimp sur un site Web \u00e0 l&rsquo;aide de l&rsquo;API MailChimp et de PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-integrer-la-newsletter-mailchimp-dans-l-application-laravel\/\" title=\"Comment int\u00e9grer la newsletter MailChimp dans l&#039;application Laravel\">Comment int\u00e9grer la newsletter MailChimp dans l&rsquo;application Laravel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous souhaitez connecter Mailchimp \u00e0 WooCommerce ? En utilisant l&rsquo;API Mailchimp et les crochets WooCommerce, nous pouvons connecter les deux services et ajouter un client<\/p>\n","protected":false},"author":1,"featured_media":20166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[608],"tags":[844],"class_list":["post-26036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/26036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=26036"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/26036\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/20166"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=26036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=26036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=26036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}