Elfsight Birthday Sale

Como Adicionar o Instagram ao Shopify

A integração de feeds de mídia social dá ao seu site de negócios no Shopify uma aparência atualizada, o que significa que você está ativo online e se conectando com seus clientes e fãs. Você também pode mostrar o que as pessoas estão dizendo sobre sua marca no Instagram. E quem melhor para falar sobre sua marca, produtos ou serviços do que seus clientes fiéis?
Criar Widget na Demo ao Vivo
Share:
Partilhar no Facebook
Share on X
Share on LinkedIn
Share on WhatsApp
Copy Link
Como Adicionar o Instagram ao Shopify

Muitas empresas de comércio eletrônico postam fotos e incentivam o engajamento da comunidade nesta rede social nos dias de hoje, mas surpreendentemente apenas algumas incorporam conteúdo social em sua página do Shopify. Planejar e criar um impressionante Feed do Instagram requer muito esforço, então faz sentido desbloquear o potencial desse conteúdo em seu site do Shopify. Você também pode conferir nosso guia completo de integração do Instagram para qualquer CMS.

3 Opções de Integração

O Shopify possui muitas opções para integração do Instagram, o que permite adicionar um feed do Instagram ao seu site, postar fotos em sua loja Shopify ou compartilhar produtos nas Histórias do Instagram.

Método 1: Plugin Social de Terceiros

Os serviços internos da Meta não oferecem um plugin pronto que permita a integração do conteúdo do seu perfil do Instagram. Portanto, se você deseja incorporar feeds de hashtags ou o conteúdo da sua conta do Instagram, precisa usar plugins de terceiros. 

Esses plugins funcionam permitindo que você vincule sua conta e, em seguida, incorpore uma galeria e feed unificados de suas postagens recentes do Instagram, o conteúdo que deseja compartilhar ou hashtags específicas. Esta é uma opção fácil e sem complicações para iniciantes, e você deve conferir as soluções de integração fáceis de usar disponíveis hoje. A Elfsight oferece a qualquer usuário a capacidade de criar um plugin de Feed do Instagram personalizado e incorporá-lo gratuitamente em seu site Shopify para teste.

Comece criando o Feed do Instagram para o seu site Shopify!

Por que o plugin de Feed do Instagram da Elfsight é um dos melhores do mercado?

  • Nenhuma habilidade de programação ou design necessária – qualquer pessoa pode criar um aplicativo de Feed do Instagram pessoal e incorporá-lo em qualquer construtor de sites ou CMS de comércio eletrônico (incluindo Shopify).
  • Suporte profissional gratuito ao cliente – Se os clientes tiverem problemas com a configuração, os especialistas em suporte estão sempre disponíveis e instalarão o plugin em sua loja Shopify gratuitamente.
  • Não é necessário registrar uma conta – você não precisa fazer login no serviço para acessar a funcionalidade completa. Explore o poder do plugin em uma demonstração online.
  • Todos os dispositivos são suportados – Interface totalmente responsiva e compatível com dispositivos móveis que fica boa em qualquer tela e dispositivo.
  • Interface de plugin adaptável – você pode desativar qualquer coisa para manter seu feed minimalista ou criar uma seção de Instagram desenvolvida para Shopify com cabeçalho, botão de CTA e outros elementos.
  • Diferentes layouts e modelos disponíveis – linhas e colunas personalizáveis e numerosas outras configurações. Você pode adicionar conteúdo por URL, hashtags e nome de usuário.
  • Tente e incorpore o Feed do Instagram gratuitamente – se decidir usar o aplicativo Shopify permanentemente, a precificação é razoável e você realmente pode usar o plugin no plano tarifário mais barato.

Método 2: Adicionar Posts Individuais Manualmente

