NuevoPresentamos Filter your feed by source, just ask the AI
Blog Instagram Social Media Feeds Widgets

Como crear e incrustar un feed comprable de Instagram en tu sitio web [Widget Shop My Feed]

Guía paso a paso para generar e incrustar un feed comprable de Instagram en tu sitio web.

Nikola Bojkov
View as Markdown
Como crear e incrustar un feed comprable de Instagram en tu sitio web [Widget Shop My Feed]

Nikola Bojkov

EmbedSocial Team

Hoy en día, los compradores necesitan prueba social antes de realizar una compra. Esto ha resultado en que las marcas busquen formas creativas de mostrar experiencias de clientes en su sitio web.

Sin embargo, la confianza puede tomar muchos formatos diferentes, desde agregar menciones de TikTok a tu sitio web hasta mostrar colaboraciones con otras marcas y creadores populares.

Así que, no es sorpresa que uno de los factores de confianza más efectivos para tu sitio web sea menciones públicas de personas en redes sociales, como posts, Reels, videos, y actualizaciones de texto.

Sigue leyendo, ya que te mostraré cómo recopilar posts de Instagram que mencionan tu marca, etiquetar productos relevantes en ellos, y crear un feed comprable de Instagram en tu sitio web.

Cómo usar feeds comprables para mejorar la tasa de conversión de tu sitio web

Antes de comenzar con los pasos, aquí están los beneficios principales por los que necesitas un feed comprable de Instagram en tu sitio web.

Los feeds comprables pueden ser una herramienta poderosa para aumentar la tasa de conversión de tu sitio web al cerrar la brecha entre descubrimiento de productos y compra. Aquí está cómo:

Muestra tu producto en acción

Esto es obvio. Tus imágenes de stock no son lo suficientemente poderosas para proporcionar personalidad y autenticidad para que los clientes se relacionen y tomen decisiones de compra más rápidas. Por eso las experiencias de otras personas mostrando cómo usan o visten tus productos pueden traer

Reduce la fricción en el viaje de compra:

Mejora el compromiso del producto:

Optimiza para dispositivos móviles:

Cómo etiquetar productos en posts comprables de Instagram feed

Aquí están los pasos para usar el feed comprable de EmbedSocial y crear una tienda de Instagram en tu sitio web:

1. Conecta a una página de Facebook vinculada a tu cuenta de Instagram

El paso principal es configurar una cuenta de Instagram en EmbedSocial. Necesitarás hacer esto para asegurar que la plataforma sincronice regularmente todos los posts de Instagram que mencionan tu marca. Para hacer esto, necesitarás tener tu perfil de Instagram conectado con una página de negocio de Facebook, un requisito de la API oficial de Meta que permite la capacidad de generar los posts de menciones.

Aquí está cómo conectar tu página de Facebook conectada con tu perfil de negocio de Instagram:

  1. Ve a Fuentes y selecciona Instagram;
    Selecciona Instagram como fuente para incrustar feed de Instagram
  2. A continuación, haz clic en Posts de menciones, y en la ventana emergente, haz clic en ‘Continuar con Facebook’ y proporciona los permisos requeridos a tu página de Facebook que está conectada a tu cuenta de negocio de Instagram.
    Conecta página de facebook con cuenta de negocio de Instagram y genera posts de Instagram
  3. En la página de subfuentes, elige Posts de menciones y haz clic en Siguiente.
    Selecciona la cuenta de Instagram con las menciones
  4. A continuación, elige la plantilla de widget de Instagram; puedes elegir el widget de Instagram comprable.
    Selecciona tu diseño de plantilla de feed de Instagram

Eso es, ahora tus posts serán generados y serás redirigido.

2. Genera posts de Instagram y crea widget

Una vez que llegues al editor de widgets, comenzarás a ver los posts que otros usuarios de Instagram publicaron y que @mencionan tu marca. Aquí, puedes personalizar aún más el widget para asegurar que funcione mejor para tu diseño web.

3. Haz el etiquetado de productos en cada post

Para comenzar con el etiquetado de productos, ve a la pestaña Enlaces en la parte superior de la página y abrirás el área donde podrás etiquetar cada post de Instagram con productos específicos o múltiples productos.

Aquí está cómo etiquetar productos en posts de Instagram:

  1. Haz clic en Enlaces en el menú superior y haz clic en Etiquetar productos.
    Pasos para etiquetar productos en feed de Instagram
  2. En la ventana emergente, haz clic en el área de la foto donde se muestra el producto. Envía los detalles del producto, como la imagen del producto, nombre del producto, y precio. Haz clic en Guardar etiqueta.
    Enviar detalles de producto en el post de Instagram
  3. Para agregar más etiquetas de productos en el mismo post de Instagram, haz clic en Agregar nueva etiqueta.
  4. Una vez que termines, haz clic en Hecho etiquetando.
    Paso final para completar el etiquetado de etiquetas de producto en feed de Instagram

