{"id":29547,"date":"2021-06-18T19:47:00","date_gmt":"2021-06-18T16:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29547"},"modified":"2021-10-17T16:15:30","modified_gmt":"2021-10-17T13:15:30","slug":"como-integrar-mailchimp-con-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-integrar-mailchimp-con-woocommerce\/","title":{"rendered":"C\u00f3mo integrar Mailchimp con WooCommerce"},"content":{"rendered":"<p><a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WooCommerce<\/a> es un complemento de comercio electr\u00f3nico de c\u00f3digo abierto para WordPress. Se usa ampliamente para construir una tienda en l\u00ednea con WordPress.<\/p>\n<p>Por otro lado, <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mailchimp<\/a> es la plataforma de automatizaci\u00f3n de marketing y el servicio de marketing por correo electr\u00f3nico m\u00e1s popular.<\/p>\n<p>Cuando alguien compra un producto en su tienda, WooCommerce captura su informaci\u00f3n para prop\u00f3sitos futuros. El propietario de una tienda en l\u00ednea puede agregar a este cliente a su lista de boletines. Con una lista de correo electr\u00f3nico, puede mejorar sus ventas envi\u00e1ndoles nuevas ofertas, productos, descuentos, etc. Esta es una estrategia probada para alentar a los clientes a regresar a su tienda.<\/p>\n<p>En la tienda WooCommerce, agregaremos la casilla de verificaci\u00f3n &#8216;Suscribirse a nuestro bolet\u00edn informativo&#8217; en el formulario de pago. Si un cliente lo elige, su correo electr\u00f3nico se agregar\u00e1 a la lista de Mailchimp.<\/p>\n<p>Hay varios complementos disponibles que realizan esta tarea. Pero como desarrollador de WordPress, deber\u00eda preferir escribir su propio c\u00f3digo siempre que sea posible. Reducir\u00e1 la cantidad de complementos en su sitio web y, por lo tanto, el dolor al mantener las actualizaciones de complementos.<\/p>\n<p>Usaremos la API de Mailchimp, ganchos de WooCommerce para conectar Mailchimp con WooCommerce. Primero, tenemos que obtener la clave de la API de Mailchimp y el ID de audiencia con el que interactuamos con la API de Mailchimp.<\/p>\n<h3>Obt\u00e9n la clave de la API de Mailchimp y el ID de audiencia<\/h3>\n<p><a href=\"https:\/\/login.mailchimp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inicie sesi\u00f3n<\/a> en su cuenta de Mailchimp. Desde el icono de usuario, seleccione la Cuenta.<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<p>En la p\u00e1gina siguiente, haga clic en <strong>Extra-&gt; API keys<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<p>En la secci\u00f3n Sus claves de API, haga clic en Crear una clave y copie su clave 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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<p>A continuaci\u00f3n, obtengamos un ID de audiencia. Para ello, haga clic en el men\u00fa Audiencia, seleccione la opci\u00f3n Configuraci\u00f3n del men\u00fa desplegable Administrar audiencia.<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<p>Haga clic en el nombre de la audiencia y los valores predeterminados de la configuraci\u00f3n.<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<p>En la p\u00e1gina siguiente, encontrar\u00e1 su ID de audiencia.<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<h3>Suscr\u00edbete a nuestro bolet\u00edn Checkbox<\/h3>\n<p>WooCommerce proporciona muchas acciones y filtros para personalizar el flujo de pago sin tocar los archivos principales. Aqu\u00ed, tenemos la intenci\u00f3n de agregar una casilla de verificaci\u00f3n al formulario de pago de WooCommerce. Podemos hacerlo usando la acci\u00f3n <code>woocommerce_after_checkout_billing_form<\/code>. A trav\u00e9s de esta acci\u00f3n, el usuario puede agregar nuevos campos al formulario de facturaci\u00f3n en WooCommerce.<\/p>\n<p>Agregar\u00e9 la casilla de verificaci\u00f3n del bolet\u00edn despu\u00e9s del formulario de facturaci\u00f3n. Es posible que desee colocarlo en otro lugar. En ese caso, puede utilizar cualquiera de los siguientes ganchos.<\/p>\n<ul>\n<li><code>woocommerce_before_checkout_billing_form<\/code><\/li>\n<li><code>woocommerce_after_checkout_billing_form<\/code> &#8211; estoy 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 el siguiente c\u00f3digo en el <code>functions.php<\/code>archivo de su 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>Contin\u00fae y revise su formulario de pago. Deber\u00eda ver los nuevos campos agregados para las suscripciones a boletines como se muestra en la captura de pantalla a continuaci\u00f3n.<\/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=\"C\u00f3mo integrar Mailchimp con WooCommerce\" ><\/a><\/p>\n<h3>Conecta Mailchimp con WooCommerce<\/h3>\n<p>Hemos agregado un campo personalizado para la casilla de verificaci\u00f3n de la suscripci\u00f3n. Si un cliente marca esta casilla de verificaci\u00f3n, debemos agregar su correo electr\u00f3nico a la lista de Mailchimp.<\/p>\n<p>WooCommerce proporciona una acci\u00f3n <code>woocommerce_checkout_update_order_meta<\/code>que se ejecutar\u00e1 cuando un cliente realice un pedido. Usando este gancho, estoy conectando Mailchimp con WooCommerce.<\/p>\n<p>Coloque el siguiente c\u00f3digo en su <code>functions.php<\/code>archivo. Se ejecutar\u00e1 autom\u00e1ticamente cuando se realice un pedido.<\/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>Aseg\u00farese de reemplazar los marcadores de posici\u00f3n con sus valores reales. Ahora, haz el pedido. Deber\u00eda ver que el correo electr\u00f3nico se almacenar\u00e1 dentro del ID de audiencia de Mailchimp proporcionado.<\/p>\n<p>Espero que entiendas c\u00f3mo conectar Mailchimp con WooCommerce. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n<h4>Art\u00edculos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/integracion-de-mailchimp-con-el-complemento-contact-form-7\/\" title=\"Integraci\u00f3n de Mailchimp con el complemento Contact Form 7\">Integraci\u00f3n de Mailchimp con el complemento Contact Form 7<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/integracion-de-mailchimp-en-un-sitio-web-mediante-la-api-de-mailchimp-y-php\/\" title=\"Integraci\u00f3n de Mailchimp en un sitio web mediante la API de MailChimp y PHP\">Integraci\u00f3n de Mailchimp en un sitio web mediante la API de MailChimp y PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-integrar-el-boletin-de-mailchimp-en-la-aplicacion-laravel\/\" title=\"C\u00f3mo integrar el bolet\u00edn de MailChimp en la aplicaci\u00f3n Laravel\">C\u00f3mo integrar el bolet\u00edn de MailChimp en la aplicaci\u00f3n Laravel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres conectar Mailchimp con WooCommerce? Usando la API de Mailchimp y los ganchos de WooCommerce, podemos conectar ambos servicios y agregar 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":[606],"tags":[849],"class_list":["post-29547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/29547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=29547"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/29547\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/20166"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=29547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=29547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=29547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}