Email Subscriber Mailchimp tanpa Plugin di Wordpress - Ramai Beud

Kali ini kita akan membuat email subscriber mailchimp tanpa plugin di wordpress dengan memanfaatkan kode function pada template wordpress. Kelebihan membuat email subscriber mailchimp tanpa plugin pihak ketiga ini adalah kita bebas menaruh form di tempat yang kita suka. Baik itu di halaman postingan, widget author. sidebar dll. Berikut ini adalah cara membuat email subscriber mailchimp tanpa plugin di wordpress.

Sebelum memulai ada beberapa hal yang harus kita siapkan di antaranya adalah :

1. Akun Mailchimp
2. Api Key Mailchimp
3. ID List Kampanye di Mailchimp

Pertama kita harus mendaftar di mailchimp untuk mendapatkan akses, caranya kunjungi situs MailChimp. Kemudian buat sebuah list, terserah namanya sesuai dengan kebutuhan anda sendiri. setelah itu buka sub menu extra dan buat api key untuk web atau blog anda.

Membuat email Subscriber Mailchimp tanpa Plugin di Wordpress

Langkah yang pertama adalah membuat atau mendaftarkan api key untuk mailchimp, contohnya bisa lihat gambar di bawah ini.

Api Key Mailchimp

Setelah anda membuat api key, simpan dahulu dan kemudian kita buat list kampanye untuk mendapatkan list id yang nantinya akan di pakai untuk konfigurasi email subscriber mailchimp di blog wordpress kita.

Lalu buka sub list dan setting kemudian buka sub menu list name and default atau bisa lihat lihat gambar di bawah.

List Name Mailchimp

Kemudian akan terlihat seperti gambar di bawah ini.

List ID Mailchimp

Karena untuk pembuatan email subscriber mailchimp tanpa plugin ini di butuhkan api key dan list id kampanye jadi untuk menemukan list id anda bisa lihat gambar di atas. kombinasi angka unik yang di di tandai oleh kotak hitam di atas adalah list id anda.

Theme Single.php

Kemudian setelah segala persiapan di mailchimp telah selesai kita buat kini saatnya untuk pergi ke directori blog atau website kita. Anda bisa menggunakan ftp atau langsung ke cpanel.

Buka wp-content/themes/template anda/funtions.php

Setelah itu tambahkan kode berikut ini di bawah kode function.php pada template anda,

//Process the MailChimp newsletter subsription form and subscribe user to list.
function acme_process_newsletter_subscription() {
// Block spam bots
if ( ! empty( $_POST['pooh_hundred_acre_wood_field'] ) ) {
return false;
}
if ( empty( $_POST['EMAIL'] ) ) {
return;
}

// Configure --------------------------------------

$api_key = 'e8388b70aea76fad8642df4724b9e204-us14';
$list_id = 'b45b730d3a';

// STOP Configuring -------------------------------

$redirect_to = isset( $_POST['redirect_to'] ) ? $_POST['redirect_to'] : home_url();
$msg = 'error';
$api_endpoint = 'https://<dc>.api.mailchimp.com/3.0/';
list(, $datacenter) = explode( '-', $api_key );
$api_endpoint = str_replace( '<dc>', $datacenter, $api_endpoint );
$url = $api_endpoint.'/lists/' . $list_id . '/members/';
$body = array(
'email_address' => sanitize_email( $_POST['EMAIL'] ),
'status' => 'subscribed'
);
$request_args = array(
'method'      => 'POST',
'timeout'     => 20,
'headers'     => array(
'Content-Type' => 'application/json',
'Authorization' => 'apikey ' . $api_key
),
'body'        => json_encode( $body ),
);
$request = wp_remote_post( $url, $request_args );
$subscribe = is_wp_error( $request ) ? false : json_decode( wp_remote_retrieve_body( $request ) );
if ( $subscribe ) {
if ( isset( $subscribe->title ) && 'Member Exists' == $subscribe->title ) {
$msg = 'exists';
} elseif ( 'subscribed' == $subscribe->status ) {
$msg = 'success';
}
}
wp_redirect( esc_url_raw( add_query_arg( 'acme_signup', $msg, $redirect_to ) ) );
exit;
}

add_action( 'admin_post_nopriv_acme_newsletter_subscription', 'acme_process_newsletter_subscription' );
add_action( 'admin_post_acme_newsletter_subscription', 'acme_process_newsletter_subscription' );

// Add Signup Form Subscriber to Post Content.
function acme_mailchimp_form_shortcode( $atts ) {

$out = '';


$description = 'Be the first to know our latest article.';
$submit_text = 'Sign me up!';

global $post;
$redirect_to = get_permalink( $post->ID ) . '#acme-newsletter-wrap';

// Display possible messages to the visitor.
$message = '';
if ( isset( $_GET['acme_signup'] ) ) {
$class = 'success';
if ( 'success' == $_GET['acme_signup'] ) {
$response   = 'Subscription successful.';
} elseif ( 'exists' == $_GET['acme_signup'] ) {
$response   = 'Your email address was already subscribed.';     
} else {
$response   = 'Sorry, subscription was not successful. Please try again.';
$class      = 'error';
}
$message = '<p class="acme-alert acme-alert-' . $class . '">' . $response . '</p>'; 
}
$out .= '<div id="acme-newsletter-wrap"><p>' . $description . '</p>
<form action="' . esc_url( admin_url( 'admin-post.php' ) ) . '" method="post" id="acme-mc-subscribe-form" name="acme-mc-subscribe-form" class="contact-form">' . $message . '<div class="mc-email clear">
<input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Email address" required>
<input type="submit" value="' . $submit_text . '" name="subscribe" id="mc-embedded-subscribe" class="sbutton"></div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="pooh_hundred_acre_wood_field" tabindex="-1" value=""></div>
<input type="hidden" name="action" value="acme_newsletter_subscription">
<input type="hidden" name="redirect_to" value="' . $redirect_to . '"></form></div>';

return $out;
}
add_shortcode( 'acme_mailchimp_form', 'acme_mailchimp_form_shortcode' );

Setelah itu klik simpan. Anda bisa menempatkan form email subscriber mailchimp ini di manapun tempat yang anda inginkan, hanya tinggal memasukan shortcode berikut ini [acme_mailchimp_form].

Silahkan anda restart atau kunjungi halaman postingan anda dan lihat apakah berhasil atau tidak, jika masih belum berhasil dan mengalami masalah, silahkan datang kembali ke artikel ini dan beritahukan detail kesalahannya melalui form komentar di bawah ini.

Demikianlah artikel atau tutorial untuk membuat email subscriber mailchimp tanpa plugin di wordpress, Semoga bermanfaat dan berguna.