Como colocar instagram no Iluria : Passo a Passo
Aprenda passo a passo como colocar Instagram no Iluria para que as últimas imagens postadas na rede social apareça na home page da sua loja virtual Iluria.
- Passo 1 – Baixe os arquivos que serão utilizados para colocar o Instagram no Iuria
- Passo 2 – Faça o upload dos arquivos
- Passo 3 – Inserindo o feed de imagens do Instagram na home da loja Iuria
- Passo 4 – Gerando e inserindo o seu userId
- Passo 5 – Gerando e inserindo o seu token de acesso
- Passo 6 – Visualizando as imagens do Instagram no ambiente de teste e produção
- Passo 7 – Sua loja com mostrando as imagens do Instagram
Integrando o Instagram no iluria
Passo 1 – Baixe os arquivos que serão utilizados para colocar o Instagram no Iuria
Para dar início baixe os arquivos que serão utilizados nesse link e salve na sua área de trabalho para facilitar a localização posteriormente.
Os arquivos estão em uma pasta compactada em formato zip,após fazer o download extraia o conteúdo da pasta,após a extração você verá 2 arquivos que são o css-instafeed.css e o instafeed.js.
O arquivo css-instafeed.css contém regras css que dá a formatação visual do bloco onde serão exibidas as imagens do Instagram,já o arquivo instafeed.js é um plugin que tem a função de “puxar” as imagens da sua conta do Instagram e exibir em uma página,saiba mais sobre esse plugin nessa página.
Com os arquivos necessários baixados e extraídos podemos seguir para o próximo passo.
Passo 2 – Faça o upload dos arquivos
Agora é necessário fazer o upload dos arquivos baixados no passo anterior para dentro da sua loja.
Para isso acesse o painel administrativo da sua loja Iluria e no menu lateral esquerdo clique na opção Layout >> gerenciar arquivos >> carregar arquivos e clique no botão laranja escrito “Selecionar arquivos”.
Se não aparecer o botão laranja é porque o flash player está desabilitado em seu navegador,basta clicar sobre o botão cinza que aparecerá no lugar do botão laranja e permitir que o adobe flash player seja utilizado no painel da sua loja.
Depois selecione os dois arquivos que foram extraídos e faça o upload.
Passo 3 – Inserindo o feed de imagens do Instagram na home da loja Iuria
Com os arquivos dentro do gerenciador de arquivos da sua loja já podemos inserir o feed de imagens em sua home page.
No gerenciador de arquivos da sua loja virtual no campo “Filtrar a lista por nome ou tipo do arquivo:” ache o arquivo index.hml e clique para abri-lo.
Copie esse código abaixo :
Cole o código copiado nesse local mostrado na imagem abaixo :
Passo 4 – Gerando e inserindo o seu userId
Para que o plugin instafeed possa mostrar as suas imagens do instagram é necessário informar o seu userId do instagram.
Para descobrir o seu userId acesse essa página https://codeofaninja.com/tools/find-instagram-user-id ,ache e copie o seu UserId.
Cole o seu userId no local apontado na imagem abaixo :
Passo 5 – Gerando e inserindo o seu token de acesso
Nessa etapa você verá como gerar e inserir o token de acesso que também é importante para que as suas imagens apareçam no feed de imagens.
Para gerar o token de acesso se certifique que você está logado na conta do instagram da sua loja virtual depois acesse essa página https://instagram.pixelunion.net/ e clique no botão escrito “Generate Access Token”.
Depois que o token for gerado copie ele e cole no local apontado na imagem abaixo depois clique em “salvar” :
Passo 6 – Visualizando as imagens do Instagram no ambiente de teste e produção
Nessa etapa as imagens do Instagram da sua loja já estará aparecendo na sua home page,acesse o ambiente de teste da loja para ver se está funcionando.
Se estiver tudo ok publique essa alteração em sua loja em Layout >> Ambientes >> Publicar mudanças.
Se as imagens não estiverem aparecendo revise os passos anteriores para ver se algo passou despercebido.
Passo 7 – Sua loja com mostrando as imagens do Instagram
Nesse post você aprendeu passo a passo como colocar instagram no Iluria,agora você já pode exibir para os seus clientes as últimas imagens postadas no Instagram da sua loja loja virtual.
Templates já com o plugin do Instagram
Você também pode optar por adquirir um Template Iluria com o plugin do Instagram já instalado,nesses templates as imagens do Instagram são mostradas em formato de carrossel.