Feed Instagram - Alternativa com SNAPWIDGET

Layout
1

Olá pessoal,

Aqui na “luta” para aprender sempre mais, e modificar o estilo do site:
www.thesensualstore.com.br

Descobri a ferramenta similar ao Snapwidget (é claro que com bem menos recursos, so que bem completa para o que eu precisava no momento) que esta no site:
https://www.powr.io/users/sign_in

Fica muito bacana mesmo. Então usei os códigos que encontrei aqui + essa ferramenta. Segue abaixo o código.
Os créditos vão para: @Leonardo_Vicentini_F muito obrigado!

<!-- Start Instagram widget -->
<div id="instagram-rodape" align="center" class="hide">
        <div class="conteiner">
            <a href="https://www.instagram.com/thesensual.store">instagram @thesensual.store   </a> 
        </div>
    
         <!-- Código da ferramenta powr -->
         <div class="powr-instagram-feed" id="036a26b0_1602365501"></div><script src="https://www.powr.io/powr.js?platform=html"></script>
         <!--    end do Código powr     -->
    
</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-->

Atenção devem criar o codigo na ferramenta powr, e trocar os codigo abaixo, pelo de vocês:

<!-- Código da ferramenta powr -->
         <div class="powr-instagram-feed" id="036a26b0_1602365501"></div><script src="https://www.powr.io/powr.js?platform=html"></script>
         <!--    end do Código powr     -->
2 curtidas
2

Legal, Julio! Eu comecei a pensar uma solução para isso também e ainda não terminei.
Apesar de estar funcional, precisa melhorar o resultado final e a forma de aplicação.

Tenho testado ela aqui: https://benove.lojaintegrada.com.br/.

O código está todo aberto no html. Pode dar uma olhada. Se quiser me ajudar a finalizar isso, eu compartilho o repositório com você e botamos isso pra frente. Essa será uma extensão gratuita, diferente de outras que faço. O Instagram vira e mexe muda algo no fluxo deles e esses plugins morrem.

1 curtida
3

Obrigado @brenonovelli olha eu tenho poucos conhecimentos de programação. Mesmo assim posso dar uma olhada sim… Como expliquei no artigo que montei eu simplesmente “juntei” o codigo do @Leonardo_Vicentini_F com o da ferramenta powr

1 curtida
4

amigo no meu site o feed aparece uma imagem quebrada, quando clico na grade com 06 opcoes na loja integrada cai na mesma foto do instagram, o instagram mudou o plugin… como resolver isso … me ajudem

5

If you have multiple feeds to embed then you can use social media aggregator tool like Tagembed. It allows you to collect, curate, and add Instagram Feed using multiple methods such as Hashtag, Handle, Reels and more.

I hope the answer is helpful!