Puedes repetir este paso y etiquetar múltiples posts en tu nueva tienda web de Instagram.

El producto etiquetado mostrará como un sticker de producto en la parte superior del post en línea con el icono para posts de carrusel.

Ten en cuenta que puedes combinar más posts de otras plataformas de redes sociales y crear un widget más grande.

4. Activa la sección de productos etiquetados

Esto es completamente único y parte de la plataforma de EmbedSocial.

Los productos etiquetados es una sección que puedes mostrar en el widget que muestra todos los productos etiquetados en los posts de Instagram en tu feed. Desde aquí, los clientes pueden comprar directamente navegando al método de pago simple en tu tienda Shopify u otra plataforma de comercio electrónico donde decidas incrustar los posts comprables existentes.

Aquí está cómo activar la sección de productos etiquetados:

  1. Haz clic en Diseño en el menú izquierdo.
  2. En la sección de elementos del widget, activa la opción de productos etiquetados.
    Activa la sección de productos etiquetados en el feed de Instagram
  3. Los productos etiquetados aparecerán en la parte superior como una visualización de cuadrícula de todos los productos etiquetados en el feed de Instagram en ese widget.

Aquí está una demostración real del widget con productos etiquetados activados en la parte superior:

(function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js); }(document, “script”, “EmbedSocialHashtagScript”));

5. Copia e incruста el código del feed de Instagram en tu sitio web

Una vez que termines con el etiquetado y personalización, simplemente sigue estos pasos para obtener el código incrusting para el widget de Instagram:

  1. Navega a la pestaña Incrustar en el panel Configuración izquierdo.
  2. Haz clic en Copiar código en el botón debajo del código incrusting.
    Copia el código incrusting para el widget comprable de feed de Instagram
  3. Ve a tu constructor de sitios web o página HTML y pega el código. El ejemplo a continuación es cómo incrustar feed comprable de Instagram en sitio web de WordPress:
    Pasos para incrustar HTML en WordPress

Para más detalles, mira el video a continuación para ver cómo etiquetar productos y activar la sección de productos etiquetados en tu widget de feed de Instagram:

3 ejemplos de feeds comprables de Instagram en sitio web

Como se mencionó, hay varias versiones de cómo las marcas nombran estos widgets dependiendo de sus casos de uso, como ‘Shop My Look’; ‘Shop This Look’; ‘Cómo otros lo usan’; ‘Shop My Instagram Feed’; etc.

Aquí hay algunos ejemplos de posts comprables de Instagram en un sitio web:

Ikea muestra historias de contenido generado por usuarios

Ikea usa páginas dedicadas con persona de cliente particular y muestra sus fotos en la página. Algunas de estas fotos también se muestran debajo de la página de producto relacionada y los clientes pueden ver cómo se ve esta pieza de mueble en las casas de los clientes reales.

Nike muestra el feed de Instagram ‘Cómo otros lo usan’

Similar a Ikea, si navegas a una página de producto en el sitio web de Nike, verás que además de mostrar reseñas de clientes para ese producto, también muestran fotos de clientes. Estos son como testimonios de foto por clientes que etiquetaron a Nike en su contenido de Instagram y publicaron una foto con ese producto particular.

Aquí está cómo aparece esta sección en sus páginas de producto:

Ejemplo de feed comprable de Instagram por Nike

Widget ‘Shop Our IG’ de Kylie Cosmetics

El sitio web de Kyle Cosmetics usa un widget de posts comprables de Instagram directamente en la página de inicio principal.

Este widget muestra el feed de Instagram desde su cuenta de Instagram, que también apunta a sus seguidores de instagram para ver los posts pero si está interesado en encontrar el producto en su sitio web y comprarlo a través del widget.

Ejemplo de Shop our IG de feed de Instagram de Kylie Cosmetics

El widget es interactivo, y cuando se hace clic, abre una ventana emergente donde los clientes pueden ver las etiquetas de compra e información del producto.

Cómo obtener información del producto de Square y etiquetar en posts de Instagram

Esta es una integración única con tiendas de Square que te ayudará a extraer toda la información de tu producto de Square y etiquetar los posts de Instagram más rápido.

Aquí están los pasos:

  1. Como navegas a la pestaña Enlaces, haz clic en Etiquetar productos.
  2. Ahora, en la ventana emergente, elige Vincular con productos de Square y sigue los pasos para conectar tu tienda de Square.
    Selecciona la integración de Square para generar productos
  3. Una vez que conectes tu Square, los productos aparecerán en el dropdown de productos en la ventana emergente de información del producto, como se muestra a continuación.

Etiquetar widget de Instagram con enlaces a productos de Square en páginas de pago

Ahora no necesitarás agregar manualmente la información sobre cada producto, pero una vez que selecciones el producto, aparecerá inmediatamente en el post de Instagram con el enlace específico a la página de pago en Square.