Você pode querer realizar a integração de imagens individuais e formar feeds personalizados em seu site Shopify. Embora isso seja fácil, pode se tornar trabalhoso com o tempo, pois você precisa incorporar determinados posts repetidamente em seu site. Isso significa que toda vez que você criar uma nova postagem no Instagram, terá que voltar e editar a incorporação se quiser que ela mostre as postagens mais recentes. Para a maioria das pessoas que postam diariamente, isso seria um grande problema para pouco valor.

Incorporar uma única postagem do Instagram é fácil. 

  1. Acesse a postagem e selecione o botão de três pontos no canto superior esquerdo. 
  2. Você verá várias opções, incluindo Incorporar. Toque nesta opção. 
  3. Copie os dados mostrados na janela pop-up.
  4. Em seguida, cole este código de instalação da sua postagem do Instagram em um bloco de HTML personalizado no seu site Shopify e ele será  incorporado automaticamente.
  5. Pronto! O processo é tão simples assim. Você pode adicionar várias postagens do Instagram desta maneira a um site para criar seu próprio feed.
Integração do Instagram para o Shopify

Você também pode adicionar parâmetros adicionais, por exemplo, especificar a largura da postagem, ocultar as legendas e mostrar apenas a imagem.

Importante: Por favor, note que este método só funciona se você tiver uma conta profissional do Instagram. Para incorporar imagens específicas em uma loja online ou site, a conta associada não pode ser privada. Para tornar uma conta do Instagram pública, vá para esse perfil e clique em Configurações -> Privacidade. Nesta página, desmarque a opção “Conta Privada” e pronto.

Método 3: Desenvolver Código Personalizado

Se você é habilidoso com tecnologia e capaz de codificar, também tem a opção de criar aplicativos da web por conta própria. Você precisará solicitar um token de autenticação, que concederá acesso à API oficial (e é aqui que as coisas se complicam para a maioria dos programadores).

Primeiro, o Instagram está processando a mudança em sua API após múltiplos vazamentos de dados. Há um plano acelerado para abandonar a API do Instagram em favor da API do Facebook. O resultado potencial que você deve esperar deste passo é a remoção do ID que permite coletar fotos de outros usuários.

Um problema ao criar seu próprio plugin de Instagram para Shopify é que você também precisa atualizá-lo conforme a plataforma faz alterações. Isso significa que qualquer alteração no Instagram tornará seu aplicativo indisponível até que você possa atualizar o código. Esta re-incorporação e re-aplicação pode levar dias ou semanas, levando os visitantes a pensar que seu site está incompleto.

Importante: Este método é adequado apenas para desenvolvedores web profissionais! Você pode contratar alguém para criar um código de feed do Instagram para o seu caso de uso. Isso funciona bem para sites Shopify personalizados ou quando você precisa de uma aparência altamente personalizada para seu conteúdo incorporado. Ao escolher o desenvolvimento de software personalizado, você pode atender às suas preocupações e necessidades mais importantes.

Como Incorporar o Feed do Instagram ao Shopify

Agora, quando você tem o código do Feed do Instagram, é hora de adicioná-lo ao seu site Shopify. Incorporar um aplicativo na página inicial é realmente fácil e qualquer usuário da internet com habilidades médias pode fazê-lo. Você trabalhará em um editor online com uma interface intuitiva para criar um plugin que melhor se adapte ao seu caso de uso Shopify e design do site. Basta seguir as instruções do guia detalhado abaixo.

  1. Registre-se no serviço
  2. Vá para o editor para criar seu próprio plugin.
  3. Projete o seu feed do Instagram.
  4. Obtenha o código de instalação.
  5. Prossiga para o Painel de Administração do Shopify

Registre-se para uma conta na Elfsight para ter acesso ao seu painel de administração. Lá você pode copiar o código do plugin do Instagram para instalação. Primeiro, você precisa conectar seu perfil do Instagram à interface do aplicativo Feed ou inserir uma hashtag para adicionar o conteúdo. Em seguida, escolha um dos dois tipos de filtros – excluir por fonte e mostrar apenas fontes específicas.

