Cómo utilizar el contenido de Instagram en los correos electrónicos

Qué aprenderás

Aprenda a configurar un feed web personalizado con su cuenta de Instagram utilizando un generador de feeds RSS, y a mostrar el feed en sus correos electrónicos. Con un feed web personalizado, puede conectar su contenido de Instagram a sus correos electrónicos y mostrar dinámicamente sus últimas fotos de Instagram, pies de foto y mucho más. 

Configurar un feed web de Instagram

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

1. Cree una cuenta en una herramienta generadora de fuentes RSS.
2. Navegue hasta Mis feeds.
3. En la parte superior derecha, haga clic en Nueva fuente.
4. En el campo Introducir URL de página web , añada su URL de Instagram, siguiendo el formato https://www.instagram.com/YOUR_USERNAME.
5. Pulse Generar.
6. Haga clic en Guardar en Mis feeds.

Una vez guardado el feed, navegue hasta la página del feed y localice la URL del mismo. Debe seguir este formato: https://rss.app/feeds/UNIQUE_FEED_ID.xml. 

Como alternativa a este método, puede configurar un feed web de Instagram mediante su API de visualización básica o utilizando una aplicación de terceros. Algunos socios de Klaviyo ofrecen esto como un servicio, como FourSixty. 

Configure su feed en Klaviyo 

Una vez que haya configurado su canal RSS:

1. Haga clic en el nombre de su cuenta en la esquina inferior izquierda de Klaviyo. 
2. Seleccione Ajustes. 
3. Seleccione Otro.
4. Abra la pestaña Fuentes web. 
5. Haga clic en Añadir Web Feed.
   
6. Asigne un nombre a su fuente e introduzca la URL de la fuente RSS que acaba de generar como URL de la fuente en la sección anterior.
7. Establezca el método de solicitud como GET y el tipo de contenido como XML.
   
8. Haga clic en Añadir fuente web. 

Incorpore contenido de Instagram a sus correos electrónicos

Si utiliza una plataforma de terceros o la API de visualización básica de Instagram para generar su feed, siga nuestra guía sobre cómo añadir un feed web personalizado a un correo electrónico. Si ha utilizado la aplicación de feeds RSS recomendada anteriormente, utilice el código siguiente para mostrar los 3 elementos más recientes de su feed de Instagram en un correo electrónico. 

1. Añada un nuevo bloque HTML a su plantilla.
2. Copie el siguiente código en el bloque HTML y asegúrese de sustituir FEED_NAME por el nombre de su 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
    </table>
{% endfor %}</div>

Si desea mostrar más de 3 mensajes recientes, ajuste el filtro, |slice: ":3", para incluir el número de mensajes que desea mostrar (por ejemplo, |slice:":6" para mostrar 6 mensajes). 

Si desea añadir campos adicionales a su tabla (por ejemplo, pies de foto o la fecha de publicación de una imagen), siga nuestras guías sobre cómo añadir fuentes web personalizadas a los correos electrónicos para ajustar el código anterior según sea necesario. 

Recursos adicionales 

• Guía para añadir un feed web personalizado en un correo electrónico
• Solución de problemas de su feed web de Instagram en los correos electrónicos
• Cómo crear una plantilla base