homefinance blog
Jetpack es una excelente manera de ejecutar sus suscripciones de WordPress, y el intercomunicador es una forma realmente maravillosa de administrar a sus suscriptores y mantenerse en contacto con el público.Así es como puede crear suscripciones en el blog de JetPack y almacenar esas direcciones de correo electrónico en el intercomunicador.El equipo de marketing vino a mí y me preguntó si puedo permitir que nuestros usuarios se suscriban y reciban todas nuestras publicaciones de blog por correo electrónico y almacenen sus direcciones de correo electrónico en el intercomunicador.Pensé de inmediato que es un tormento agregar a los usuarios al intercomunicador, porque su API es muy fácil de usar, pero, por supuesto, el intercomunicador no podrá enviar las publicaciones de blog como lo son ahora, ¿verdad?
Inmediatamente, estoy pensando en utilizar un complemento de suscripción, conectar y enviar las direcciones de correo electrónico al intercomunicador a través de la API. Y eso es exactamente lo que hice. Ya había instalado Jetpack, así que simplemente activé el módulo de suscripción … ¡espera! Me hubiera gustado ser tan simple: el equipo de marketing quería el formulario en una ubicación personalizada (en el medio de la página del archivo del blog), por lo que debería agregar suscriptores programáticos. Ahora sería divertido. La construcción comienza … la forma, así que primero creé el formulario HTML: <! Obtenga actualizaciones en su buzón tan pronto como haya publicado.
publica [3]-> id == $ post-> id) {include (get_stylesheet_directory (). “/includes/templates/snippets/blog-archive-signup.php”); } La forma es elegante de la siguiente manera: #Blog-Archive-Signup {Width: 100%! Importante; Limpia los dos; } #Blog-Archive-Signup {@include Breakpoint ($ tableta) {fondo: url (“imágenes/bas-bg.png”) No-repeat 0 0; Altura: 200px; }} #Blog-Archive-Signup Fieldset {Border: 0; Ancho: 100%; ROLDE-LEFUNTO: 50px; } #Blog-Archive-Signup Fieldset {@include Breakpoint (max-width $ tableta) {padding-left: 0px}} #blog-archive-signup Legend {padding-top: 20px; } #Blog-Archive-SIGNUP #Fields-Container {Width: 100%} #Blog-Archive-SIGNUP INPUT [name*= ‘Correo electrónico’] {fondo: Url (“Images/Bas-Field.png”) No Repeat 0 0; Relleno: 0; margen: 0; Altura: 44px; Borde: 0; Ancho: 560px; Línea de altura: 22px; Flotador izquierdo; } #Blog-Archive-SignUp input [name*= ’email’] {@include breakpoint (max-width $ tableta) {padding: 0; margen: 0; Borde: 0; Ancho: 50%; Flotador izquierdo; }} #Blog-Archive-SignUp input [type = ‘Subt’] {Background: Url (“Images/BAS-Button.png”) No-Repeat 0 0; Relleno: 0; margen: 0; Altura: 44px; Borde: 0; Ancho: 180px; Color: #fff; Text-Align: Center} Agregar suscriptores ahora, los usuarios que completan ese formulario no recibirán demasiado, ni siquiera tendrán esa sensación poco clara que tiene cuando reciben un correo electrónico de confirmación que le piden y activan la suscripción (SIC). Entonces, lo que sigue. , tome el envío y agregue ese usuario como suscriptor de jetpack. Decidí hacer esto usando JQuey y WP_AJAX – First JQuey.
$ (” #Blog-Archive-SignUp”). Subt (function (s) {E.PreventDefault (); #Blog-Archive-Signup Input [type = “Subt”] ‘). Get (0); $ (‘ ‘ $ (this) .Serialize () + ‘& Secure =’ + CodableVars.security + ‘& Action = Blog_archive_signup’; $ .post (CodableVars.AJAXURL, __ Data, function (Respuesta) {Console.log (respuestas); si (respuesta. éxito) {$ (“#codable_spinner”). reemplazar con (“éxito!”) .delay (5000) .fadeOut (‘lento’). remove ();} else {$ (“#codable_spinner”). reemplazar con (“” ” +respuesta.message +”
“) .delay (5000) .fadeOut (‘lento’). remove ();})}) Ahora tenemos que guardar al usuario en JetPack e Intercom. Así que cavamos en el código de JetPack para averiguar cómo agregar suscriptores y I found the Jetpack_Subscriptions class and, more importantly, the static subscription method that took the email as a parameter. And for the intercom, a simple curl request is okay, see the code in WSWP_Make_api_Call. Here: add_action (‘wp_ajax_landing_page_signup’, ‘, ‘Blog_archive_signup’)); add_action (‘WP_AJAX_NOPRIV_LANDING_PAGE_SIGNUP’, ‘Blog_archive_signup’); function Blog_archive_signup () {$ data = array (‘correaje => $ _post [‘ Blog_rchive> ‘Blog_archive_partition’)); $ Call = WSWP_Make_MAKE_MAKE_CALL ); $ Respuesta = array (“éxito” => true, “mensaje” => “bpa_signup”); prefijo .’_ correo electrónico ‘]); delete_transient (‘ wpcom_subscrites_total ‘); stats_update_blog (); // actualizar suscriptores en wp-admin wp_send_json ($ respuesta); salida (); } Function wswp_make_pi_call ($ date) {$ curl = curl_init (); Curl_setop_array ($ curl, array (curlop_htttphen => array (‘content-type: application/json’, ‘I Acepto: Application/Json’), curlopt_returntransfer => 1, curlopt_url => ‘https://pi.intom.io / Users ‘, curlopt_post => 1, curlopt_userpwd => intercom_app_id. “:”.
// Notas Deberá establecer la clave constante para la aplicación I y la clave API a los valores correctos $ return = json_decode (curl_exec ($ curl), true);curl_close ($ curl);devolver $ return;} Y aquí está.Ahora, cuando alguien completa ese formulario, recibe inmediatamente un correo electrónico de confirmación de Jetpack, quien dice que se ha suscrito y recibe el correo electrónico que contiene las publicaciones tan pronto como se publican.> Blog Archive Partición.La próxima vez le diré cómo puede enviarse suscriptores desde el complemento Thrive Leads al intercomunicador con algunos datos adicionales que harán una segmentación extraordinaria.PD: Si alguien de ustedes se pregunta sobre CodableVars.security – tiene una no palabras.Normalmente, esto habría sido de forma wp_nonce_field (), pero el script que contiene que JavaScript ya está ubicado usando wp_localise_crizt () y Nonce se almacena en él.
