Cómo crear un boletín diario y semanal en WordPress

Cómo crear un boletín diario y semanal en WordPress


A menudo nuestros usuarios nos preguntan cómo crear un boletín diario y semanal en WordPress. Utilizamos esta opción en nuestro formulario de registro de correo electrónico que permite a los usuarios elegir entre un boletín diario o semanal. En este artículo, le mostraremos cómo crear un boletín diario y semanal en WordPress.

Cómo crear un boletín diario y semanal en WordPress

¿Por qué agregar la opción de un boletín diario o semanal por correo electrónico?

Todos los expertos en marketing coinciden en que el email marketing es crucial para cualquier blog o sitio web. Es rentable y muy atractivo. Consulte nuestra guía sobre por qué debería comience a crear su lista de correo electrónico de inmediato .

Sin embargo, no todos los usuarios desean recibir actualizaciones diarias por correo electrónico. Algunos de ellos pueden preferir recibir un correo electrónico una vez a la semana.

En lugar de perder suscriptores cuando reciben correos electrónicos inesperados, es mejor ofrecerles una opción de resumen semanal. Esto permite a los usuarios controlar la frecuencia con la que desean recibir noticias suyas y aumenta la probabilidad de que se suscriban.

Esto es lo que vamos a construir:

List25 Optin

Nota: Para este tutorial debe registrarse con un servicio de marketing por correo electrónico . Estamos usando MailChimp para este tutorial, sin embargo el concepto básico es el mismo para todos los servicios de correo electrónico.

Inicie sesión en su cuenta y haga clic en el elemento de navegación Listas. Verá una lista de sus listas. Haga clic en la opción Grupos » Ver Grupos.

MailChimp View Groups

Como aún no tiene ningún grupo, verá una pantalla como ésta. Puede hacer clic para ver el vídeo y obtener más información al respecto. Para seguir este tutorial, debes hacer clic en el botón Crear grupos.

MailChimp Create Groups Preview

Una vez que haga clic en ese botón, verá una pantalla como esta.

MailChimp Create Groups

Usted tiene la opción de mostrar las opciones de grupo en el formulario de registro. Puede elegir las opciones para que sean casillas de verificación como nuestro sitio, botones de radio, desplegables, o no mostrarlos en absoluto. En nuestro caso, las casillas de verificación son la opción ideal. Elija el título del grupo y luego agregue las opciones que desee. Dado que sólo hacemos boletines diarios y semanales, sólo añadiremos estos dos. Siéntase libre de hacerlo con la misma marca que lo hicimos en nuestro sitio, WPB Daily. Guarde los grupos y habrá terminado con esta parte.

Ahora vayamos a la parte de los formularios de nuestra lista. Volver a la página Listas. Haga clic en el enlace Formularios.

MailChimp Forms Link

Verá una página que muestra el aspecto de su formulario de registro. Hay un constructor que puede utilizar para personalizar las imágenes de cabecera y demás. Hemos personalizado nuestro formulario para que se vea así.

MailChimp List25 Form

La única razón por la que estamos comprobando esto es para ver que las casillas de verificación están ahí. Una vez hecho esto, desplácese a la parte superior de la página y haga clic en la pestaña «For your Website» (Para su sitio web) y obtenga el código de incrustación del formulario de registro.

MailChimp Signup form Embed Code Link

Verá la opción de crear código de incrustación de formularios. Hay múltiples opciones allí, pero seleccionaremos la opción Forma Desnuda. Esto nos permite personalizar fácilmente las cosas como queramos.

MailChimp Naked Form Options

Lo más probable es que no desee que los encabezados y las indicaciones de campo obligatorias aparezcan en su formulario. Por lo tanto, haga clic en el cuadro de opciones y haga coincidir la configuración con la de nuestra captura de pantalla anterior. A continuación, haga clic en Crear código de incrustación. El código de incrustación se mostrará en la misma página justo debajo del botón.

MailChimp Form Embed Code

Copie y pegue ese código en el tema. La ubicación puede ser donde quiera que se muestre el formulario de consentimiento previo. En nuestro caso está en la barra lateral, así que pegaremos el código en el archivo sidebar.php. Una vez que pegues el código, nuestro objetivo es eliminar todos los divs de estilo. Mantengamos sólo los campos básicos del formulario. El resultado debería ser algo así:

12345678910101112131415;input type=»email» value=»» name=»EMAIL» email»>label for=»mce-group[9]-9-0″>List25 Daily ;input type=»checkbox» checked=»checked» value=»2″ name=»group[9][2]»>label for=»mce-group[9]-9-1″>List25 Weekly

