Como criar e incorporar o feed do Instagram comprável no seu site [Shop My Feed Widget]?

Guia passo a passo para gerar e incorporar o feed do Shoppable Instagram no seu site.

how to create and embed shopapble Instagram feed on website

As compras tornaram-se uma experiência muito fiável, e as pessoas exigem prova social antes de efetuar uma compra. Esta situação levou as marcas a procurar formas criativas de proporcionar experiências prévias aos clientes nos seus sítios Web.

A incorporação de confiança tem diferentes formatos, desde a adição de críticas do Google até à apresentação de colaborações com logótipos.

Relacionado com isto, um dos factores de confiança mais eficazes para o seu sítio Web é mostrar menções públicas de pessoas nas redes sociais, como menções em publicações do Instagram.

Nesta publicação, vamos mostrar-lhe como gerar publicações no Instagram que mencionam a sua marca, marcar produtos nas fotografias e criar um feed Shoppable Instagram no seu sítio Web.

Image

Incorporar Loja Instagram no seu sítio Web automaticamente!

Gerar e apresentar um feed de compras do Instagram no seu sítio Web com hiperligações de produtos marcados para...

Teste gratis

Como utilizar os feeds Shoppable para melhorar a taxa de conversão do sítio Web?

Antes de começarmos com as etapas, aqui estão os principais benefícios pelos quais você precisa de um feed Shoppable Instagram no seu site.

Os feeds de compras podem ser uma ferramenta poderosa para aumentar a taxa de conversão do seu sítio web fazendo a ponte entre a descoberta do produto e a compra. Eis como:

Mostre o seu produto em ação

Isto é óbvio. As suas imagens de arquivo não são suficientemente poderosas para conferir personalidade e autenticidade, de modo a que os clientes se possam identificar e tomar decisões de compra mais rápidas. É por isso que as experiências de outras pessoas que mostram como vestem ou utilizam os seus produtos podem trazer

Reduzir o atrito no percurso de compra:

  • Exploração de produtos sem falhas: Os utilizadores podem procurar produtos diretamente no feed, eliminando a necessidade de navegar para páginas de produtos separadas.
  • Informações instantâneas sobre o produto: Clicar num produto revela detalhes como o preço, a descrição e as críticas, permitindo decisões informadas no feed.
  • Pagamento com um clique: Muitas soluções de feed Shoppable oferecem processos de checkout simplificados diretamente a partir da etiqueta do produto, minimizando os passos e aumentando as compras por impulso.

Melhorar o envolvimento do produto:

  • Expositores de produtos visualmente atractivos: Imagens e vídeos de alta qualidade no feed captam a atenção e apresentam os produtos de uma forma cativante.
  • Recomendações de produtos direccionados: Com base no comportamento do utilizador ou no histórico de navegação, é possível personalizar o feed para apresentar produtos relevantes, aumentando a probabilidade de uma compra.
  • Integração da prova social: As opiniões dos utilizadores, as classificações e as menções nas redes sociais no feed podem criar confiança e incentivar as decisões de compra.

Otimizar para telemóvel:

  • Conceção reactiva: A maioria dos feeds Shoppable é compatível com dispositivos móveis para uma navegação e compra sem problemas em smartphones e tablets, onde ocorre uma parte significativa das compras em linha. Pode conseguir isso mais especificamente com link em bio lojas. e adicioná-lo à secção de biografia do Instagram.
  • Tempos de carregamento rápidos: Estes widgets têm normalmente tempos de carregamento rápidos que evitam a frustração e o abandono do utilizador.

Como marcar produtos no feed de publicações do Instagram Shoppable?

Eis os passos a seguir Feed Shoppable do EmbedSocial e criar uma loja Instagram no seu sítio Web:

1. Liga-te a uma página do Facebook associada à tua conta do Instagram

O passo principal é criar uma conta Instagram no EmbedSocial. Terá de o fazer para garantir que a plataforma sincroniza regularmente todas as publicações do Instagram que mencionam a sua marca. Para tal, é necessário que o seu perfil do Instagram esteja ligado a uma página empresarial do Facebook - um requisito da Meta API oficial que permite a capacidade de gerar as publicações de menções.

Eis como ligar a sua página do Facebook à sua Negócio no Instagram perfil:

  1. Ir para Fontes e selecionar Instagram;
    Select Instagram as a source to embed Instagram feed
  2. Em seguida, clique em Menciona mensagens, e, na janela pop-up, clique em 'Continuar com o Facebook' e fornecer as permissões necessárias à sua página do Facebook que está ligada à sua conta empresarial do Instagram.
    Connect facebook page with Instagram business account and generate Instagram posts
  3. Na página das subfontes, selecionar Mencionar mensagens e clicar em Seguinte.
    Select the Instagram account with the mentions
  4. Em seguida, escolha o modelo de widget do Instagram; pode escolher o widget Shoppable Instagram.
    Select your Instagram template feed layout

É isso, agora as suas mensagens serão geradas e será redireccionado.

2. Gerar publicações no Instagram e criar um widget

Quando chegar ao editor do widget, começará a ver as publicações que outros utilizadores do Instagram publicaram e que @mencionaram a sua marca. Aqui, pode personalizar ainda mais o widget para garantir que funciona melhor para o seu web design.

3. Fazer a marcação do produto em cada publicação

Para iniciar a marcação de produtos, aceda ao separador Links na parte superior da página e abrirá a área onde poderá marcar cada publicação do Instagram com um produto específico ou vários produtos.

Eis como marcar produtos nas publicações do Instagram:

  1. Clicar Ligações no menu superior e clique em Produtos de etiqueta.
    Steps to tag products in Instagram feed
  2. Na janela pop-up, clique na área da fotografia onde o produto é apresentado. Envie os detalhes do produto, como a imagem do produto, o nome do produto e o preço. Clique em Guardar etiqueta.
    Submit product details on the Instagram post
  3. Para adicionar mais etiquetas de produto na mesma publicação do Instagram, clique em Adicionar nova etiqueta.
  4. Quando tiver terminado, clique em Terminou a etiquetagem.
    Final step to done tagging of product tags in Instagram feed

Pode repetir este passo e marcar várias publicações na sua nova loja Web do Instagram.

O produto marcado será apresentado como um autocolante de produto na parte superior da publicação, em linha com o ícone para publicações em carrossel.

Tenha em atenção que pode combinar mais mensagens de outras plataformas de redes sociais e criar um widget maior.

4. Ativar a secção Produtos marcados

Isto é completamente único e faz parte da plataforma EmbedSocial

Produtos marcados é uma secção que pode ser apresentada no widget que mostra todos os produtos marcados nas publicações do Instagram no seu feed. A partir daqui, os clientes podem comprar diretamente, navegando para o método de pagamento simples na sua loja Shopify ou noutra plataforma de comércio eletrónico onde decida incorporar as publicações compráveis existentes.

Eis como ativar a secção de produtos etiquetados:

  1. Clique em Disposição no menu do lado esquerdo.
  2. Na secção Elementos do widget, active a opção Produtos marcados.
    Activate tagged products section the Instagram feed
  3. Os produtos marcados aparecerão na parte superior como uma grelha de apresentação de todos os produtos marcados no feed do Instagram nesse widget.

Aqui está uma demonstração real do widget com produtos etiquetados activados na parte superior:

5. Copiar e incorporar o código do feed do Instagram no seu sítio Web

Quando tiver terminado a marcação e a personalização, basta seguir estes passos para obter o código incorporável para o Widget do Instagram:

  1. Navegar para Incorporar no painel esquerdo das Definições.
  2. Clicar Copiar código no botão abaixo do código incorporável.
    Copy the embeddable code for the Instagram shoppable widget
  3. Vá para o seu construtor de sites ou página HTML e cole o código. O exemplo abaixo mostra como incorporar o feed de compras do Instagram no sítio Web do WordPress:
    Steps to embed HTML in WordPress

Para obter mais detalhes, assista ao vídeo abaixo para ver como marcar produtos e ativar a secção de produtos marcados no seu Widget de feed do Instagram:

3 exemplos de feeds do Instagram compráveis no sítio Web

