- O Instagram Feed exibe as últimas fotos do perfil do Instagram da sua loja diretamente na vitrine, em carrossel ou em grade.
- As imagens são sincronizadas automaticamente todo dia e cada foto leva o visitante ao post original no Instagram.
- Ajuda a transformar visitantes da loja em seguidores e a manter a página com conteúdo sempre atualizado.
- Disponível para lojas Magento 1.
Passo a Passo por Escrito
1. Acesse as configurações do módulo no painel administrativo
No menu superior, acesse Sistema → Configuração. No menu lateral esquerdo, dentro do grupo Serviços, clique em Instagram Feed.
Resultado esperado: A tela de configuração do Instagram Feed será exibida, com os grupos Gerenciar Token, Força atualização de imagens e Templates disponíveis.
2. Habilite o módulo
No grupo Gerenciar Token, no campo Habilitado, selecione a opção Habilitar.
Ao habilitar, os demais campos (Token, Id Usuario, Usuario) e os botões aparecem na tela.
Enquanto o módulo estiver desabilitado, o feed não aparece na loja e a sincronização automática das imagens não acontece.
Resultado esperado: Os campos de token e os botões passam a ser exibidos no grupo Gerenciar Token.
3. Informe o Token do Instagram
No campo Token, cole o token de acesso do Instagram da sua loja.
O token é um código de acesso gerado na conta de desenvolvedor do Instagram/Meta e é o que autoriza a loja a buscar as fotos do seu perfil.
Sem um Token válido, o módulo não consegue buscar as imagens e o feed não é preenchido. Se você ainda não tem esse código, entre em contato com o nosso suporte para obtê-lo.
Resultado esperado: O campo Token fica preenchido com o código de acesso.
4. Obtenha os dados do seu perfil
Ainda no grupo Gerenciar Token, clique no botão Obtér dados do usuario.
A loja consulta o Instagram e preenche automaticamente os campos Id Usuario e Usuario com base no token informado.
O campo Usuario é o nome que aparece no título do feed na loja (ex: Instagram @sualoja). O campo Id Usuario fica oculto por segurança.
Se aparecer uma mensagem de erro em vez do preenchimento, revise o Token — provavelmente ele está inválido ou expirado.
Resultado esperado: Os campos Id Usuario e Usuario são preenchidos automaticamente e uma mensagem de sucesso com o nome do perfil é exibida.
5. Salve as configurações
Clique em Salvar Configuração, no canto superior direito da tela.
Após salvar, atualize o cache da loja para que as alterações entrem em vigor.
Resultado esperado: A mensagem "A configuração foi salva" é exibida no topo da tela.
6. Sincronize as imagens pela primeira vez
No grupo Força atualização de imagens, clique no botão Atualizar Agora.
A loja baixa as últimas publicações do seu Instagram e as guarda para exibição. A partir daí, a atualização passa a acontecer automaticamente todo dia.
A sincronização pode levar alguns segundos, dependendo da quantidade de fotos. Aguarde a mensagem de retorno antes de sair da tela.
Resultado esperado: A mensagem "Dados Atualizados" é exibida, indicando que as imagens foram sincronizadas.
7. Insira o feed na página desejada
Escolha em qual página o feed vai aparecer (normalmente a Home). Acesse CMS → Páginas, abra a página, vá até a aba Visual e localize o campo Atualização de Leiaute por XML.
Cole um dos modelos abaixo, conforme o formato desejado, e ajuste o número dentro de <value> para definir quantas fotos aparecem (máximo recomendado: 20).
Para exibir em carrossel (fotos que deslizam):
<reference name="content">
<block type="core/template" name="instagramwidget"
template="instagramfeed/instagramwidget.phtml">
<action method="setData"><name>limit</name><value>10</value></action>
</block>
</reference>
Para exibir em grade (fotos em blocos fixos):
<reference name="content">
<block type="core/template" name="instagramwidget_grid"
template="instagramfeed/instagramwidget_grid.phtml">
<action method="setData"><name>limit</name><value>10</value></action>
</block>
</reference>
O grupo Templates disponíveis, na própria tela de configuração do módulo, mostra esses mesmos modelos prontos para copiar.
Depois de salvar a página, atualize o cache da loja para o feed aparecer no site.
Resultado esperado: As últimas fotos do Instagram passam a ser exibidas na página escolhida, no formato selecionado.
Validação e Testes
Após concluir a configuração, execute os testes abaixo para confirmar o funcionamento correto.
Teste 1 — O feed aparece na loja
Ação: acesse a página onde inseriu o feed (ex: a Home) pelo site da loja, como um visitante.
Resultado esperado: As fotos do seu Instagram são exibidas, com o título Instagram @seuperfil acima delas.
Teste 2 — As fotos levam ao Instagram
Ação: clique em uma das fotos do feed.
Resultado esperado: Uma nova aba abre com a publicação original no Instagram.
Teste 3 — Uma foto nova é sincronizada
Ação: publique uma nova foto no seu Instagram, volte ao admin em Instagram Feed → Força atualização de imagens e clique em Atualizar Agora. Depois, atualize o cache e recarregue a página do feed na loja.
Resultado esperado: A nova publicação passa a aparecer entre as primeiras fotos do feed.
Teste 4 — Verificação em caso de falha
Se não funcionar, verifique:
- O campo Habilitado está em Habilitar.
- O Token foi colado corretamente e não expirou (repita o passo 4 e confirme o preenchimento do Usuario).
- Você clicou em Atualizar Agora ao menos uma vez para a primeira sincronização.
- O XML foi inserido na página certa e o cache foi atualizado após salvar.
- No formato carrossel, se as fotos aparecem empilhadas sem deslizar, teste o formato grade.
Pronto! Dessa forma realizamos a configuração do Instagram Feed em sua loja virtual Magento 1.
Observações Importantes
- Sincronização automática: depois da primeira atualização, as imagens são sincronizadas sozinhas todo dia. Você só precisa usar o Atualizar Agora quando quiser ver uma foto nova imediatamente.
- As imagens ficam na loja: as fotos são guardadas na sua loja, então o feed continua aparecendo mesmo que o Instagram esteja temporariamente fora do ar.
- Fotos removidas do Instagram somem do feed: se você apagar uma publicação no Instagram, ela é removida do feed na próxima sincronização.
- Validade do token: o token do Instagram tem validade e é renovado automaticamente todos os meses. Se a loja ficar muito tempo com o módulo desabilitado, o token pode expirar e será necessário gerar um novo.
- Formato carrossel depende do tema: o formato carrossel usa um recurso visual que precisa estar disponível no tema da loja. Se as fotos não deslizarem, prefira o formato grade.
- Quantidade de fotos: o número exibido é definido pelo valor no XML da página (máximo recomendado: 20).
Referências e Relacionados
- Limpeza de cache da loja: toda alteração no módulo e na página só aparece depois de atualizar o cache. Aprenda a atualizar o cache da sua loja
- Edição de páginas no CMS: o feed é inserido pela edição de layout XML de uma página do CMS. Entenda como editar páginas e o campo de layout.
- Personalização visual da Home: o feed do Instagram costuma compor a vitrine junto de banners e destaques.
Caso tenha ficado alguma dúvida entre em contato com nosso time de suporte através do chat online dentro da sua loja virtual ou através do e-mail web@tryideas.com.br