Crie um Feed 'Compre Meu Instagram' para Seu Site

O Instagram é nossa inspiração em muitas coisas.

E nossa nova funcionalidade Tags de Produto não é exceção!

O Instagram introduziu Shopping e marcação de produtos como uma forma criativa de demonstrar como um produto específico é usado ou consumido em um post, imagem ou vídeo do Instagram. Para proporcionar ao consumidor uma continuação instantânea da experiência de compra, adicionou tags em partes do post para fornecer funcionalidade de compra direta.

Nesse sentido, procurávamos uma maneira de introduzir essa mesma opção de marcação de produtos no site dos nossos utilizadores, fornecendo a eles um widget ‘compre meu Instagram’ marcado com links para páginas de produtos.

Incluir uma funcionalidade de marcação de produtos em um site surgiu como uma resposta natural aos pedidos dos utilizadores e às tendências, principalmente criadas por funcionalidades semelhantes na plataforma do Instagram.

Portanto, hoje temos prazer em apresentar Tags de Produto em Feeds, uma opção de comércio eletrônico para etiquetar fotos geradas por utilizadores com detalhes reais de produtos que contêm uma chamada para ação direta.

Veja como as Tags de Produto ficam dentro de um feed de mídia social:

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

Observe que as Tags de Produto já estão disponíveis para todos os utilizadores PRO atuais do nosso agregador de mídia social.

Continue lendo para aprender tudo o que você precisa saber sobre Tags de Produto

Conheça as Tags de Produto da EmbedSocial

Criamos as Tags de Produto com a seguinte funcionalidade em mente: Permitir que nossos clientes usem qualquer um de seus posts de mídia social para anunciar seus produtos diretamente em seu site e aumentar instantaneamente as vendas.

Dito isso, com as Tags de Produto, você pode transformar instantaneamente seus feeds de mídia social em Lojas Interativas.

O resultado: menos fricção e um número reduzido de cliques até o carrinho de compras.

Quando seus compradores decidiram comprar seu produto, eles querem fazê-lo AGORA.

Ainda assim, alguns pontos de fricção podem fazer com que os compradores abandonem seus carrinhos (tanto virtualmente quanto na loja). Muitos cliques até o checkout e uma experiência de checkout não otimizada para telemóvel são alguns dos principais pontos de fricção.

De acordo com um recente benchmark do Baymard, 87% dos consumidores dizem que um processo de checkout complicado os fará abandonar seu carrinho de compras.

E além disso, 84% dos compradores são improvável que comprem com uma marca novamente após uma experiência ruim.

Isso é exatamente o que as Tags de Produto resolvem!

Com apenas alguns cliques, nossos clientes podem etiquetar produtos como sobreposições em qualquer post gerado de qualquer uma de suas contas de mídia social, como página do Instagram, Facebook, Twitter ou outras plataformas de mídia social, e incorporá-los em seu site usando nossos widgets de feed modernos.

Da próxima vez que um utilizador interagir com nosso widget semelhante ao compre meu Instagram, serão reveladas tags que podem ser clicadas para visualizar mais informações sobre o produto e um link para comprar o produto.

Como funcionam as Tags de Produto?

Até recentemente, você só poderia adicionar links a posts antigos ou novos que, uma vez clicados, navegariam os utilizadores para a página de checkout, página inicial, post do blog, etc.

Mas agora, queremos desbloquear desejos de compra adicionais do consumidor. Criar um widget simples compre meu Instagram com a opção de etiquetar produtos parecia uma ótima opção.

Atualmente, mais utilizadores da EmbedSocial pediram por essa funcionalidade, então decidimos integrar esse widget comprável como parte da plataforma EmbedSocial.

Isso daria aos clientes uma experiência de compra mais completa e informativa, sem mencionar um processo de compra muito mais simples.

Veja um exemplo de como funciona:

Imagine que você é uma loja de moda que vende roupas femininas. Seus posts provavelmente contêm fotos de modelos usando suas roupas. Portanto, para mostrar exatamente o que um modelo está vestindo, a Tag de Produto será de grande ajuda.

Com um simples arrastar e soltar de círculos, você pode apontar exatamente para as partes da foto onde o produto está. Por exemplo, etiquetar um chapéu, um vestido ou sapatos

E essa marcação permitirá que você especifique informações de produtos como nome do produto, imagem e preço.

O resultado: Feed de Instagram Comprável!

Veja a demonstração ao vivo →

Com apenas alguns cliques, você pode mostrar uma foto que, quando interagida, exibirá os produtos exatos que o modelo está vestindo.

Portanto, dando ao cliente em potencial um caso de uso real dos produtos nos quais está interessado, por padrão, levará a uma decisão de compra mais rápida.

Pronto para dar uma espiada no processo de design e desenvolvimento das Tags de Produto?

Você também pode estimular sua criatividade com alguns dos casos de uso mais comuns que você como varejista pode aplicar hoje para potencializar seu negócio.

Vamos começar!

O processo de design das Tags de Produto

Um bom design é um ingrediente vital de cada nova funcionalidade que implementamos. Pelos gráficos incríveis das funcionalidades da EmbedSocial, o “crédito” vai para Angela, nossa designer de UX.

Ela acredita profundamente que um bom design é um indicador de que você ouviu a voz do seu cliente, e isso é exatamente o que aqui na EmbedSocial estamos tentando fazer.

Então, qual foi a inspiração de Angela ao criar o design das Tags de Produto?

Nas suas palavras:

