Angel Cruz

SR Backend (PHP / Laravel / WordPress) developer. He talks about #php, #laravel, and #wordpress

Este artículo tiene más de un año de antigüedad, el contenido pudiera estar obsoleto.

Cómo usar de forma sencilla mailchimp en wordpress.

Publicado @ Jan 10, 2021

Ya como saben, Mailchimp es un proveedor de servicios de marketing por correo electrónico y el nombre de la empresa que lo opera, fundada en el año 2001 y en este artículo te voy a mostrar una forma sencilla de procesar suscripciones a tu lista de correos desde wordpress.

Bueno, básicamente vamos a necesitar:

Un formulario html que solo va a tener un input y un botón, algo así:

Copied!

1<form action="<?php _e(site_url('/process-mailchimp')) ?>" method="POST">
2    <input type="email" name="email">
3    <button type="submit">Suscribirme</button>
4</form>

<form action="<?php _e(site_url('/process-mailchimp')) ?>" method="POST">
    <input type="email" name="email">
    <button type="submit">Suscribirme</button>
</form>

Un archivo php que va a contener lo siguiente

Copied!

 1<?php
 2/**
 3 * Template Name: Process Mailchimp
 4 */
 5 
 6// Exit if accessed directly.
 7defined( 'ABSPATH' ) || exit;
 8 
 9 
10if ( ! empty( $_POST ) ) {
11 
12    $email = sanitize_email($_POST['email']);
13 
14    $listId = '4c0d2XXXX1';
15    $apiKey = 'XXXXXXXXXXXXXXXXXXXXXXXXXX-us7';
16 
17    $url = 'https://us7.api.mailchimp.com/3.0/lists/'. $listId .'/members';
18 
19    $json = json_encode([
20        'email_address' => $email,
21        'status'        => 'subscribed', //pass 'subscribed' or 'pending'
22    ]);
23 
24    $args = [
25        'headers'   =>  [
26            'content-type'  => 'application/json',
27            'accept'        => 'application/json',
28            'cache-control' => 'no-cache',
29            'Authorization' => 'apikey ' . $apiKey
30        ],
31        'body' => $json
32    ];
33 
34    $mailchimpResponse = wp_remote_post($url, $args);
35 
36    // wp_redirect(site_url('/thank-you/'));
37 
38} else {
39    wp_redirect('https://google.com');
40}

<?php
/**
 * Template Name: Process Mailchimp
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;


if ( ! empty( $_POST ) ) {

    $email = sanitize_email($_POST['email']);

    $listId = '4c0d2XXXX1';
    $apiKey = 'XXXXXXXXXXXXXXXXXXXXXXXXXX-us7';

    $url = 'https://us7.api.mailchimp.com/3.0/lists/'. $listId .'/members';

    $json = json_encode([
        'email_address' => $email,
        'status'        => 'subscribed', //pass 'subscribed' or 'pending'
    ]);

    $args = [
        'headers'   =>  [
            'content-type'  => 'application/json',
            'accept'        => 'application/json',
            'cache-control' => 'no-cache',
            'Authorization' => 'apikey ' . $apiKey
        ],
        'body' => $json
    ];

    $mailchimpResponse = wp_remote_post($url, $args);

    // wp_redirect(site_url('/thank-you/'));

} else {
    wp_redirect('https://google.com');
}

Una página donde mostrarle al usuario que su suscripción fue procesada y eso sería algo más o menos así:

Copied!

 1<?php
 2/**
 3 * Template Name: Blank Page Template
 4 */
 5 
 6// Exit if accessed directly.
 7defined( 'ABSPATH' ) || exit;
 8?>
 9<!DOCTYPE html>
10<html <?php language_attributes(); ?>>
11<head>
12    <meta charset="<?php bloginfo( 'charset' ); ?>">
13    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
14    <meta name="viewport" content="width=device-width, initial-scale=1">
15    <link rel="profile" href="http://gmpg.org/xfn/11">
16    <?php wp_head(); ?>
17</head>
18<body>
19    <h1>Su suscripción fue procesada correctamente</h1>
20</body>
21</html>

<?php
/**
 * Template Name: Blank Page Template
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <?php wp_head(); ?>
</head>
<body>
    <h1>Su suscripción fue procesada correctamente</h1>
</body>
</html>

Cosas para tener en cuenta:

tienes que crear una página que sirva como ruta para la acción del formulario usando la plantilla que puse arriba
cambia la redirección a la página de agradecimiento usando el slug correspondiente

Cómo usar de forma sencilla mailchimp en wordpress.

Subscribete

Patrocinio