Em seguida, brinque com numerosas opções de personalização e funcionalidade. Você pode criar paredes, grades, carrosséis e slideshows que exibem as imagens. Altere o número de postagens exibidas, oculte itens, mude o tema de cores e muito mais. Clique no botão ‘Adicionar ao Site’ e copie o código que aparece na janela pop-up. Depois de copiar o código do seu Feed do Instagram criado, vá para sua conta Shopify para incorporá-lo lá em uma seção personalizada.

Adicionar Instagram a uma Página Específica do Shopify

Você pode incorporar seu feed do Instagram na página inicial do Shopify ou criar vários feeds individuais para páginas de produtos ou seções separadas de uma loja online.

  1. Abra o editor visual do seu site, vá para Loja Online e pressione Personalizar.
  2. Adicione a seção de Conteúdo Personalizado à página de destino (Quando você acessa o editor visual, a página inicial é aberta por padrão, mas você pode selecionar a página certa do seu site Shopify no menu suspenso.)
  3. Vá para “Seções” no menu lateral e clique em “Adicionar nova seção”. 
  4. Dê um nome e um editor será aberto. 
  5. Adicione o código de instalação do Feed do Instagram lá e salve as alterações.
Adicionar Instagram ao Modelo do Shopify
  1. Faça login na sua conta Shopify e selecione uma loja onde deseja ver o plugin. Selecione Ações → Opção Editar Código.
  2. Abra o modelo de tema – encontre o arquivo theme.liquid na seção Layout e clique nele.
  3. Cole o código de instalação do aplicativo Feed do Instagram antes da tag de fechamento </ body>.
  4. Salve as alterações e vá para o seu site Shopify para ver o aplicativo incorporado em ação.
Adicionar Instagram a Todas as Páginas de Produtos do Shopify
  1. Vá para o admin do Shopify. Faça login no backend do seu site Shopify, vá para a loja online e selecione a opção Ações  → Editar código.
  2. Abra o modelo de design. Em seguida, vá para Seções → Arquivo de Modelo de Produto (Se você estiver usando Shopify Store 2.0, você deve selecionar o arquivo main-product.liquid em vez disso.)
  3. Encontre o local onde deseja exibir o aplicativo, cole o código de instalação do aplicativo lá e salve as alterações.
  4. Ótimo! Você incorporou seu aplicativo Feed do Instagram em todas as páginas de produtos do seu site Shopify!
Adicionar Instagram a páginas de produtos específicas do Shopify

Você também pode incorporar um feed do Instagram em cada página individual do Shopify. 

  1. Faça login no backend do seu site Shopify, vá para Loja Online e selecione Ações, a opção Editar código
  2. Em seguida, abra o arquivo main-product.liquid na pasta Seções do seu Shopify 2.0 Store. Observação: caso você use versões mais antigas do Shopify, pode ser necessário escolher o arquivo product.liquid em vez disso.
  3. Cole o bloco de código abaixo na área desejada para criar um contêiner de bloco para o aplicativo. Salve as alterações.
  4. Após salvar as alterações, vá para a Loja Online e selecione Personalizar. No menu suspenso superior, selecione as páginas de produtos do Shopify.
  5. Adicione o bloco para o aplicativo do Instagram Elfsight que você criou anteriormente. Dependendo do tema da sua loja Shopify, você pode ver as informações do produto ou a pasta Páginas de Produto. Abra a pasta, clique em Adicionar bloco na parte inferior da pasta e adicione um bloco de aplicativo Elfsight.
  6. Abra o bloco do aplicativo Elfsight, selecione o produto Shopify desejado e adicione o código de instalação do Feed do Instagram na seção abaixo.
  7. Salve as alterações clicando em Salvar no canto superior direito da sua loja.

