Cómo utilizar el contenido de Instagram en el correo electrónico

Objetivos de aprendizaje

Aprende a configurar un feed web personalizado con tu cuenta de Instagram utilizando un generador de feeds RSS, y a mostrar el feed en tu correo electrónico. Con un feed web personalizado, puedes conectar tu contenido de Instagram a tu correo electrónico y mostrar dinámicamente tus ú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, utiliza un generador de feeds RSS. 

1. Crea una cuenta en una herramienta generadora de feeds RSS.
2. Navega hasta Mis feeds.
3. En la parte superior derecha, haz clic en Nueva fuente.
4. En el campo Introducir URL de 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 guardado el feed, navega 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 un feed web de Instagram utilizando su interfaz de programación de aplicaciones (API) de visualización básica, o utilizando una aplicación de terceros. Algunos socios deKlaviyo ofrecen este servicio, como FourSixty. 

Configura tu feed en Klaviyo 

Una vez que hayas configurado tu canal 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. Ponle un nombre a tu canal e introduce la URL del canal RSS que acabas de generar como URL del canal en la sección anterior.
7. Establece el Método de solicitud como GET y el Tipo de contenido como XML.
   
8. Haz clic en Añadir fuente web. 

Añade contenido de Instagram a tu correo electrónico

Si utilizas una plataforma de terceros o la interfaz básica de programación de aplicaciones (API) de Instagram para generar tu feed, sigue nuestra guía sobre cómo añadir un feed web personalizado a un correo electrónico. Si has utilizado la aplicación RSS recomendada anteriormente, utiliza el código siguiente para mostrar los 3 elementos más recientes de tu feed de Instagram en un correo electrónico. 

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 mensajes recientes, ajusta el filtro, |slice: ":3", para incluir el número de mensajes que quieres mostrar (por ejemplo, |slice:":6" para mostrar 6 mensajes). 

Si quieres añadir campos adicionales a tu tabla (por ejemplo, pies de foto o la fecha de publicación de una imagen), sigue nuestras guías sobre cómo añadir fuentes web personalizadas al correo electrónico 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 tu feed web de Instagram en correo electrónico
• Cómo crear una plantilla base