Crea tu Feed 'Shop Мy Instagram' para tu Sitio Web

Instagram es nuestra inspiración para muchas cosas.

Y nuestra nueva función Product Tags ¡no es una excepción!

Instagram introdujo Instagram Shopping y etiquetado de productos como una forma creativa de mostrar cómo se usa o se consume un producto particular en una publicación, imagen o video de Instagram. Para brindar al consumidor una continuación instantánea de la experiencia de compra, agregaron etiquetas en partes de la publicación para proporcionar funcionalidad de compra directa.

En relación con esto, buscábamos una manera de introducir esa misma opción de etiquetado de productos en los sitios web de nuestros usuarios y darles un widget ‘shop my Instagram’ etiquetado con enlaces a páginas de productos.

Incluir una función de etiquetado de productos en un sitio web fue una respuesta natural tanto a las solicitudes de los usuarios como a las tendencias, creadas principalmente por características similares en la plataforma Instagram.

Entonces, hoy estamos felices de presentar Product Tags in Feeds, una opción de comercio electrónico para etiquetar fotos generadas por usuarios con detalles reales de productos que incluyen una llamada a la acción directa.

Así es como se ven los Product Tags dentro de un feed de redes sociales:

(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”));

Ten en cuenta que Product Tags ya están disponibles para todos los usuarios PRO actuales de nuestro agregador de redes sociales.

Continúa leyendo para aprender todo lo que necesitas saber sobre Product Tags

Conoce Product Tags de EmbedSocial

Creamos Product Tags con la siguiente funcionalidad en mente: permitir que nuestros clientes usen cualquiera de sus publicaciones en redes sociales para anunciar sus productos directamente en su sitio web e instantáneamente mejorar las ventas.

Dicho esto, con Product Tags puedes transformar instantáneamente tus feeds de redes sociales en tiendas interactivas.

El resultado: menos fricción y una cantidad reducida de clics hasta el carrito de compras.

Cuando tus compradores se decidieron por tu producto, quieren comprarlo AHORA.

Sin embargo, algunos puntos de fricción pueden hacer que los compradores abandonen sus carritos (tanto virtualmente como en tiendas físicas). Demasiados clics para pagar y una experiencia de pago no optimizada para dispositivos móviles son algunos de los principales puntos de fricción.

Según un reciente punto de referencia de Baymard, el 87% de los consumidores dicen que un proceso de pago complicado los hará abandonar su carrito de compras.

Y además de eso, el 84% de los compradores son poco probable que vuelvan a comprar con una marca después de una mala experiencia.

¡Esto es exactamente lo que Product Tags aborda!

Con solo unos pocos clics, nuestros clientes pueden etiquetar productos como superposiciones en cualquier publicación generada desde cualquiera de sus cuentas de redes sociales, como página de Instagram, Facebook, Twitter u otras plataformas de redes sociales, e incrustarlos en su sitio web usando nuestros modernos widgets de feed.

La próxima vez que un usuario interactúe con nuestro widget similar a ‘shop my Instagram’, se revelarán etiquetas que se pueden hacer clic para ver más información sobre el producto y un enlace para comprar el producto.

¿Cómo funcionan los Product Tags?

Hasta hace poco, solo podías agregar enlaces a publicaciones antiguas o nuevas que, una vez hecho clic, navegarían a los usuarios a la página de pago, página de destino, publicación de blog, etc.

Pero ahora, queremos desbloquear deseos de compra adicionales del consumidor. Crear un widget ‘shop my Instagram’ simple con la opción de etiquetar productos pareció ser una gran opción.

Actualmente, más usuarios de EmbedSocial pidieron esta función, así que decidimos integrar este widget comercializable como parte de la plataforma EmbedSocial.

Proporcionaría a los clientes una experiencia de compra más completa e informativa, sin mencionar un proceso de compra mucho más simple.

Aquí hay un ejemplo de cómo funciona:

Imagina que eres una tienda de moda que vende ropa para mujeres. Tus publicaciones probablemente contengan fotos de modelos usando tu ropa. Entonces, para mostrar exactamente qué está usando un modelo, Product Tag será de gran ayuda.

Con un simple arrastre y suelta de círculos, puedes señalar exactamente las partes de la foto donde está el producto. Por ejemplo, etiquetar un sombrero, un vestido o zapatos.

Y este etiquetado te permitirá especificar información del producto como nombre del producto, imagen y precio.

El resultado: ¡Feed de Instagram comercializable!

Consulta la demostración en vivo →

Con solo unos pocos clics, puedes mostrar una foto que, cuando se interactúa con ella, mostrará los productos exactos que usa el modelo.

Por lo tanto, dándole al cliente potencial un caso de uso de la vida real de los productos que le interesan, por defecto, conducirá a una decisión de compra más rápida.

¿Listo para echar un vistazo al proceso de diseño y desarrollo de Product Tags?

También puedes estimular tu creatividad con algunos de los casos de uso más comunes que puedes aplicar hoy como minoristas para potenciar tu negocio.

¡Vamos a sumergirnos!

El proceso de diseño de Product Tags

El gran diseño es un ingrediente vital de cada nueva función que implementamos. Para los gráficos increíbles de las funciones de EmbedSocial, la “culpa” recae en Ángela, nuestro diseñador UX.

Ella cree profundamente que un buen diseño es un indicador de que has escuchado la voz de tu cliente, y esto es exactamente lo que aquí en EmbedSocial estamos intentando hacer.

Entonces, ¿cuál fue la inspiración de Angela al crear el diseño de la función Product Tags?

En sus palabras:

