Cómo usar contenido de Instagram en correos electrónicos

Objetivos del artículo

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 correos electrónicos. Con una fuente web personalizada, puedes conectar tu contenido de Instagram con tus correos electrónicos y mostrar de forma dinámica tus fotos más recientes de Instagram, pies de foto y más.

Configurar un feed web de Instagram

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

1. Crea una cuenta con una herramienta generadora de fuentes RSS.
2. Ve a Mis feeds.
3. En la parte superior derecha, haz clic en Nuevo feed.
4. En el campo Ingresar URL de la página web , agrega la 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 se guarde el feed, 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 usando su interfaz de programación de aplicaciones (API) Basic Display o mediante una app de terceros. Algunos socios de Klaviyo ofrecen esto como servicio, como FourSixty.

Configura el feed en Klaviyo

Una vez que hayas configurado tu feed RSS:

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

6. Asigna un nombre al feed e ingresa la URL del feed RSS que acabas de generar como URL del feed en la sección de arriba.
7. Configura el método de solicitud en GET y el tipo de contenido en XML.
   

8. Haz clic en Añadir fuente web.

Incorpora contenido de Instagram en tus correos electrónicos

Si se usa una plataforma de terceros o la interfaz de programación de aplicaciones (API) de Instagram Basic Display para generar el feed, sigue nuestra guía para agregar un feed web personalizado a un correo electrónico. Si se usó la app de feed RSS recomendada anteriormente, usa el código a continuación para mostrar los 3 elementos más recientes del feed de Instagram en un correo electrónico.

1. Agrega un nuevo bloque HTML a la plantilla.
2. Copia el siguiente código en el bloque HTML y asegúrate de reemplazar FEED_NAME por el nombre del 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 la cantidad de publicaciones que quieres mostrar (p. ej., |slice:":6" para mostrar 6 publicaciones).

Si quieres agregar campos adicionales a la tabla (p. ej., subtítulos o la fecha en que se publicó una imagen), sigue nuestras guías sobre cómo agregar feeds web personalizados a los correos electrónicos para ajustar el código anterior según sea necesario.

Recursos adicionales