Se você encontrar alguns problemas, os profissionais do suporte técnico podem lidar com a integração do seu aplicativo Feed do Instagram no seu site Shopify de acordo com suas necessidades, sem custos adicionais, o que é outra vantagem desta empresa.

Modelos de Feed do Instagram para Shopify

Os Modelos de Feed do Instagram ajudam a incorporar um feed envolvente em seu site para que os usuários queiram explorar mais sobre o que você tem a oferecer em seu site Shopify. E mesmo que eles não comprem nada de você hoje, sempre há a chance de que queiram voltar e fazer uma compra no futuro.

Feed de Hashtags do Instagram

O feed que combina todas as hashtags relacionadas à sua postagem ou conta no Instagram e você pode incorporá-las para uso conforme necessário em sua campanha de marketing do Shopify ou apenas para atrair novos seguidores que possam estar interessados em seu produto ou serviço.

Aplicativo de hashtag do Instagram da Elfsight para Shopify

Aplicativo do Perfil do Instagram

Há muitas maneiras de usar feeds do Instagram incorporados para promover sua marca e aumentar seu público. Uma delas é através da integração do perfil do Instagram em seu site de comércio eletrônico no Shopify. Dessa forma, você pode vincular os produtos em seu site às postagens correspondentes no Feed do Instagram.

Aplicativo de perfil do Instagram da Elfsight para Shopify

Grade do Instagram

Este modelo de grade do aplicativo do Instagram apresenta as imagens do feed de maneira minimalista. Isso é feito para destacar as imagens de seus produtos e fazê-las parecer uma galeria ou portfólio unificado incorporado em seu site Shopify.

Grade de slider do Instagram da Elfsight para Shopify

Pequeno Aplicativo do Instagram

Este pequeno aplicativo incorporado pode se encaixar em uma área de barra lateral ou rodapé do seu site Shopify. Ele ajudaria você a usar seu espaço de página com sabedoria, exibir seu feed de mídia social, presença e atividade, e ganhar mais seguidores no Instagram.

Plugin de barra lateral do Instagram da Elfsight para Shopify

Onde Colocar o Feed do Instagram no Site do Shopify

Embora muitos produtos de marcas globais e locais conhecidas sejam altamente compatíveis com o Instagram, atualmente não há uma maneira fácil de vincular a cada postagem com seu site Shopify. O único link clicável disponível no Instagram está na descrição do perfil.

Embora existam muitas ferramentas de negócios e aplicativos da web para o Instagram, a pergunta para os web designers permanece: Como incorporar perfeitamente o feed e as postagens do Instagram no design da web usando um código simples? A maneira número um de integrar conteúdo social ao design da web do Shopify é incorporando um plugin. A integração é mais consistente com um tema que combina bem com seus produtos atuais e as cores do design da web.

Método 1: Página de Inspiração

Embora uma linha do tempo simples do Instagram também seja chamada de feed, toda uma página do seu site pode ser conectada à sua conta do Instagram sem a necessidade de criar qualquer conteúdo adicional. Muitas marcas usam essa técnica como uma Página de Livro de Estilo para seus produtos do Shopify.

Método 2: Catálogo de Produtos

Outra opção para usar o conteúdo do Instagram é criar uma página incorporando seu feed com um forte foco em vendas. Com o título Compre Nosso Catálogo Online, o propósito é claro mesmo antes que um usuário acesse a página. Se o usuário clicar nas imagens, uma lista com links para os produtos exibidos aparece, levando-os diretamente para a compra no Shopify.

Método 3: O Que Nossos Clientes Dizem

Nosso estilo de vida digital tornou Influenciadores e o boca a boca hiperativos. Isso significa que a retenção de clientes está se tornando cada vez mais importante para marcas em todos os lugares. Crie um feed de hashtag unificado de postagens e comentários do Instagram combinados em uma seção e conectados à página inicial do Shopify. Estimule seus clientes a postarem suas fotos com sua hashtag para obter mais conteúdo maravilhoso gratuitamente. Desta forma, os usuários se sentiriam parte de algo maior do que eles mesmos.

