{"id":26233,"date":"2021-06-13T16:12:00","date_gmt":"2021-06-13T13:12:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26233"},"modified":"2021-10-17T18:18:48","modified_gmt":"2021-10-17T15:18:48","slug":"mailchimpi-integreerimine-kontaktivormi-7-pistikprogrammiga","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/mailchimpi-integreerimine-kontaktivormi-7-pistikprogrammiga\/","title":{"rendered":"MailChimpi integreerimine kontaktivormi 7 pistikprogrammiga"},"content":{"rendered":"

Kontaktivorm 7<\/a> on kahtlemata WordPressi \u00fcks populaarsemaid pistikprogramme. Selle artikli kirjutamise ajal on pistikprogrammis \u00fcle 5 miljoni aktiivse installi. Selle populaarsus seisneb lihtsuses, h\u00f5lpsas konfiguratsioonis ja paindlikkuses. Pistikprogrammi saab laiendada vastavalt nende vajadustele ilma pistikprogrammi koodi puudutamata.<\/p>\n

Hiljuti k\u00fcsis \u00fcks meie lugejatest MailChimpi integreerimise kohta kontakti vorm 7 pistikprogrammiga. Nad soovivad uudiskirja vormi jaoks kasutada pistikprogrammi Kontaktivorm 7. Sellel on e-posti v\u00e4li ja vormi eduka esitamise korral peaks sisestatud e-kiri nende MailChimpi tellijate nimekirja lisama.<\/p>\n

Kontaktivorm 7 pakub oma funktsionaalsuse laiendamiseks kohandatud DOM-i s\u00fcndmusi<\/a>. Kasutades \u00fchte nende Dom-s\u00fcndmustest, mis on \u201ewpcf7mailsent", saate integreerida MailChimpi tellimiskoodi.<\/p>\n

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

Enne kui hakkame tegelikult koodi kirjutama, peate k\u00f5igepealt haarama oma koodis n\u00f5utavad 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 oma API v\u00f5ti.<\/p>\n

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

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 vorm, kasutades kontaktivormi 7 pistikprogrammi<\/h3>\n

Kui olete oma MailChimpi mandaatidega valmis, peate j\u00e4rgmisena looma oma tellimisvormi. Minge men\u00fc\u00fcsse Kontaktivormid ja looge see. Teie kood on umbes selline nagu allpool olev ekraanipilt.<\/p>\n

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

Kuna meil on tegemist uudiskirja vormiga, paneme paika edus\u00f5numi, mis sobib teie l\u00f5ppeesm\u00e4rgiga. Minge vahekaardile \u201eS\u00f5numid” ja m\u00e4\u00e4rake see nagu allpool.<\/p>\n

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

N\u00fc\u00fcd kopeerige loodud l\u00fchikood ja asetage see kuhu soovite, ja n\u00e4ete vormi koos e-posti v\u00e4ljaga ja esitamise nupuga. Meie eesm\u00e4rk on see, et kui kasutajad sisestavad e-kirja ja vajutavad nuppu Esita, lisatakse see e-kiri teie MailChimpi tellijate nimekirja. Kirjutame sellele koodi.<\/p>\n

Lisage JavaScripti fail WordPressi<\/h3>\n

Nagu varem \u00f6eldud, kasutan kontakti vorm 7 pistikprogrammi Dom s\u00fcndmust ‘wpcf7mailsent’. See t\u00e4hendab, et peame kirjutama v\u00e4ikese t\u00fcki JavaScripti koodi. Esiteks peab see sisaldama JS-faili, n\u00e4iteks custom.js<\/code>teie WordPressi saidil. Samuti peame kasutama Ajaxi, nii et lisan JS-failile WordPressi Ajaxi URL-i ja nonce. functions.php<\/code>Lisage oma aktiivsetesse teemadesse allolev kood.<\/p>\n

<?php\n...\n...\nfunction custom_enqueue_scripts() {\n\u00a0\u00a0\u00a0\/\/ Register the script\n\u00a0\u00a0\u00a0\u00a0wp_register_script( 'custom-script', get_stylesheet_directory_uri(). '\/js\/custom.js', array(), false, true );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ Localize the script with new data\n\u00a0\u00a0\u00a0\u00a0$script_data_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( 'custom-script', 'blog', $script_data_array );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ Enqueued script with localized data.\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script( 'custom-script' );\n}\nadd_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts' );<\/code><\/pre>\n
\u00dclaltoodud kood sisaldab custom.js<\/code>saidi faili ja lisab muutujale Ajax URL, nonce v\u00f5tme.<\/p>\n
Teie custom.js<\/code>failil on j\u00e4rgmine JavaScripti kood.<\/p>\n
document.addEventListener( 'wpcf7mailsent', function( event) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if ('YOUR_CONTACT_FORM_ID' == event.detail.contactFormId) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var inputs = event.detail.inputs;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0for (var i = 0; i < inputs.length; i++) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ('your-email' == inputs[i].name) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\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\u00a0\u00a0\u00a0\u00a0'action': 'subscribe_user_by_ajax',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email': inputs[i].value,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'security': blog.security\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\u00a0jQuery.post(blog.ajaxurl, data, function(response) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(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\u00a0\u00a0\u00a0\u00a0break;\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}, false );<\/code><\/pre>\n
Asendage kohat\u00e4ide ‘YOUR_CONTACT_FORM_ID’ oma tegeliku v\u00e4\u00e4rtusega. Selle ID saate oma kontaktivormi l\u00fchinumbrilt. See on vajalik, kuna meie kood peaks toimuma ainult uudiskirja vormil, mitte teistel kontaktivormidel.<\/p>\n
\"MailChimpi<\/a><\/p>\n
String ‘sinu-e-post’ on nimi, mille olen oma meiliv\u00e4ljale andnud. See j\u00e4\u00e4b nii, nagu ta on. Kui m\u00e4rkasite, et olen seda toimingut kasutanud nimega ‘subscribe_user_by_ajax’, mida kasutatakse meie Ajaxi tagasihelistusmeetodi helistamiseks, kus kirjutan MailChimpi tellimuse jaoks koodi.<\/p>\n
MailChimpi integreerimine kontaktivormi 7 pistikprogrammiga<\/h3>\n
Siiani oleme loonud uudiskirja vormi, kirjutanud JS-koodi, mis t\u00e4idetakse vormi edukal esitamisel. J\u00e4rgmine osa on v\u00f5tta e-kiri ja saata see MailChimpile, kasutades MailChimp API-d. JS-koodis kasutasime toimingut ‘subscribe_user_by_ajax’, nii et kirjutame selle jaoks Ajaxi tagasihelistamiskoodi.<\/p>\n
Lisage allolev kood oma teema functions.php<\/code>faili.<\/p>\n
<?php\n...\n...\n\u00a0\nfunction subscribe_user_by_ajax_callback() {\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_MAILCHIMP_AUDIENCE_ID';\n\u00a0\u00a0\u00a0\u00a0$api_key = 'YOUR_MAILCHIMP_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}\nadd_action('wp_ajax_subscribe_user_by_ajax', 'subscribe_user_by_ajax_callback');\nadd_action('wp_ajax_nopriv_subscribe_user_by_ajax', 'subscribe_user_by_ajax_callback');<\/code><\/pre>\n
Asendage kohat\u00e4ited ‘YOUR_MAILCHIMP_AUDIENCE_ID’ ja ‘YOUR_MAILCHIMP_API_KEY’ oma tegelike MailChimpi mandaatidega. \u00dclaltoodud kood v\u00f5tab meili ja saadab selle MailChimpi tellimuse API l\u00f5pp-punkti. Samuti m\u00e4\u00e4rasin olekuks \u201etellitud”, mis t\u00e4hendab, et meil tellitakse otse teie loendisse. Kui soovite kasutajale tellimuse kinnitamiseks saata kinnitusmeili, m\u00e4\u00e4rake olekuks ootel.<\/p>\n
K\u00f5ik on seotud MailChimpi integreerimisega kontakti vormi 7 pistikprogrammiga. Loodan, et \u00f5petus meeldis teile. Tahaksin kuulda teie m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n