Cómo usar de forma sencilla mailchimp en wordpress.

Jan 10, 2021

Are you looking for a mentor?

Whether you're a beginner or need assistance with a work-related project, I'm available to provide support.

Check out the gig on Fiverr.

Agrega tu publicadad

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

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í:

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

 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í:

 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

Autor

Angel Cruz