{"id":28736,"date":"2021-06-18T19:21:00","date_gmt":"2021-06-18T16:21:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28736"},"modified":"2021-10-18T03:58:41","modified_gmt":"2021-10-18T00:58:41","slug":"como-integrar-mailchimp-com-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-integrar-mailchimp-com-woocommerce\/","title":{"rendered":"Como Integrar Mailchimp com WooCommerce"},"content":{"rendered":"<p><a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce<\/a> \u00e9 um plugin de e-commerce de c\u00f3digo aberto para WordPress. \u00c9 amplamente utilizado para construir uma loja online com WordPress.<\/p>\n<p>Por outro lado, <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mailchimp<\/a> \u00e9 a plataforma de automa\u00e7\u00e3o de marketing e servi\u00e7o de email marketing mais popular.<\/p>\n<p>Quando algu\u00e9m compra um produto em sua loja, o WooCommerce captura suas informa\u00e7\u00f5es para fins futuros. O propriet\u00e1rio de uma loja online pode adicionar este cliente \u00e0 sua lista de boletins informativos. Usando uma lista de e-mail, voc\u00ea pode melhorar suas vendas enviando-lhes novas ofertas, produtos, descontos, etc. Esta \u00e9 uma estrat\u00e9gia comprovada para incentivar os clientes a voltarem \u00e0 sua loja.<\/p>\n<p>Na loja WooCommerce, adicionaremos a caixa de sele\u00e7\u00e3o &#8216;Inscrever-se em nosso boletim informativo&#8217; no formul\u00e1rio de finaliza\u00e7\u00e3o da compra. Se um cliente escolher, seu e-mail ser\u00e1 adicionado \u00e0 lista do Mailchimp.<\/p>\n<p>Existem v\u00e1rios plug-ins dispon\u00edveis que realizam essa tarefa. Mas, como desenvolvedor WordPress, voc\u00ea deve preferir escrever seu pr\u00f3prio c\u00f3digo sempre que poss\u00edvel. Isso reduzir\u00e1 o n\u00famero de plug-ins em seu site e, portanto, a dificuldade de manter as atualiza\u00e7\u00f5es do plug-in.<\/p>\n<p>Usaremos a API Mailchimp, ganchos WooCommerce para conectar Mailchimp com WooCommerce. Primeiro, temos que pegar a chave da API Mailchimp e o ID de p\u00fablico usando a qual interagimos com a API Mailchimp.<\/p>\n<h3>Obtenha a chave da API Mailchimp e o ID do p\u00fablico<\/h3>\n<p><a href=\"https:\/\/login.mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fa\u00e7a login<\/a> na sua conta Mailchimp. No \u00edcone do usu\u00e1rio, selecione a conta.<\/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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<p>Na pr\u00f3xima p\u00e1gina, clique em <strong>Extra-&gt; Chaves de 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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<p>Na se\u00e7\u00e3o Suas chaves de API, clique em Criar uma chave e copie sua chave de 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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<p>A seguir, vamos obter um ID de p\u00fablico. Para isso, clique no menu P\u00fablico, selecione a op\u00e7\u00e3o Configura\u00e7\u00f5es no menu suspenso Gerenciar P\u00fablico.<\/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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<p>Clique no nome do p\u00fablico e nos padr\u00f5es em Configura\u00e7\u00f5es.<\/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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<p>Na pr\u00f3xima p\u00e1gina, voc\u00ea encontrar\u00e1 seu ID de p\u00fablico.<\/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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<h3>Inscreva-se no nosso boletim informativo Checkbox<\/h3>\n<p>O WooCommerce oferece muitas a\u00e7\u00f5es e filtros para personalizar o fluxo de checkout sem tocar nos arquivos principais. Aqui, pretendemos adicionar uma caixa de sele\u00e7\u00e3o ao formul\u00e1rio de checkout WooCommerce. Podemos fazer isso usando a a\u00e7\u00e3o <code>woocommerce_after_checkout_billing_form<\/code>. Atrav\u00e9s desta a\u00e7\u00e3o, o usu\u00e1rio pode adicionar novos campos ao formul\u00e1rio de cobran\u00e7a no WooCommerce.<\/p>\n<p>Vou adicionar a caixa de sele\u00e7\u00e3o do boletim informativo ap\u00f3s o formul\u00e1rio de faturamento. Voc\u00ea pode querer coloc\u00e1-lo em outro lugar. Nesse caso, voc\u00ea pode usar qualquer um dos seguintes ganchos.<\/p>\n<ul>\n<li><code>woocommerce_before_checkout_billing_form<\/code><\/li>\n<li><code>woocommerce_after_checkout_billing_form<\/code> &#8211; Estou usando este<\/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>Coloque o c\u00f3digo abaixo no <code>functions.php<\/code>arquivo do seu tema .<\/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>V\u00e1 em frente e verifique seu formul\u00e1rio de checkout. Voc\u00ea dever\u00e1 ver os novos campos adicionados para assinaturas de boletins informativos, conforme mostrado na imagem abaixo.<\/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=\"Como Integrar Mailchimp com WooCommerce\" ><\/a><\/p>\n<h3>Conecte Mailchimp com WooCommerce<\/h3>\n<p>Adicionamos um campo personalizado para a caixa de sele\u00e7\u00e3o de assinatura. Se um cliente marcar esta caixa de sele\u00e7\u00e3o, precisamos adicionar seu e-mail \u00e0 lista Mailchimp.<\/p>\n<p>WooCommerce oferece uma a\u00e7\u00e3o <code>woocommerce_checkout_update_order_meta<\/code>que ser\u00e1 executada quando um cliente fizer um pedido. Usando este gancho, estou conectando Mailchimp com WooCommerce.<\/p>\n<p>Coloque o c\u00f3digo abaixo em seu <code>functions.php<\/code>arquivo. Ele ser\u00e1 executado automaticamente quando um pedido for feito.<\/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>Certifique-se de substituir os marcadores por seus valores reais. Agora, v\u00e1 em frente e fa\u00e7a o pedido. Voc\u00ea ver\u00e1 que o e-mail ser\u00e1 armazenado dentro do ID de p\u00fablico fornecido pelo Mailchimp.<\/p>\n<p>Espero que voc\u00ea entenda como conectar o Mailchimp ao WooCommerce. Por favor, compartilhe seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n<h4>Artigos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/integracao-mailchimp-com-formulario-de-contato-7-plugin\/\" title=\"Integra\u00e7\u00e3o Mailchimp com Contact Form 7 Plugin\">Integra\u00e7\u00e3o Mailchimp com Contact Form 7 Plugin<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/integracao-mailchimp-em-um-site-usando-api-mailchimp-e-php\/\" title=\"Integra\u00e7\u00e3o Mailchimp em um site usando API MailChimp e PHP\">Integra\u00e7\u00e3o Mailchimp em um site usando API MailChimp e PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-integrar-o-boletim-informativo-mailchimp-no-aplicativo-laravel\/\" title=\"Como integrar o boletim informativo MailChimp no aplicativo Laravel\">Como integrar o boletim informativo MailChimp no aplicativo Laravel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea deseja conectar Mailchimp com WooCommerce? Usando a API Mailchimp e ganchos WooCommerce, podemos conectar os dois servi\u00e7os e adicionar clientes<\/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":[613],"tags":[848],"class_list":["post-28736","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-9","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/28736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=28736"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/28736\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/20166"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=28736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=28736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=28736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}