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.

También podrían interesarte…

Cómo crear Newsletters con MailChimp

Esta entrada forma parte de una pequeña serie de entradas sobre MailChimp.

Trucos para tus boletines de Mailchimp:

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-plusSólo con ir a ajustes y marcar la opción ‘Add “media:content” tag’ ya tendrás las imágenes en tu feed.

Con el Plugin SB-RSS_feed-plus y marcando la opción Add mediacontent tag ya tendrás las imágenes en tu Feed RSS.

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|*.

Puedes leer algo más sobre el diseño de los emails de Mailchimp en la entrada de cómo crear una campaña automática de tu Blog.

Este es por ejemplo actualmente la plantilla que estoy usando para mi Newsletter:

Así tengo configurada la plantilla de Mi Newsletter incluyendo la imagen destacada.

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:

Así se ve mi boletín de Mailchimp incluyendo las imágenes destacadas

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.

Newsletter Taisa Designer

¡Mejora tu página web!

Apúntate a mi lista VIP para recibir un montón de información interesante para tí. 

Además, si ya tienes una página web, te enviaré un diagnóstico de tu web con al menos 3 consejos personalizados que podrás aplicar tú misma.

¡Gracias por suscribirte! Tus datos se han enviado correctamente. Ahora sólo tienes que confirmar tu suscripción desde el e-mail que habrás recibido.

Newsletter Taisa Designer

MEJORA TU WEB

Aprende a mejorar tu página web tú misma.

You have Successfully Subscribed!