Como mencionado, existem algumas versões de como as marcas nomeiam estes widgets, dependendo dos seus casos de utilização, tais como "Comprar o meu look"; "Comprar este look"; "Como os outros o estão a usar?"; "Comprar o meu feed do Instagram"; etc.

Eis alguns exemplos de publicações Shoppable Instagram num sítio Web:

Ikea mostra histórias de conteúdos gerados pelos utilizadores

O Ikea utiliza páginas dedicadas a clientes específicos e apresenta as suas fotografias na página. Algumas destas fotografias também são apresentadas por baixo da página do produto relacionado e os clientes podem ver o aspeto desta peça de mobiliário nas casas dos clientes reais.

UGC for website by IKEA stories

A Nike apresenta "Como os outros estão a usá-lo? feed do Instagram

À semelhança do Ikea, se navegar para a página de um produto no sítio Web da Nike, verá que, para além de mostrarem as opiniões dos clientes sobre esse produto, também mostram fotografias dos clientes. Trata-se de testemunhos fotográficos de clientes que marcaram a Nike no seu conteúdo do Instagram e publicaram uma fotografia com esse produto específico.

Eis como esta secção aparece nas páginas dos produtos:

Example of Instagram shoppable feed by Nike

Kayle Cosmetics' Comprar no nosso IG' widget

Sítio Web de Kyle Comspetics utiliza um widget de publicações compráveis no Instagram diretamente na página inicial principal.

Este widget apresenta o feed Instaram da sua conta do Instagram, que também se destina aos seus seguidores do Instagram para verem as publicações, mas se tiverem interesse em encontrar o produto no seu sítio Web e comprá-lo através do widget.

Shop our IG example of Kylie Cosmetics Instagram feed

O widget é interativo e, quando clicado, abre uma janela pop-up onde os clientes podem ver as etiquetas de compras e as informações sobre o produto.

Como obter informações sobre produtos da Square e marcar nas publicações do Instagram?

Esta é uma integração única com as lojas Square que o ajudará a obter todas as informações sobre os seus produtos a partir do Square e a marcar as publicações do Instagrm mais rapidamente.

Eis os passos a seguir:

  1. Ao navegar para o separador Ligações, clique em Produtos de etiquetas.
  2. Agora, na janela pop-up, seleccione Ligação aos produtos Square e siga os passos para ligar a sua loja Square,
    Select the Square integration to generate products
  3. Depois de estabelecer a ligação, os seus produtos Square aparecerão no menu pendente de produtos na janela pop-up de informações sobre produtos, como se mostra abaixo.
Tag Instagram widget with links to Square checkout product pages

Agora, não é necessário adicionar as informações sobre cada produto, mas assim que selecionar o produto, este aparecerá imediatamente na publicação do Instagram com a hiperligação específica para a página de pagamento no Square.

Como incorporar o feed do Instagram do Shoppable no Shopify?

Para estes passos, não é necessária a integração com o Shopify nem a instalação específica de uma aplicação de feed do instagram do Shopify.

A configuração já é a mencionada acima; só precisa de incorporar o código na sua página Shopify.

Eis como incorporar o feed do Instagram com produtos etiquetados em sua loja da Shopify:

  1. Ir para Páginas e abra a página onde pretende mostrar as publicações Shoppable Instagram ou crie uma nova página clicando em Adicionar página.
  2. No modo de edição da página, vá para o editor de texto e clique no ícone de código.
  3. Na área do código HTML, basta colar o código do widget do EmbedSocial.
  4. Clicar Guardar.

E pronto. O feed do Instagram com as etiquetas de compras aparecerá imediatamente na sua loja Shopify.

Medir os resultados dos seus posts compráveis

O melhor é que o seu Shop my look ou Shop my feed pode ser efetivamente medido.

Isto é possível através da utilização da funcionalidade Analytics na plataforma EmbedSocial.

Eis como medir os efeitos do seu feed do Instagram Shoppable:

  1. Aceda ao editor de widgets e clique no separador Geral no painel esquerdo das Definições
  2. Aqui, active a definição de Análise
  3. A Analítica aparecerá no topo da página
  4. Aqui começará a receber dados sobre os cliques e as visualizações de cada publicação no widget.
Activate shoppable instagram widget analytics

