Cómo usar contenido de Instagram en emails

Qué aprenderás

Descubre cómo configurar un feed web personalizado con tu cuenta de Instagram usando un generador de feeds RSS y cómo mostrar el feed en tus emails. Con un feed web personalizado, puedes conectar tu contenido de Instagram con tus emails y mostrar dinámicamente tus fotos, pies de foto y mucho más recientes de Instagram.

Configura un feed web de Instagram

Para configurar un feed web de Instagram sin la ayuda de un desarrollador o un socio de Klaviyo, usa un generador de feeds RSS.

1. Crea una cuenta con una herramienta de generador de fuentes RSS.
2. Ve a Mis feeds.
3. En la esquina superior derecha, haz clic en Nuevo feed.
4. En el campo Introduce la URL de la página web , añade tu URL de Instagram siguiendo el formato https://www.instagram.com/YOUR_USERNAME.
5. Haz clic en Generar.
6. Haz clic en Guardar en Mis feeds.

Una vez que el feed esté guardado, ve a la página del feed y localiza la URL del feed. Debe seguir este formato: https://rss.app/feeds/UNIQUE_FEED_ID.xml.

Como alternativa a este método, puedes configurar una fuente web de Instagram con su API Basic Display o mediante una aplicación de terceros. Algunos socios de Klaviyo ofrecen esto como servicio, como FourSixty.

Configura tu feed en Klaviyo

Una vez que hayas configurado tu feed RSS:

1. Haz clic en el nombre de tu cuenta en la esquina inferior izquierda de Klaviyo.
2. Selecciona Ajustes.
3. Selecciona Otro.
4. Abre la pestaña Fuentes web.
5. Haz clic en Añadir fuente web.
   

6. Asigna un nombre a tu feed e introduce la URL del feed RSS que acabas de generar como URL del feed en la sección de arriba.
7. Configura el Request Method en GET y el Content Type en XML.
   

8. Haz clic en Añadir fuente web.

Inserta contenido de Instagram en tus emails

Si usas una plataforma de terceros o la API Basic Display de Instagram para generar tu feed, sigue nuestra guía para añadir un feed web personalizado a un email. Si has usado la aplicación de feed RSS recomendada anteriormente, usa el código que aparece a continuación para mostrar los 3 elementos más recientes de tu feed de Instagram en un email.

1. Añade un nuevo bloque HTML a tu plantilla.
2. Copia el siguiente código en el bloque HTML y asegúrate de sustituir FEED_NAME por el nombre de tu feed (por ejemplo, Instagram_Feed en el ejemplo anterior).

<div>{% for item in feeds.FEED_NAME.rss.channel.item|slice:":3" %}
    <table style="display:inline-block; margin-left:auto; margin-right:auto">
	<tbody>
	    <tr>
		<td style="width:150px; text-align: center;"><a href="{{ item.link }}">
		  <img style="max-width: 150px; height: auto;" src="{% if item|lookup:'media:content'|lookup:'0'|lookup:'@url' %}{{ item|lookup:'media:content'|lookup:'0'|lookup:'@url' }}{% else %}{{ item|lookup:'media:content'|lookup:'@url' }}{% endif %}" style="margin: 1px; max-width: 150px; height: auto;" /></a>
		</td>
	    </tr>
	</tbody>
    </table>
{% endfor %}</div>

Si quieres mostrar más de 3 publicaciones recientes, ajusta el filtro, |slice:":3", para incluir el número de publicaciones que quieres mostrar (p. ej., |slice:":6" para mostrar 6 publicaciones).

Si quieres añadir campos adicionales a tu tabla (p. ej., pies de foto o la fecha en la que se publicó una imagen), sigue nuestras guías sobre cómo añadir feeds web personalizados a emails para ajustar el código anterior según sea necesario.

Recursos adicionales