“O design não começa com você (a menos que você seja o novo Leonardo Da Vinci). Sempre tenho isso em mente. Você começa com o básico do design, criando um fluxo familiar para o utilizador. Pesquisar aplicações existentes e legais também é essencial. Você encontra inspiração para seu aplicação/funcionalidade em aplicações legais que você usa todos os dias. Mas, acima de tudo, as ideias de design para Marcação de Produtos vieram dos utilizadores testando a funcionalidade e seu feedback.”

Como ela explica, o processo de design para Tags de Produto foi dividido em 4 partes:

1. Pesquisa para a nova funcionalidade (esta é a parte em que nasceram os primeiros mockups da versão MVP)
2. Criação do painel de administração
3. Implementação da funcionalidade de marcação de produtos no design front-end dos widgets de feed
4. Comunicação constante e feedback para melhorar a primeira versão.

Parece bastante trabalho, certo?

Vamos olhar para a perspectiva técnica.

O processo de desenvolvimento das Tags de Produto

Designs e desenvolvimento se mostraram ser ótimos parceiros do crime (mais uma vez).

Enquanto Angela estava fazendo sua mágica, no coração do processo de desenvolvimento das Tags de Produto está nosso jovem e talentoso desenvolvedor, Kristijan Jovanovski.

Aqui estão alguns insights da sua perspectiva:

“O processo de desenvolvimento começa com um design terminado do nosso designer de UX para a funcionalidade em questão (neste caso, Marcação de Produtos).

Eu (o desenvolvedor) recebo um briefing completo da ideia por trás da funcionalidade e do que é esperado. Discutimos quaisquer obstáculos técnicos potenciais e o desenvolvimento começa. Durante a fase de desenvolvimento, caso haja necessidade de discussão adicional, a fazemos no Jira ou Slack. Uma vez que o desenvolvedor terminou a tarefa, ela é colocada no nosso servidor de staging e testada pela nossa equipe. Qualquer feedback é discutido e trabalhado pelo desenvolvedor. Uma vez que a fase de testes está concluída, a funcionalidade é lançada.

Para algumas funcionalidades mais extensas como esta, dividimos o desenvolvimento em múltiplas fases. Por exemplo, a primeira fase seria um MVP, a segunda fase introduziria outros recursos úteis, e assim por diante.“

De acordo com Kiko, de uma perspectiva técnica, o maior desafio foi posicionar corretamente as tags de produtos na imagem e garantir que as tags ficassem corretamente definidas quando a janela fosse redimensionada.

Podemos ver que ambos fizeram um ótimo trabalho. A seção de administração da nova funcionalidade Tags de Produto fica linda!

Aplicabilidade das Tags de Produto para se inspirar

Adicionar um widget comprável com tags de produtos na sua página inicial ou página de produtos fornecerá uma jornada do cliente mais direta e esteticamente agradável.

Se você é um designer profissional de decoração de interiores, blogueiro de moda, entusiasta de DIY ou chef de restaurante, as Tags de Produto podem ser aplicáveis ao seu negócio.

Aqui estão algumas sugestões sobre onde você pode considerar aplicar Tags de Produto para exibir seu conteúdo exclusivo:

Produtos de vestuário

Para postar compilações de looks e pessoas usando suas roupas de marca (conhecidas como Compre Meu Look).

Cosméticos e maquiagem

Para mostrar o rosto de uma pessoa que usou seus produtos para maquiagem ou cuidados com a pele.

Produtos de fitness

Para expor o equipamento e itens que você precisa ter para um estilo de vida ativo.

Compilação de menu e receitas

Para exibir imagens de oferta de alimentos e bebidas, ingredientes principais e preço. Ou semelhante para mostrar receita com produtos marcados que são realmente usados nessa receita.

Começando com Tags de Produto

Atualmente, a nova funcionalidade está disponível para utilizadores da EmbedSocial.

Para testar a marcação de produtos em seu site, siga este tutorial passo a passo:

1. Faça login na sua conta EmbedSocial
2. Passe pelas etapas para criar um widget de feed
3. Na página de edição do widget, clique na aba ‘Links’
4. Clique no botão azul ‘Adicionar link’ em cada foto/post
5. Clique na opção ‘Etiquetar Produtos’
6. Clique na foto para etiquetar seu(s) produto(s)
7. Preencha os detalhes do produto (se sua página tiver um código de Schema, os dados do produto serão preenchidos automaticamente)
8. Copie e cole o código HTML em seu construtor de site

Pronto.

Assista ao vídeo abaixo para um passo a passo detalhado:

Observe que muitos aplicações úteis e sites podem ajudá-lo a criar links de afiliados e inseri-los como links de swipe up para sua Instagram Story ou página do Instagram. LiketoKnow.it, ShopStyle, RewardStyle, Amazon, apenas para citar alguns.

A diferença é que todos eles fornecerão a experiência compre meu Instagram dentro de sua conta do Instagram. As Tags de Produto vão além disso. Elas oferecen uma experiência comprável no seu próprio site.

Inscreva-se para Feed Comprável

Acreditamos fortemente que essa funcionalidade trará um valor imenso para cada cliente, diz Marija, nossa Gerente de Projeto.

Lançamos Feeds Compráveis para permitir que os utilizadores vendam mais com seu conteúdo gerado por utilizadores do Instagram. As tags de produtos e links agora também são integrados ao Square. Eles podem permitir que esses utilizadores sincronizem facilmente seus produtos do Square e marquem o conteúdo do Instagram com links de checkout para que os clientes possam comprar os produtos imediatamente.

Marija Vlasceva, Gerente de Projeto na EmbedSocial

No final do dia, você quer diferenciar sua marca dos concorrentes e torná-la a mais atrativa. Utilizar tags de produtos em seu site é apenas uma maneira de fazer isso.

Continuaremos capacitando nossos utilizadores com muitas funcionalidades úteis e soluções impecáveis… então fique ligado!