Desta forma, verá quais as mensagens que geram vendas para a sua empresa.

Inscrever-se no widget Comprar o meu feed

As publicações compráveis no Instagram podem tornar-se um dos melhores canais de vendas do seu sítio Web.

Espero que este guia passo a passo ajude a configurar o feed do Instagram no seu sítio Web, a promover os produtos de uma forma mais autêntica e a melhorar o percurso do comprador.

Image

Incorporar Loja Instagram no seu sítio Web automaticamente!

Gerar e apresentar um feed de compras do Instagram no seu sítio Web com hiperligações de produtos marcados para...

Teste gratis

FAQ sobre feeds Shoppable

Para mais pormenores, consultar o Compras no Instagram e navegue abaixo para obter respostas às perguntas mais frequentes:

Que informações são necessárias para cada etiqueta de produto no feed do Instagram?

As informações necessárias para as etiquetas de produto são as seguintes

  • Nome do produto.
  • Ligação de checkout do produto ou página do produto.
  • Preço do produto.
  • Fotografia do produto.

O facto de dispor de mais informações ajudará certamente a aumentar as vendas desse produto.

Posso personalizar o aspeto das publicações compráveis do Instagram no meu sítio Web?

Sim. Poderá alterar o estilo das mensagens de feed e também alterar todo o feed para que apareça como feed, colagem ou barra deslizante.

Por que adicionar o Instagram Feed no site do Shopify?

Por defeito, a Shopify é uma plataforma onde carrega e mostra todos os dados dos seus produtos. Mas quando se trata de mostrar como outras pessoas utilizaram ou utilizam os seus produtos, é necessário mais do que apenas fotografias de stock ou fotografias dos seus produtos que possui internamente.

É por isso que adicionar publicações de compras no Instagram dos seus clientes e marcar os produtos nas fotografias que partilham é uma forma mais eficaz de mostrar de forma realista como as pessoas normais utilizam os seus produtos.

E estes UGC venderão mais do que as lojas Shopify normais.

Como criar publicações de compras no Instagram?

A criação de publicações de compras no Instagram implica a configuração da sua conta para funcionalidades de compras e, em seguida, a criação de publicações com etiquetas de produtos. Além disso, poderá ser necessário passar por um processo de revisão da conta.

Eis um resumo simplificado:

Pré-requisitos:

  1. Mudar para uma conta empresarial ou de criador: É necessária uma conta Instagram Business ou Creator para aceder às funcionalidades de compras.
  2. Ligar à página do Facebook e criar uma loja: Ligue a sua conta do Instagram a uma página do Facebook que tenha uma loja ligada. É aqui que vai gerir as informações e o catálogo de produtos.

Criar publicações compráveis:

  1. Criar uma nova publicação: Comece por criar uma nova publicação de imagem ou vídeo no seu perfil do Instagram.
  2. Marque os seus produtos: Durante a criação do post, toque em 'Etiquetar produtos' e, em seguida, toque na área da sua imagem ou vídeo onde o produto aparece.
  3. Pesquisar e selecionar produtos: Procure o produto correspondente no seu catálogo e seleccione-o. Pode marcar até 5 produtos por publicação de imagem e 20 produtos por publicação de carrossel.
  4. Partilhe a sua publicação: Depois de adicionar as etiquetas de produto, partilhe o seu post como habitualmente.

Tenha em atenção que estas publicações de produtos e as ligações para o checkout no Instagram só estão disponíveis na aplicação Instagram. Atualmente, não existe a opção de gerar automaticamente estas etiquetas de produtos, pelo que é necessário voltar a etiquetá-los manualmente para que sejam apresentados no widget de compra no seu sítio Web.


Diretor Executivo da EmbedSocial 

Nikola Bojkov é o CEO da EmbedSocial, um empreendedor que transforma problemas em produtos. Com mais de uma década de experiência prática com APIs de redes sociais, orienta a EmbedSocial no seu papel de parceiro técnico tanto para PMEs como para grandes agências, maximizando o impacto dos seus conteúdos gerados pelos utilizadores. A EmbedSocial tem escritórios em Skopje, Tóquio e Lisboa e conta com mais de 250.000 utilizadores.