{"id":26239,"date":"2021-06-13T09:32:00","date_gmt":"2021-06-13T06:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26239"},"modified":"2021-10-17T18:19:05","modified_gmt":"2021-10-17T15:19:05","slug":"mailchimpi-integreerimine-wordpressis-ilma-pistikprogrammi-kasutamata","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/mailchimpi-integreerimine-wordpressis-ilma-pistikprogrammi-kasutamata\/","title":{"rendered":"MailChimpi integreerimine WordPressis ilma pistikprogrammi kasutamata"},"content":{"rendered":"

Mis puutub WordPressi, siis saate peaaegu igasuguse pistikprogrammi, mis t\u00f6\u00f6tab teie ootuste kohaselt. Pluginate kasutamine WordPressi veebisaidil pole muidugi probleem, kuni te ei koorma oma veebisaiti hunniku pistikprogrammidega. Kui teie WordPressi veebisaidil on palju pistikprogramme, m\u00f5jutab see kindlasti teie serverit, veebisaiti ja p\u00f5hjustab pistikprogrammide vahel konflikte. See v\u00f5ib ka teie veebisaiti aeglustada.<\/p>\n

Artisans Webis soovitan kasutajatel alati kasutada v\u00f5imalikult palju pistikprogramme. Kui saate oma koodi kirjutades oma koodi kirjutada, minge selle juurde. See on alati plugina kasutamise asemel hea tava. Oma koodi kirjutades saab teist parem WordPressi arendaja. L\u00f5ppude l\u00f5puks on WordPressi arenduse eksperdiks saamine v\u00f5tmet\u00e4htsusega.<\/p>\n

Selles artiklis uurime, kuidas WordPressis MailChimpi integreerida ilma \u00fchtegi pistikprogrammi kasutamata. Loome oma uudiskirja vormi, esitame vormi WordPress Ajaxi kaudu, tellime kasutaja oma MailChimpi vaatajaskondade loendisse.<\/p>\n

Hankige MailChimpi API v\u00f5ti ja vaatajaskonna ID<\/h3>\n

WordPressis MailChimpi integreerimise alustamiseks peate esmalt hankima MailChimp API v\u00f5tme ja vaatajaskonna ID. Haarake need \u00fcksikasjad, j\u00e4rgides alltoodud samme.<\/p>\n

Logige sisse<\/a> oma MailChimpi kontole. Valige kasutaja ikoonilt konto.<\/p>\n

\"MailChimpi<\/a><\/p>\n

J\u00e4rgmisel lehel kl\u00f5psake nuppu Extra-> API v\u00f5tmed<\/strong>.<\/p>\n

\"MailChimpi<\/a><\/p>\n

Kl\u00f5psake jaotises Teie API v\u00f5tmed nuppu Loo v\u00f5ti ja kopeerige hetkeks vajalik API-v\u00f5ti.<\/p>\n

\"MailChimpi<\/a><\/p>\n

N\u00fc\u00fcd on teie API-v\u00f5ti valmis. J\u00e4rgmisena hankige vaatajaskonna ID, millele peate oma tellijad lisama. Selleks kl\u00f5psake men\u00fc\u00fcl Vaatajaskond ja valige seej\u00e4rel rippmen\u00fc\u00fcst Sihtr\u00fchma haldamine suvand Seaded.<\/p>\n

\"MailChimpi<\/a><\/p>\n

Kl\u00f5psake jaotises Seaded vaatajaskonna nime ja vaikev\u00e4\u00e4rtusi.<\/p>\n

\"MailChimpi<\/a><\/p>\n

J\u00e4rgmisel lehel leiate oma vaatajaskonna ID.<\/p>\n

\"MailChimpi<\/a><\/p>\n

Looge WordPressi l\u00fchikood<\/h3>\n

Meie l\u00f5ppeesm\u00e4rk on luua toimiv uudiskirjavorm, et teie k\u00fclastajad saaksid teie MailChimpi vaatajaskonnaks. Selleks peate k\u00f5igepealt looma staatilise vormi, millel on 2 v\u00e4lja – meiliaadress ja esitamisnupp. Loome selle vormi renderdava l\u00fchikoodi ja saate selle uudiskirja vormi paigutada l\u00fchikoodi abil oma veebisaidile \u00fcksk\u00f5ik kuhu.<\/p>\n

Avage oma aktiivsete teemade functions.php<\/code>fail ja lisage selles allpool kood.<\/p>\n

add_shortcode('mailchimp', 'mailchimp_form');\nfunction mailchimp_form() {\n\u00a0\u00a0\u00a0\u00a0ob_start();\n\u00a0\u00a0\u00a0\u00a0?>\n\u00a0\u00a0\u00a0\u00a0<form class=\"form-inline\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"form-group mb-2\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"email\" class=\"sr-only\"><?php _e('Email'); ?><\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"email\" class=\"form-control-plaintext\" id=\"email\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<button type=\"button\" class=\"btn btn-primary mb-2 subscribe\"><?php _e('Subscribe'); ?><\/button>\n\u00a0\u00a0\u00a0\u00a0<\/form>\n\u00a0\u00a0\u00a0\u00a0<?php\n\u00a0\u00a0\u00a0\u00a0return ob_get_clean();\n}<\/code><\/pre>\n
P\u00e4rast \u00fclaltoodud koodi lisamist saate n\u00fc\u00fcd kasutada l\u00fchikoodi [mailchimp]<\/code>. Asetage see kuhu soovite ja peaksite n\u00e4gema tellimisvormi. Muidugi peate v\u00f5ib-olla oma vormi lisama vormile vastavalt oma veebisaidi kujundusele.<\/p>\n
Oma vormile oleme lisanud e-posti v\u00e4ljale id ‘email’ ja nupule ‘esita’ klassi ‘telli’. See ID ja klass on kasutusel, kui esitame vormi Ajaxi kaudu.<\/p>\n
Lisage JavaScripti fail WordPressi<\/h3>\n
Kuna kavatseme kasutada WordPress Ajaxi, peame kirjutama JavaScripti koodi. Seega peame WordPressi keskkonda lisama JS-faili. WordPress pakub standardset viisi JS-faili kaasamiseks, mida peaksime j\u00e4rgima. Looge js\/awscript.js<\/code>oma teemakataloogis fail. Meie JS-faili edastame oma muutuja "security", mis toimib nagu nonce.<\/p>\n
Koodi all on ka functions.php<\/code>faili sees .<\/p>\n
add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );\nfunction twentynineteen_scripts() {\n\u00a0\u00a0\u00a0\u00a0\/\/ Register the script\n\u00a0\u00a0\u00a0\u00a0wp_register_script( 'awscript', get_stylesheet_directory_uri(). '\/js\/awscript.js', array('jquery') );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ Localize the script with new data\n\u00a0\u00a0\u00a0\u00a0$script_array = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'ajaxurl' => admin_url('admin-ajax.php'),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'security' => wp_create_nonce(\"subscribe_user\"),\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0wp_localize_script( 'awscript', 'aw', $script_array );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ Enqueued script with localized data.\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script( 'awscript' );\n}<\/code><\/pre>\n
N\u00fc\u00fcd minge js\/awscript.js<\/code>ja kirjutage kood, mis v\u00f5tab kasutaja sisestatud e-posti, edastab selle Ajaxile ja n\u00e4itab kasutajale vastust.<\/p>\n
jQuery(function($){\n\u00a0\u00a0\u00a0\u00a0$('body').on('click', '.subscribe', function(e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0e.preventDefault();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0email = $('#email').val();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if(isEmail(email)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var data = {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'action': 'subscribe_user',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email': email,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'security': aw.security\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$.post(aw.ajaxurl, data, function(response) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (response == 200) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert('You have subscribed successfully.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(response);\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});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert('This is not a valid email');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0});\n});\n\u00a0\nfunction isEmail(email) {\n\u00a0\u00a0\u00a0\u00a0var regex = \/^([a-zA-Z0-9_.+-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$\/;\n\u00a0\u00a0\u00a0\u00a0return regex.test(email);\n}<\/code><\/pre>\n
Lisaks Ajaxi vastuse t\u00f6\u00f6tlemisele lisasin \u00fclaltoodud koodi juurde ka funktsiooni, isEmail()<\/code>mis kontrollib, kas edastatud meil on kehtiv v\u00f5i mitte.<\/p>\n
Lisage abonent MailChimpi vaatajaskonda<\/h3>\n
Siiani oleme oma uudiskirja vormi ja Ajaxi k\u00f5ne teinud. N\u00fc\u00fcd kirjutage kood, mis tegelikult saadab meilis\u00f5numi MailChimp API-le ja lisab abonendi MailChimp Audience ID-le.<\/p>\n
Kuna peame API-k\u00f5ne tegema, kasutame p\u00e4ringute<\/a> saatmiseks ja vastuste t\u00f6\u00f6tlemiseks meetodit wp_remote_post<\/a>.<\/p>\n
Peaksite functions.php<\/code>faili lisama alloleva koodi .<\/p>\n
add_action('wp_ajax_subscribe_user', 'subscribe_user_to_mailchimp');\nadd_action('wp_ajax_nopriv_subscribe_user', 'subscribe_user_to_mailchimp');\n\u00a0\nfunction subscribe_user_to_mailchimp() {\n\u00a0\u00a0\u00a0\u00a0check_ajax_referer('subscribe_user', 'security');\n\u00a0\u00a0\u00a0\u00a0$email = $_POST['email'];\n\u00a0\u00a0\u00a0\u00a0$audience_id = 'YOUR_AUDIENCE_ID';\n\u00a0\u00a0\u00a0\u00a0$api_key = 'YOUR_API_KEY';\n\u00a0\u00a0\u00a0\u00a0$data_center = substr($api_key,strpos($api_key,'-')+1);\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/'. $data_center .'.api.mailchimp.com\/3.0\/lists\/'. $audience_id .'\/members';\n\u00a0\u00a0\u00a0\u00a0$auth = base64_encode( 'user:'. $api_key );\n\u00a0\u00a0\u00a0\u00a0$arr_data = json_encode(array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email_address' => $email,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'subscribed' \/\/pass 'subscribed' or 'pending'\n\u00a0\u00a0\u00a0\u00a0));\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = wp_remote_post( $url, array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'method' => 'POST',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' => array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Content-Type' => 'application\/json',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Authorization' => \"Basic $auth\"\n\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'body' => $arr_data,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0)\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (is_wp_error( $response)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$error_message = $response->get_error_message();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Something went wrong: $error_message\";\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$status_code = wp_remote_retrieve_response_code( $response );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0switch ($status_code) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case '200':\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $status_code;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0break;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0case '400':\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$api_response = json_decode( wp_remote_retrieve_body( $response ), true );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $api_response['title'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0break;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0default:\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Something went wrong. Please try again.';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0break;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0wp_die();\n}<\/code><\/pre>\n
\u00dclaltoodud koodi lisamise ajal asendage kohat\u00e4ited YOUR_AUDIENCE_ID ja YOUR_API_KEY tegelike v\u00e4\u00e4rtustega. \u00dclaltoodud kood kutsub MailChimp API-d ja lisab e-posti otse vaatajaskondade loendisse. Kui kavatsete enne tema e-posti aadressi lisamist kasutajale kinnituskirja saata, m\u00e4\u00e4rake olekuv\u00e4\u00e4rtuseks ootel.<\/p>\n
Mailchimp pakub ka v\u00e4ljad Vaatajaskond. Nende v\u00e4ljade abil saate salvestada lisateavet kasutajate kohta otse MailChimpi armatuurlauale. Igaks juhuks, kui soovite lisada vaatajaskonna v\u00e4lju, saate seda teha, lisades \u00fclaltoodud POST-i p\u00e4ringule veel \u00fche massiivi elemendi. Lisan siin v\u00e4\u00e4rtused vaatajaskonna v\u00e4ljadele FNAME ja LNAME.<\/p>\n
<?php\n...\n...\n$arr_data = json_encode(array(\n\u00a0\u00a0\u00a0\u00a0'email_address' => $email,\n\u00a0\u00a0\u00a0\u00a0'status' => 'subscribed', \/\/pass 'subscribed' or 'pending'\n\u00a0\u00a0\u00a0\u00a0'merge_fields'\u00a0 => array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'FNAME' => 'ENTER_FIRST_NAME',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'LNAME' => 'ENTER_LAST_NAME'\n\u00a0\u00a0\u00a0\u00a0)\n));<\/code><\/pre>\n
See k\u00f5ik puudutab MailChimpi integreerimist WordPressi ilma pistikprogrammideta. Soovitan seda teha, kuna see annab teile vabaduse vormi kujundada ja aitab teil ka WordPressi kodeerimise kohta natuke \u00f5ppida. Palun jagage oma m\u00f5tteid v\u00f5i ettepanekuid allpool kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n