“El diseño no comienza contigo (a menos que seas el nuevo Leonardo da Vinci). Siempre tengo eso en mente. Comienzas con los conceptos básicos del diseño, creando un flujo familiar para el usuario. Hacer investigación en aplicaciones interesantes ya existentes también es imprescindible. Encuentras inspiración para tu aplicación/función en aplicaciones interesantes ya existentes que usas todos los días. Pero lo más importante, las ideas de diseño para Product Tagging vinieron de usuarios probando la función y sus comentarios.”

Como ella explica, el proceso de diseño para Product Tags se dividió en 4 partes:

1. Investigación para la nueva función (esta es la parte donde nacieron los primeros mockups de versión MVP)
2. Crear el panel de administrador
3. Implementación de la funcionalidad de etiquetado de productos en el diseño del front-end de los widgets de feed
4. Comunicación constante y retroalimentación para mejorar la primera versión.

¿Parece mucho trabajo, verdad?

Echemos un vistazo a la perspectiva técnica.

El proceso de desarrollo de Product Tags

Los diseños y el desarrollo han demostrado ser grandes cómplices (una vez más).

Mientras Angela hacía su magia, en el corazón del proceso de desarrollo de Product Tags está nuestro joven y talentoso desarrollador, Kristijan Jovanovski.

Aquí hay algunas perspectivas de su perspectiva:

“*El proceso de desarrollo comienza con un diseño terminado de nuestro diseñador UX para la función en cuestión (en este caso, Product Tagging).

*El desarrollador (yo) recibo un informe completo de la idea detrás de la función y qué se espera. Discutimos cualquier posible obstáculo técnico, y comienza el desarrollo. Durante la fase de desarrollo, si hay alguna necesidad de discusión adicional, lo hacemos en Jira o Slack. Una vez que el desarrollador ha terminado la tarea, se coloca en nuestro servidor de prueba y es probado por nuestro equipo. Cualquier comentario se discute y se trabaja en él por parte del desarrollador. Una vez que la etapa de prueba está lista, la función se libera.

Para algunas características más extensas como esta, dividimos el desarrollo en múltiples fases. P.ej., la primera fase sería un MVP, la segunda fase introduciría otras características útiles, y así sucesivamente.“

Según Kiko, desde una perspectiva técnica, el mayor desafío fue posicionar las etiquetas de producto correctamente en la imagen y asegurar que las etiquetas permanezcan correctamente configuradas cuando la ventana se redimensiona.

Podemos ver que ambos hicieron un excelente trabajo. ¡La sección de administrador de la nueva función Product Tags se ve impresionante!

Aplicabilidad de Product Tags para inspirarse

Agregar un widget comercializable con etiquetas de productos en tu página de inicio o página de producto proporcionará un viaje del cliente más directo y estéticamente agradable.

Ya sea que seas un diseñador de decoración del hogar profesional, blogger de moda, entusiasta del bricolaje o jefe de restaurante, Product Tags puede ser aplicable para tu negocio.

Aquí hay algunas sugerencias de dónde podrías considerar aplicar Product Tags para mostrar tu contenido exclusivo:

Productos de confección

Para publicar roundups de atuendos y personas usando tu ropa de marca (conocido como Buy My Look).

Cosméticos y maquillaje

Para mostrar el rostro de una persona que utilizó tus productos para maquillaje o cuidado de la piel.

Productos de fitness

Para exponer el equipo y los artículos que necesitas tener para un estilo de vida activo.

Compilación de menú y recetas

Para mostrar imágenes de ofertas de alimentos y bebidas, los ingredientes principales y el precio. O similar para mostrar una receta con productos etiquetados que se utilizan realmente en esa receta.

Comenzar con Product Tags

Actualmente, la nueva función está disponible para usuarios de EmbedSocial.

Para probar el etiquetado de productos en tu sitio web, sigue este tutorial paso a paso:

1. Inicia sesión en tu cuenta de EmbedSocial
2. Pasa por los pasos para crear un widget de feed
3. Dentro de la página de edición del widget, haz clic en la pestaña ‘Links’
4. Haz clic en el botón azul ‘Add link’ en cada foto/publicación
5. Haz clic en la opción ‘Tag Products’
6. Haz clic en la foto para etiquetar tu producto(s)
7. Completa los detalles del producto (si tu página tiene un código Schema, los datos del producto se completarán automáticamente)
8. Copia y pega el código HTML en tu constructor de sitios web

Eso es todo.

Mira el video a continuación para un recorrido detallado de los pasos:

Ten en cuenta que muchas aplicaciones y sitios web útiles pueden ayudarte a crear enlaces de afiliados e insertarlos en forma de enlaces de deslizamiento para tu Instagram Story o página de Instagram. LiketoKnow.it, ShopStyle, RewardStyle, Amazon, por nombrar algunos.

La diferencia es que todos ellos proporcionarán la experiencia de ‘shop my Instagram’ dentro de tu cuenta de Instagram. Product Tags va más allá. Da a los minoristas una experiencia comercializable en tu propio sitio web.

Regístrate para Feed Comercializable

Creemos firmemente que esta función aportará un valor inmenso a cada cliente, dice Marija, nuestra Gerenta de Proyectos.

Lanzamos Shoppable feeds para permitir a los usuarios vender más con su contenido generado por usuarios de Instagram. Las etiquetas de producto y los enlaces ahora también están integrados con Square. Pueden permitir que estos usuarios sincronicen fácilmente sus productos desde Square y etiqueten el contenido de Instagram con enlaces de pago para que los clientes puedan comprar los productos de inmediato.

Marija Vlasceva, Gerenta de Proyectos en EmbedSocial

Al final del día, quieres diferenciar tu marca de los competidores y hacerla la más atractiva. Utilizar etiquetas de producto en tu sitio web es solo una forma de hacerlo.

Continuaremos capacitando a nuestros usuarios con muchas características útiles y soluciones impecables, así que ¡mantente atento!