Jetpack je odlično rješenje za izradu popisa pretplatnika, a Intercom je rješenje koje će vam omogućiti upravljanje pretplatnicima i ostati u kontakt sa njima.
U ovom tutorialu pokazat ćemo vam kako povećati svoju pretplatničku listu s Jetpackom i Intercomom.
Neki ljudi su me došli pitati je li moguće dopustiti korisnicima da se pretplaćuju i primaju sve svoje članke putem e-maila i pohranjuju svoje adrese e-pošte u Intercom. Odmah sam pozitivno reagirao, posebno što se tiče API-ja (Sučelje za programiranje aplikacija) jednostavan je za upotrebu.
Pa sam razmislio o korištenju dodatka za pretplatu, koji će putem API-ja slati adrese e-pošte Intercomu. I upravo to ću učiniti.
Jetpack smo već instalirali, tako da sve što trebate je aktivirati modul " Pretplate ...Međutim, nije tako jednostavno, što ako želite prikazati obrazac na prilagođenoj lokaciji (prilagođena stranica, na primjer)? Također ćemo vam pokazati kako prilagoditi gdje obrazac.
Prvi koraci
Počet ćemo s a obrazac Osnovni, temeljni :
Nikad ne propustite naše postove. Ažuriranja dobivajte u svoj poštanski sandučić čim su objavljena.
Za sve koji bi mogli biti zainteresirani, ovdje sam dodao obrazac pomoću akcije " genesis_after_entry Tema postanka, ali ako ne upotrebljavate Genesis, možete koristiti filtar " the_content I povezali svoj sadržaj s onim u članku.
U našem primjeru prikazat ćemo obrazac nakon 3-ae članak. Ako koristite filter, koristite funkcije " ob_start "I" ob_get_clean Inicijalizirajte međuspremnik i koristite njegov sadržaj.
globalno $ pošta, $ wp_query; if (is_home() && $ wp_query->postovi[3]->ID == $ pošta->ID) { uključiti(get_stylesheet_directory()."/includes/templates/snippets/blog-archive-signup.php"); }
Evo CSS koda za oblikovanje obrasca.
# Blog-arhiva-registracija { širina:100% ! važna; jasno:oboje; } # Blog-arhiva-registracija { @ ukljuÄŤivanje toÄŤke intervala ($ tablet) { pozadina:url ( "slike / niske bg.png") ne ponovite 0 0; visina:200px; } } # blog-arhiva-prijava fieldset { granica:0; širina:100%; padding-left:50px; } # blog-arhiva-prijava fieldset { @ ukljuÄŤivanje toÄŤke intervala (maks. širina tableta) { padding-left:0px } } # blog-arhiva-prijava legenda { padding-top:20px; } # blog-arhiva-prijava # polja-kontejner { širina:100% } # blog-arhiva-prijava ulaz [ime * = 'e-pošta'] { pozadina:url ( "slike / niske field.png") ne ponovite 0 0; punjenje:0; marža:0; visina:44px; granica:0; širina:560px; line-height:22px; plutati:lijevo; } # blog-arhiva-prijava ulaz [ime * = 'e-pošta'] { @ ukljuÄŤivanje toÄŤke intervala (maks. širina tableta) { punjenje:0; marža:0; granica:0; širina:50%; plutati:lijevo; } } # blog-arhiva-prijava za prijavu [type = 'submit'] { pozadina:url ( "slike / niske button.png") ne ponovite 0 0; punjenje:0; marža:0; visina:44px; granica:0; širina:180px; u boji : #fff; tekst poravnati:centar }
Kako dodati pretplatnike
Sada ćemo registrirati korisnike na Jetpacku pomoću " jQuery.ajax ".
$("# Blog-arhiva-upiši").podnijeti(funkcija(e) { e.preventDefault(); $("LoadingMessage #, # failMessage").sakriti().ukloniti(); je __button = $('blog-arhiva-prijava ulaz [type = "submit"]').dobiti(0); $('blog-arhiva-prijava ulaz [type = "submit"]').nakon(codeable_spinner); je __DATA = $(to).emitovati u nastavcima() + '& sigurno =' + codeableVars.sigurnosti + '& action = blog_archive_signup'; $.pošta(codeableVars.ajaxurl,__DATA,funkcija(odgovor) { konzola.klada(odgovor); if (odgovor.uspjeh) { $("#codeable_spinner").replaceWith(„Uspjeh!”).odgoditi(5000).fadeOut('Slow').ukloniti(); } drugo { $("#codeable_spinner").replaceWith(""+odgovor.poruka+"").odgoditi(5000).fadeOut('Slow').ukloniti(); } }) })
Sada moramo spremiti korisnika u Jetpack i Intercom. Kopao sam po Jetpackovom kodu da saznam kako dodaje pretplatnike i pronašao klasu "Jetpack_Subscriptions" i statičku metodu koja uzima e-poštu kao parametar. A za Intercom će biti dovoljan jednostavan CURL zahtjev.
ADD_ACTION('Wp_ajax_landing_page_signup', 'Blog_archive_signup')); ADD_ACTION('Wp_ajax_nopriv_landing_page_signup', 'Blog_archive_signup'); funkcija blog_archive_signup() { $ podataka = poredak( „E” => $ _ POST['Blog_archive_partition_email'], 'Custom_attributes' => poredak('Subscribed_via' => 'Blog_archive_partition') ); $ poziv = wswp_make_api_call($ podataka); $ odgovor = poredak(„Uspjeh”=>istinski,„Poruka” => "Bpa_signup"); $ pretplatiti = Jetpack_Subscriptions::pretplatiti($ _REQUEST[$ prefiks.'_email']); delete_transient('Wpcom_subscribers_total'); stats_update_blog(); // osvježiti pretplatnike računati u wp-admin wp_send_json($ odgovor); izlaz(); } funkcija wswp_make_api_call($ podataka) { $ rotor = curl_init(); curl_setopt_array($ rotor, poredak( CURLOPT_HTTPHEADER => poredak('Vrsta sadržaja: application / json', 'Prihvati: application / json'), CURLOPT_RETURNTRANSFER => 1, CURLOPT_URL => 'Https://api.intercom.io/users', CURLOPT_POST => 1, CURLOPT_USERPWD => INTERCOM_APP_ID . „” . INTERCOM_API_KEY, CURLOPT_POSTFIELDS => json_encode($ podataka), CURLOPT_HEADER => lažan, )); // Napominjemo da ćete morati postaviti odgovarajuće vrijednosti za ID aplikacije i tipke api povratak $ = json_decode(curl_exec($ rotor), istinski); curl_close($ rotor); povratak povratak $; }
To je sve. Sad kad netko ispuni taj obrazac, odmah dobiva e-poruku s potvrdom na Jetpacku u kojoj se kaže da se pretplatio i dobit će e-poštu s vašim člancima čim budu objavljeni.
Iza kulisa, registrirani su u Intercomu s oznakom “Pretplaćeni_putem => particija arhive bloga”. Sljedeći put ću vam reći kako također možete poslati svoje pretplatnike dodatka Thrive Leads na Intercom s données dodatne informacije koje će vam omogućiti da ih sve razlikujete.
Ako ne savladate korisnost " codeableVars.security Morate znati da sadrži " nuncij „WordPress. To bi se normalno dogodilo s funkcijom php " wp_nonce_field () U obliku, ali skripti koja sadrži samo JavaScript, nonce polje je već dostupno u funkciji JS " wp_localize_script () ".
To je otprilike sve što treba učiniti za ovaj udžbenik. Slobodno nam postavite pitanja ili podijelite udžbenik s prijateljima na omiljenim društvenim mrežama.