En esta entrada os voy a contar otro pequeño truco para mejorar vuestros boletines, cómo incluir las imágenes destacadas en el Newsletter de Mailchimp.
De esta forma, se da mayor uso a las imágenes, y se consigue un boletín mucho más aparente.
Contenidos
También podrían interesarte…
- Si no sabes qué son las imágenes destacadas o cómo asignarlas, lee esta entrada.
- Cómo preparar tus imágenes destacadas para Facebook.
- Cómo empezar con MailChimp: Crea tu lista y formularios para WordPress.
Cómo añadir la imagen destacada al Feed Rss de tu Blog
Para ello hay que hacer dos cosas:
- 1) Modificar tu feed RSS para que incluya la imagen destacada. Esto es, el código que se genera para que los distintos lectores de noticias puedan leer la información de tus entradas. En este caso, Mailchimp.
Si no tienes la funcionalidad de imagen destacada en tu blog, o no las estás asignando, deberías hacerlo. Puedes leer en esta entrada cómo se hace.
- 2) Incluir el elemento de código de la imagen destacada en tu plantilla de correo de Mailchimp.
1) Añadir las imágenes destacadas en el Feed RSS
Esto lo puedes realizar de varias formas.
a) Con Plugins
Puedes utilizar un Plugin de WordPress para que se encargue de incluir las imágenes en tu Feed Rss.
Por ejemplo, puedes utilizar el Plugin SB-RSS_feed-plus. Sólo con ir a ajustes y marcar la opción ‘Add «media:content» tag’ ya tendrás las imágenes en tu feed.
Adicionalmente, este plugin te permite tener otras características, como por ejemplo disponer de un feed completo oculto. Esto puede ser útil si de normal quieres mostrar sólo los extractos, pero necesitas el completo para algo.
b) Añadir la imagen destacada al Feed RSS sin Plugins
Si te manejas o te atreves a meter funciones, sólo tendrás que añadir el siguiente código a tu fichero functions.php al final, antes del cierre «?>»
add_action( ‘rss_item’, ‘custom_feed_meta’, 5, 1 );
add_action( ‘rss2_item’, ‘custom_feed_meta’, 5, 1 );function custom_feed_meta() {
global $post;
if(!has_post_thumbnail($post->ID)) return;
$thumbnail_id = get_post_thumbnail_id( $post->ID );
if(empty($thumbnail_id)) return;
$image_medium = wp_get_attachment_image_src( $thumbnail_id, ‘medium’ );
if ($image_medium !== false) {
echo ‘<media:content xmlns:media=»http://search.yahoo.com/mrss/» url=»‘ . $image_medium[0] . ‘» width=»‘ . $image_medium[1] . ‘» height=»‘ . $image_medium[2] . ‘» medium=»image» type=»image/jpeg»>’ . «\n»;
echo ‘ <media:copyright>www.Pon-aqui-la-URL-de-tu-Dominio.com</media:copyright>’ . «\n»;
echo ‘ <media:title></media:title>’ . «\n»;
echo ‘ <media:description type=»html»></media:description>’ . «\n»;
echo ‘</media:content>’ . «\n»;
}
}
Me he basado en la siguiente Fuente y en el código generado por el Plugin que comentaba en la opción a para crear este código, y es lo que he utilizado en esta página.
Tendrás que modificar donde indica «www.Pon-aqui-la-URL-de-tu-Dominio.com» para indicar la URL de tu página.
2) Añadir la etiqueta para imagen en la plantilla de Mailchimp
Ahora simplemente, hay que entrar al diseño de la plantilla y añadir la etiqueta *|RSSITEM:IMAGE|* dentro del bloque de *|RSSITEMS|*.
Este es por ejemplo actualmente la plantilla que estoy usando para mi Newsletter:
Imágenes destacadas en el Newsletter automático
Y con esto ya tendríamos las imágenes en nuestro boletín.
Aquí os dejo una captura de cómo se ve en el mío:
Recuerda que es importante haber marcado la opción «Resize RSS Feed images to fit template» en el apartado de «RSS Feed» de tu campaña.
¿Tienes alguna duda sobre la configuración de los boletines? Déjame un comentario.
O si prefieres que te ayude a crear los boletines para tu Blog o página, ponte en contacto conmigo.
Soy Taisa
Informática especializada en diseño web, bloguera, emprendedora, madre de dos niños… y me encanta la tecnología.
Desde hace varios años me dedico a impulsar a emprendedoras y blogueras que desean aumentar la visibilidad y los ingresos de sus negocios.
Por medio del diseño web, consultoría técnica y formación, optimizaremos juntas tu web y le sacaremos todo el partido, para que tu negocio suba de nivel y se convierta en un proyecto rentable y escalable.
Ese código está mal. Tiene más cierres que aperturas
¡Hola María! Tienes razón, sobraban un par de cierres al final. He actualizado de nuevo el código con el que estoy usando en mis webs.
Hola! Muchas gracias ya pude poner las imágenes! Solo una duda. Como hiciste para que apareciera solo 1 párrafo del post? El mío sale todo completo, quiero que aparezca solo el primer párrafo y luego leer mas
¡Hola! Me alegro te haya resultado útil. Para que aparezca sólo un párrafo muchas veces hay que incluir el bloque «Más» en la entrada. Cuando añades ese bloque, normalmente en el RSS corta ahí, y mete el enlace para leer más.
Hola buenas! dónde habría que meter el código que propones exactamente? en el código del blog al final? o dónde? Gracias!
Se añade al fichero functions.php del tema. Lo ideal es que uses un Tema hijo, y haz siempre copia de seguridad (aquí explico cómo) antes de tocar nada. Si no te apañas con el código, igual es mejor idea usar el plugin.
El problema es que en vez de en wordpress lo estoy haciendo en wix, entonces la posibilidad del plugin no la tengo. Estoy intentando encontrar el equivalente a ese fichero en wix.
Uf, no tengo idea de si en Wix vas a tener la posibilidad de editar el xml del feed… lo veo muy poco probable :/