Instagram na página inicial
Ativando carrossel com o Feed do Instagram.
Etapa 1: Crie um widget de feed do Instagram na Tagembed
Cadastre-se gratuitamente no Tagembed ou faça o login se já estiver registrado.
Toque em “Criar Widget” no canto superior direito do painel
Insira o NOME do seu widget (pode ser o nome da sua loja).
Após criar o Widget, selecione Instagram na caixa de diálogo
Ao selecionar o INSTAGRAM, clique novamente em Create Feed
Clique em Continue with Instagram
Clique em Allow. (Obs.: Ao clicar em Allow, você permite que o site tagEmbed acesse o seu feed, via API do Instagram.)
Pronto! O widget foi criado com sucesso, mas ainda não acabou. Na barra de navegação, ao final do link do site em questão, copie os números e guarde-os, pois esse é o seu ID (número de identificação) e usaremos na próxima etapa, para exibir o feed que acabamos de criar.
Etapa 2: Instalando o código na sua Loja Integrada
Passo 01: vá em Configurações > Incluir código HTML.
Preencha os campos desta forma:
Descrição: Feed do Instagram
Local Publicação: Rodapé
Página Publicação: Todas
Tipo: JavaScript
Em conteúdo, cole o código modelo abaixo
instagramFeed = { ativa: true, usuario: 'lojaintegrada', id: '5877', }
Passo 02: Como editar?
ativa = use true para sim ou false para não
usuario = insira somente o usuário sem o @
ID: últimos números do link do site tagEmbed, após login. (Guardado na etapa anterior)
💡OBS.: Todo o conteúdo editável deve ficar dentro das aspas simples (‘ ‘).
Etapa 3: Personalizando a exibição feed no TagEmbed (opcional)
Na sua conta do TagEmbed, clique em “Personalize”
Ao clicar em “Apply Theme”, caso tenha seguido corretamente todas as etapas do nosso guia, automaticamente o visual é atualizado na sua loja.
✅Pronto! O Feed do Instagram foi configurado.
Clique em salvar e aguarde 15min ou adicione um produto ao carrinho e atualize a página.
Não funcionou? Veja os principais motivos
1. Após instalar, você aguardou 15min ou adicionou um produto ao carrinho para atualizar a loja.
2. Seguiu corretamente todos os passos citados acima? Por favor, tente revisar.
3. Utilizou na instalação do código o TIPO: Javascript?
4. Compare seu código com o código listado acima, encontrou alguma divergência?