Iluria – Como colocar o Instagram no fim da página

Minha dica de hoje é fundamental para quem utiliza a plataforma de loja virtual: Iluria, são as fotos do instagram inseridas no fim da página do site, em cima do rodapé, sabe?

Bora lá? É bem rápido, aqui vou explicar de forma bem simples.

Passo a Passo

É claro que para isso acontecer você precisa ter acesso a área administrativa do site.

Área Administrativa no Iluria

1. Acesse a área administrativa da sua loja virtual, por esse link
2. No menu lateral, clique em: Layout > Gerenciar Arquivos.
3. Em ‘Filtrar a lista por nome ou tipo do arquivo:’ procure o arquivo: “footer.html” (esse é o arquivo do rodapé da loja virtual.)

Duvidas até aqui? Caso tenha, segue a imagem para facilitar:

Vai abrir a tela para alterar esse arquivo.

ATENÇÃO: Faça com cautela essa etapa, qualquer alteração fora do que esta aqui pode dar problema na sua loja, afinal é um arquivo importante do site.

Se não sentir confiança em alterar, peça ajuda a alguém que entenda de código html, porem se seguir certinho o que esta aqui vai dar certo =)

Código

Após abrir a tela do arquivo footer.html , acrescente esse código na primeira linha, antes do: <!– Rodapé –>

<div id=‘instagram-feed’/>
<div style=‘clear: both;’/>
<script src=“https://cdn.jsdelivr.net/gh/jsanahuja/InstagramFeed/dist/InstagramFeed.min.js”></script>
<script>(function(){ new InstagramFeed({
    ‘username’: ‘agenciajeh‘,
    ‘container’: document.getElementById(“instagram-feed”),
    ‘display_profile’: false,
    ‘display_biography’: false,
    ‘display_gallery’: true,
    ‘callback’: null,
    ‘styling’: true,
    ‘items’: 6,
    ‘items_per_row’: 6,
    ‘margin’: 0,
  });
 })();</script>
</div></div>

Alteração

1. Repare que no código, em negrito esta: “agenciajeh” este é o meu instagram, no seu caso vai precisar alterar e colocar o seu instagram ou do cliente.
2. Depois clique em SALVAR no fim da página.

Essa configuração é para aparecer as últimas 6 fotos do instagram, que podem ser alteradas também nesse código.

Essa imagem é para usar como referencia:

Falta só um detalhe para finalizar:

Precisa publicar, só assim para atualizar esse novo conteúdo que inserimos.

Basta ir no menu lateral:

Layout > Ambientes > Publicar Mudanças

Desta maneira:

Prontinho, é só isso =)

Essa é uma das maneiras de colocar as fotos do insta no rodapé do iluria.

Gostou dessa dica?

A próxima vai ser de como colocar uma imagem em cima das fotos do Insta (no rodapé do iluria), tipo uma chamada convidado as pessoas a seguirem o seu insta.

Curta a Fã Page da Agência e nosso Insta também, assim sempre vai saber quando tiver dicas novas.

Deixe seu comentário falando se deu certo 🙂