Boa noite.
Já procurei em vários tópicos, mas não achei solução.
Consegui integrar o feed do Instagram com o código gerado pelo SnapWidget, bem fácil, mas quando insiro o HTML, o LI só dá a opção de rodapé.
Existe algum código para colocar ele acima da newsletter?
Meu site: https://www.mardijoias.com.br
Está aqui:
Gostaria que ficasse aqui:
No aguardo.
Obrigado.
segue codigo que usei
<!-- 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-->Perfeito!! Deu super certo.
Reparei que a box do Facebook ali no seu rodapé tem aquela caixa enorme e cinza. Se quiser, tenho o código para retirar ela e deixar só a caixa do Facebook, como está lá no meu.
Obrigado e abraços.
Olá!!!
Você está usando o plano pago do SnapWidget?
Obrigada
Eu não, eu uso o free!
Olá, também uso a versão grátis.
ok. Obrigada!!
Eu usava o LightWidget, mas a versão gratuita não aceita https.
Abs
Boa noite amigos!
Usei o código acima para colocar em minha loja, porém ficou abaixo o rodapé, no final da página, tentei de várias formas mas não consegui. Já criei vinculei no SnapWidget, fiz tudo certo aparentemente, mas sem chance. Poderiam me ajudar?
Aproveitando, foi citado acima que tinha o código para ajustar a página do Facebook/ Instagran que fica perto do radapé, se puderem passar, ficarei grato.
Minha página é www.iplacas.com.br
talvez isso ajude!
Deu um pouco de trabalho mas consegui ajustar.
Valeu!
Leonardo, eu criei o snapwidget mas foi para o final da loja, e nao acima do rodape como eu queria! qual codigo eu uso? o que você mandou acima, mesmo eu editando para o instagram da minha loja @langeoficial continua como lojadabrunaa
Precisa criar um cadastro snapwidget, autorizar aplicação no instagram e copiar o código que é gerado e colocar o codigo no meio onde esta demarcado para snapwidget
<!-- 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 aqui dentro fica o codigo gerado-->
<!-- end SnapWidget aqui dentro fica o codigo gerado-->
</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-->Obrigado por disponibilizar o codigo. Eu preciso apenas de uma alteracao para que o box do Instagran seja mostrado um pouco mais acima do que esta previsto neste codigo. Poderia me dizer que alteracoes devo fazer para isso?
seria algo + - assim
mudar isso
$('#rodape').before($('#instagram-rodape').removeClass('hide'));
para isso
$('#instagram div.conteiner h2').after($('#instagram-rodape').removeClass('hide'));
Leonardo,
Infelizmente nao deu certo, voltou a aparcer debaixo do rodapé e nao abaixo do video. Tem como verificar? Outra, tem como tirar a chamada Instagran @xerifepimenta ou isso é padrao e nao tem
como remover? Obrigado
me manda o codigo completo que vc esta usando agora
assim vou conseguir ver o foi alterado
<!-- Start Instagram widget -->
<div id="instagram-rodape" align="center" class="hide">
<div class="conteiner">
<a href="https://instagram.com/xerifepimenta"> instagram @xerifepimenta </a>
</div>
<!-- start SnapWidget aqui dentro fica o codigo gerado-->
<!-- end SnapWidget aqui dentro fica o codigo gerado-->
</div>
<script type="text/javascript">
$(document).ready(function() {
if($('#rodape').length && $('#rodape .pagamento-selos').length) {
$('#instagram div.conteiner h1').after($('#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-->isso?
se for, fica assim,
<!-- Start Instagram widget -->
<div id="instagram-rodape" align="center" class="hide">
<div class="conteiner">
<a href="https://instagram.com/xerifepimenta"> instagram @xerifepimenta </a>
</div>
<!-- start SnapWidget aqui dentro fica o codigo gerado-->
<!-- end SnapWidget aqui dentro fica o codigo gerado-->
</div>
<script type="text/javascript">
$(document).ready(function() {
if($('#rodape').length && $('#rodape .pagamento-selos').length) {
$('.video-container').after($('#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-->
Leonardo,
Continua la embaixo do rodapé. Deixei no site para vc dar uma olhada como ficou, vai la.