Cómo incrustar el feed comprable de Instagram en Shopify

Para estos pasos no necesitas integración con Shopify ni instalar específicamente una aplicación de feed de instagram de Shopify.

La configuración es ya como se mencionó arriba; solo necesitas incrustar el código en tu página de Shopify.

Aquí está cómo incrustar feed de Instagram con productos etiquetados en tu tienda Shopify:

  1. Ve a Páginas y abre la página donde deseas mostrar los posts comprables de Instagram o crea una nueva página haciendo clic en Agregar página.
  2. En el modo editar página, ve al editor de texto y haz clic en el icono de código.
  3. En el área de código HTML, simplemente pega el código del widget de EmbedSocial.
  4. Haz clic en Guardar.

Eso es. El feed de Instagram con las etiquetas de compra aparecerá inmediatamente en tu tienda Shopify.

Midiendo los resultados de tus posts comprables

Lo mejor es que tu Shop my look o shop my feed puede ser realmente medido.

Esto es posible usando la función de Análisis en la plataforma de EmbedSocial.

Aquí está cómo medir los efectos de tu feed comprable de Instagram:

  1. Ve al editor del widget y haz clic en la pestaña General en el panel Configuración izquierdo.
  2. Aquí, activa la configuración de Análisis.
  3. Una pestaña Análisis aparecerá en la parte superior de la página.
  4. Aquí comenzarás a recibir datos sobre los clics y visualizaciones de cada post en el widget.

Activa analítica del widget de instagram comprable

De esta forma, verás qué posts impulsan ventas para tu negocio.

Regístrate para el widget Shop My Feed

Los posts comprables de Instagram pueden convertirse en uno de los mejores canales de ventas en tu sitio web.

Esperamos que esta guía paso a paso te ayude a configurar el feed de Instagram en tu sitio web, promover productos de una forma más auténtica y mejorar el viaje del comprador.

Preguntas frecuentes sobre feeds comprables

Para más detalles, revisa la guía de Compras en Instagram y examina a continuación para respuestas a las preguntas más formuladas:

Qué información es requerida para cada etiqueta de producto en el feed de Instagram

La información requerida para las etiquetas de producto es la siguiente:

Tener más información definitivamente ayudará a impulsar ventas para ese producto.

¿Puedo personalizar la apariencia de los posts comprables de Instagram en mi sitio web?

Sí. Podrás hacer que los posts del feed cambien de estilo, y también cambiar todo el feed para que aparezca como feed, collage o slider.

Por qué agregar feed de Instagram en el sitio web de Shopify

Shopify por defecto es una plataforma donde cargas y muestras todos los datos de tu producto. Pero cuando se trata de mostrar cómo otras personas usaron o vistieron tus productos, necesitarás más que solo fotos de stock o fotos de tus productos que tengas internamente.

Por eso agregar posts comprables de Instagram de tus clientes y etiquetar los productos en las fotos que comparten es una forma más efectiva de mostrar realísticamente cómo las personas normales usan tus productos.

Y estas tiendas UGC venderán más que las tiendas Shopify normales.

Cómo crear posts de compra en Instagram

Crear posts de compra en Instagram implica configurar tu cuenta para características de compra y luego crear posts con etiquetas de producto. Además, es posible que necesites pasar por un proceso de revisión de cuenta.

Aquí está un desglose simplificado:

Requisitos previos:

  1. Cambia a una cuenta de negocio o creador: Necesitarás una cuenta de Negocio o Creador de Instagram para acceder a características de compra.
  2. Conecta a página de Facebook y configura tienda: Vincula tu cuenta de Instagram a una página de Facebook que tenga una tienda conectada. Aquí es donde administrarás tu información de producto y catálogo de productos.

Creando posts comprables:

  1. Crea un nuevo post: Comienza creando un nuevo post de imagen o video en tu perfil de Instagram.
  2. Etiqueta tus productos: Durante la creación del post, toca ‘Etiquetar productos’ y luego toca en el área de tu imagen o video donde aparece el producto.
  3. Busca y selecciona productos: Busca el producto correspondiente de tu catálogo y selecciónalo. Puedes etiquetar hasta 5 productos por post de imagen y 20 productos por post de carrusel.
  4. Comparte tu post: Una vez que hayas agregado tus etiquetas de producto, comparte tu post como de costumbre.

Ten en cuenta que estos posts de producto y los enlaces al pago de Instagram están disponibles únicamente en la aplicación de Instagram. Actualmente no hay opción para generar automáticamente las etiquetas de producto, por lo que es por eso que necesitas etiquetarlos manualmente de nuevo para que se muestren en tu widget comprable en tu sitio web.

¿Listo para comenzar con EmbedSocial?

Empieza a construir con EmbedSocial hoy.

Comenzar prueba gratis

Publicaciones relacionadas

View all posts