Método 4: Produtos em Destaque

A integração de um feed de compras do Instagram em seu site Shopify pode ser um exemplo de uma página Like2Buy onde seus visitantes podem visualizar facilmente o belo conteúdo fotográfico e acessar a página do produto com um único clique. Isso torna a conversão para a compra muito mais fácil e a experiência do usuário para o cliente torna a experiência geral mais agradável.

Dica: Em seu feed, remova todos os elementos da postagem (curtidas, comentários, ícone do Instagram) e ele aparecerá como “Editorial” e não “Social”, pois há pouca ou nenhuma evidência de que esse conteúdo de qualidade seja de suas fontes do Instagram. A integração perfeita promove sutilmente o comércio eletrônico, vinculando ao produto que é exibido quando a miniatura é clicada.

Quem Precisa do Feed do Instagram

Cinco por cento dos usuários no Instagram agem depois de serem inspirados por uma postagem, seja uma compra, doação, compartilhamento, ou visita a um site. Por que não usar essa taxa de conversão a seu favor? Usar a página inicial do Shopify para direcionar o tráfego para suas plataformas de mídia social aumentará sua influência nas redes sociais, especialmente em plataformas de compartilhamento de fotos.

Marcas Locais e de Nicho: O algoritmo da plataforma do Instagram pode ser complicado, especialmente para pequenas empresas e marcas extremamente de nicho, mas se você tiver um site funcionando, poderá obter facilmente as visualizações de perfil e curtidas de que precisa. Adicionar seu feed de perfil social ao site Shopify constrói confiança com seus leitores e adiciona credibilidade e autenticidade à sua marca.

Startups e Empresas em Crescimento: Seus leitores verão sua presença consistente e forte nas mídias sociais e se sentirão mais conectados a você. E o benefício adicional de potenciais patrocinadores e/ou parceiros verem seu feed de Instagram curado e unificado só trará fluxos de receita adicionais para sua marca.

Marcas da Indústria de Beleza e Moda: O conteúdo visual incorporado funciona maravilhosamente para a estética de sua página, especialmente uma seção bem curada. Você pode facilmente obter mais benefícios de uma imagem e obter um conteúdo web incrível. Através da integração do seu feed e postagens do Instagram, os clientes também obtêm uma página de portfólio atualizada no Shopify. É uma ótima maneira de exibir seus serviços ou marca de estilo de vida.

Distribuidores e Revendedores: Outro benefício da integração do plugin de Feed do Instagram são os depoimentos de sua marca na forma de comentários. É uma maneira gerenciável de construir confiança com seus clientes e manter um fluxo regular de depoimentos não oficiais. Isso mantém a página inicial do seu Shopify clara.

Conclusão

Incorporar o Feed do Instagram em um site é extremamente benéfico para o seu negócio. É uma ótima maneira de construir uma comunidade e uma base de clientes fiéis, aumentar a confiança, demonstrar autenticidade e aumentar as vendas. Não requer um grande investimento de tempo e dinheiro e pode ser automatizado através da ferramenta de agregação social da Elfsight para o Shopify. Portanto, é recomendável incorporar o feed unificado de postagens do Instagram em seu site para adicionar vibração, criatividade e interatividade.

Acima, nós lhe demos algumas maneiras eficazes de exibir facilmente feeds e postagens do Instagram no site do Shopify. Agora é hora de considerar como você pode aproveitar este conteúdo de rede para seus visitantes. Isso incentivará os usuários a passarem mais tempo em sua página e começarem a interagir com o conteúdo responsivo. A integração do feed do Instagram é a oportunidade perfeita para sua marca gerar leads, aumentar conversões e aumentar o reconhecimento da marca.

Também, tenha em mente que temos outros guias incríveis, por exemplo, você pode descobrir como incorporar avaliações comerciais do Google no site!

Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal