Como coloco esse feedback do Instagram em cima do rodapé ele sempre fica em baixo.
Queria deixar igual nessa imagem
2 curtidas
Use este codigo abaixo com Javascript:
var configInstagram = {
user: “seu @ aqui”,
title: “Siga nosso Instagram”,
token: ‘token’,
userid: user id
};
token - http://instagram.pixelunion.net/
user id -https://codeofaninja.com/tools/find-instagram-user-id
Qualquer duvida to aqui
3 curtidas
Souza, tudo bem?
Obrigado pela dica, pode analisar porque não deu certo aqui?
Segue imagem grato.
O código inserido, tá ficando no final da página, e ao invés de aparecer a barra do Instagram, está aparecendo a linha de código no final do rodapé.
Boa noite, veja ali na segunda linha, vc tem que trocar @nomeaqui pelo seu username do instagram sem o @
Não funcionou, tenho alguns códigos editados, vou tentar integrar de outra forma, existe código HTML para isso?
só conheço esse método. 
Você utiliza alguma tema comprado ? Porque esses códigos só funcionam com temas comprados pois todo o código JS necessário para o funcionamento desse script vem incorporado no custom.js. Esse código informado são apenas os parâmetros de configuração do widget, o restante do código precisa ser carregado de alguma maneira também. No caso de quem não tem tema comprado não vai funcionar.
Boa tarde!
Estou configurando minha loja e está acontecendo a mesma coisa comigo, aparece o Titulo do banner mas não está mostrando o feed do Insta. Estou usando plano Pro 4 com tema comprado. Já refiz o código várias vezes, copiei do manual do tema e ainda nada.
Alguém conseguiu resolver?
o instagram mudou a forma de disponibilizar os feed, eu usando o plugin/widget: snapwidget
Existe vários layout, claro que tem custo, mas estou usando a versão free…
Existe um outro lightwidget, muito legal, mas não funciona com SSL, então não pude usar a versão free.
1 curtida
O snapwidget basta copiar e colar?
basicamente sim, mas para quem tem tema, pode dar um pouco mais de trabalho.
segue código que usei para nosso site.
<!-- Start Instagram widget -->
<div id="instagram-rodape" align="center" class="hide">
<div class="conteiner">
<a href="https://instagram.com/lojadabrunaa">instagram @lojadabrunaa </a>
</div>
<!-- start SnapWidget -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/759021" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" align="center" style="border:none; overflow:hidden; max-width: 1400px; width:100%; "></iframe>
<!-- end SnapWidget -->
</div>
<script type="text/javascript">
$(document).ready(function() {
if($('#rodape').length && $('#rodape .pagamento-selos').length) {
$('#rodape').before($('#instagram-rodape').removeClass('hide'));
} else {
$('#instagram-rodape').remove();
};
});
</script>
<style>
#instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; }
#instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }
</style>
<!-- end Instagram widget-->
5 curtidas
Usei o mesmo código, podes conferir em www.casared.com.br
Acha que conseguimos ajustar para apenas 1 linha.
Já estou com o código do snapwidget.
!-- SnapWidget -->
iframe src=“https://snapwidget.com/embed/811422” class=“snapwidget-widget” allowtransparency=“true” frameborder=“0” scrolling=“no” style=“border:none; overflow:hidden; width:800px; height:160px”></iframe
pelo que vi, já está ok!
Isso, agora estou ajustando, grato.
Olá CasaRed, coloca onde este código?
Eu posso usar o mesmo codigfo e apenas alterar a parte de indentificação da loja? tipo de lojadabrunaa para salescosmeticospc e dar certo?