Note que hemos movido el botón de enviar justo después del campo de correo electrónico. También nos hemos deshecho de la etiqueta para el campo de correo electrónico, por lo que sólo se muestra como un campo en blanco sin texto de valor predeterminado. También nos deshicimos de los campos de error principalmente porque una nueva pestaña de explicación del éxito funciona mucho mejor. Dado que nuestros usuarios no tienen ni idea de qué poner en nuestro campo de entrada en blanco, que es para el correo electrónico, tenemos que hacérselo saber. La mejor manera de hacerlo es usando valores de onblur y onfocus.

Vamos a seguir adelante y reemplazar el campo de entrada de correo electrónico para que sea algo así:

1

Lo que el código hará es añadir el texto llamado «Introduce tu email…» en el campo de entrada del email. Sin embargo, cuando el usuario hace clic en el campo para ingresar su correo electrónico, éste desaparecerá automáticamente.

Ahora que nos hemos encargado de eso, agreguemos algunas clases adicionales a nuestro formulario:

1234567891011121314141516171818202122232425/div>>>>input type=»checkbox» checked=»checked» value=»1″ name=»group[9][1]»>label for=»mce-group[9]-9-0″>List25 Dailylabel for=»mce-group[9]-9-1″>List25 Weekly/div>/form>

Observe que hemos añadido inmersiones adicionales. También hemos añadido una clase adicional al segundo campo de entrada de la casilla de verificación y al botón Enviar. Ahora que hemos definido nuestros elementos html, vamos a añadir el estilo en el archivo css (style.css).

123456789.subscribe { width: 296px; height: 38px; border: solid #bbbbbbbb 1px; margin: 0 0 60px 0;}.subscribecheckboxes {margin: 20px 0 0 0 0; font-family: `ProximaNovaRegular’, sans-serif; font-size: 14px; color: #62626262;}.secondcheckbox {margin: 0 0 0 28px;}.emailupdatesinput { width: 162px; height: 38px; border: none; font-family: Georgia, serif; tamaño de fuente: 14px; estilo de fuente: cursiva; color: #94949494; acolchado: 0 10px 0 10px; float: left;}.subscribesubmitbutton { background: #ff370f; altura: 40px; borde: ninguno; anchura: 115px; margen: -1px -60px 0 0; flotación: izquierda; familia de fuentes: `ProximaNovaRegular’, sans-serif; tamaño de fuente: 12px; color: #ffffffff; text-transform: mayúsculas; relleno: 0 1px 0 0 0; cursor: pointer;}

Note que la única razón por la que tenemos ProximaNovaRegular es porque estamos usando esa fuente usando font-face. Tendría que reemplazarlo con la fuente que está usando en el tema.

Una vez que subas el CSS, tu resultado final se verá así:

List25 Optin

Ahora que has terminado con la parte de estilismo, tienes que crear campañas en tu dashboard de MailChimp o Aweber para cada grupo específico. Usaremos campañas de RSS a Email (RSS Driven Campaigns). Haga clic en el elemento del menú Campañas y pase el ratón por encima del botón de la campaña. Verá la opción de Campaña Dirigida por RSS.

MailChimp RSS Driven Campaign

Los pasos siguientes son bastante intuitivos. Entrarás en tu RSS Feed

Articulo sugeridos
Cómo Importar / Exportar sus Bloques de WordPress Gutenberg (2 Pasos)

¿Sabías que el nuevo editor de bloques de WordPress, también conocido como Gutenberg, te permite guardar tus bloques de contenido Read more

Los 10 Hacks y Plugins más buscados de Twitter para WordPress

¿Buscas aprovechar todo el poder de Twitter para atraer tráfico a tu sitio de WordPress? Cuando se utiliza de manera Read more

Cómo habilitar oEmbed en WordPress Widgets de texto

Recientemente, uno de nuestros usuarios nos preguntó cómo habilitar oEmbed en los widgets de texto de WordPress. oEmbed es un Read more

Cómo probar un sitio de WordPress en diferentes navegadores (Cross Browser Testing Made Easy)

¿Quieres probar tu sitio WordPress en diferentes navegadores? Las pruebas cruzadas de navegadores son extremadamente importantes cuando se cambian los Read more

Cómo desbloquear intentos de inicio de sesión de límite en WordPress

A menudo WordPress hosting las compañías recomiendan que instale un plugin llamado Limit Login Attempts . Nos encanta, usamos y Read more

Cómo añadir el foro de bbPress a los mensajes de WordPress como comentarios

A medida que crecieron los comentarios sobre WPBeginner, probamos diferentes soluciones, como Livefyre para mejorar las discusiones en nuestro sitio. Read more

Leave a Comment

Your email address will not be published. Required fields are marked *