Ter a sua loja Nuvemshop conectada ao Instagram é importante para transmitir confiança e modernidade aos clientes.
Neste tutorial, você confere o passo a passo para integrar o feed do Instagram à sua Nuvemshop, permitindo que suas fotos e vídeos atraiam potenciais compradores diretamente na página inicial do seu site.
Success
- Se sua loja tiver um layout sob medida via código-fonte (FTP), seu designer deve seguir os passos desta documentação.
- Esta funcionalidade não está disponível no layout Patagônia.
❗Antes de configurar o feed do Instagram na loja Nuvemshop, certifique-se que o seu site não está no modo página em construção. Para saber como desativar a opção Página em construção, acessar o tutorial abaixo:
📝 Como deixar minha loja no modo Página em Construção ou bloqueada?
Agora, veja os passos de como mostrar suas publicações do Instagram na Nuvemshop. Confira a seguir:
Tornar a conta do seu Instagram pública
O primeiro passo para exibir as publicações do Instagram na Nuvemshop é tornar o seu perfil público, isto é, configurar a conta para que qualquer pessoa possa ver suas fotos, vídeos e stories
Para isso, acessar o seu perfil, tocar no “Menu (três linhas) > Configurações e privacidade > Privacidade da conta”, e desativar a opção "Conta privada". Veja a imagem abaixo:
Criar e configurar aplicativo de exibição básica do Instagram no Facebook
Após tornar sua conta do Instagram pública, a etapa seguinte é criar e configurar o Aplicativo de exibição básica do Instagram dentro do Facebook Developers.
❗ Para seguir com a configuração é importante estar registrado como desenvolvedor no Facebook. Se você ainda não está cadastrado, acessar developers.facebook.com enquanto estiver logado na rede social, e seguir pelo caminho “Login > Clicar em avançar para aceitar os termos e políticas > Confirmar seu e-mail e telefone para verificação > Selecionar sua profissão > Concluir a inscrição”.
Se você já está cadastrado, veja a seguir como criar e configurar o aplicativo corretamente:
1. Criar aplicativo
1. Fazer login com sua conta do Facebook no Facebook Developer (pode ser a conta Pessoal ou de Negócio) e clicar na seção Meus apps.
2. Clicar em "Criar Aplicativo".
3. Em seguida, definir o Nome do app e um e-mail de contato do aplicativo. Feito isso, clicar em "Avançar".
4. Em seguida, na coluna Adicionar casos de uso, em Filtrar por selecionar a opção “Gerenciamento de conteúdo” e depois “Gerenciar mensagens e conteúdo no Instagram”. Em seguida, clicar em "Avançar".
5. Na próxima página, selecionar a opção “Ainda não quero me conectar a um portifólio empresarial” e clicar em “Avançar”.
6. Na tela Requisitos de publicação, apenas clicar em “Avançar”.
7. Em seguida, revisar os seguintes dados:
- Nome do app (essa informação não será visualizada na loja online);
- E-mail do app.
Se tudo estiver correto, clicar em "Ir para o painel".
8. No pop-up que aparecer na tela, digitar a sua senha e clicar em “Enviar”.
2. Configurar o aplicativo
1. Na mesma página, clicar em “Configurações do app > Básico” no final do menu lateral.
2. Incluir a URL da página de Política de Privacidade da sua loja no formulário. Em seguida, clicar no botão “Salvar alterações”:
Helpjuice Info Callout Title
Ainda não criou sua página de Política de Privacidade? Veja o passo a passo em: Como criar uma página com a política de privacidade?
3. Feito isso, clicar em “Publicar” no menu lateral. E em seguida em “Publicar” novamente no canto inferior direito da página.
4. Clicar em “Casos de uso” no menu lateral. Na opção Gerenciar mensagens e conteúdos no Instagram, clicar em “Personalizar”.
5. Na coluna lateral, clicar em "Configuração da API com login do Instagram".
6. Descer a página até a seção Gerar tokens de acesso e clicar em “Adicionar conta > Continuar”. Depois, selecionar a conta do Instagram do seu negócio. Lembrando que deve ser uma conta profissional do tipo Criador de conteúdo e pública.
Helpjuice Warning Callout Title
Se a sua conta não for profissional, ao selecionar sua conta, o próprio Instagram irá oferecer a opção para alterar para uma conta profissional antes de vincular.
7. Na janela pop-up de login na conta, marcar todas as permissões e clicar em "Permitir".
8. Com a conta vinculada, clicar em “Gerar token”.
Helpjuice Success Callout Title
Se aparecer erro de desenvolvedor sem permissão ao tentar gerar o token significa que o aplicativo não foi publicado. Para corrigir, voltar para o passo 3 do tutorial e clicar em "Publicar" novamente para refazer os passos.
9. Na janela pop-up, marcar todas as permissões e clicar em "Permitir" novamente.
10. Na outra janela que irá abrir, marcar a opção “Estou ciente” e depois clicar em “Copiar”. Para finalizar, clicar em “Concluir”.
Tela branca ao gerar o token? Clique aqui
Devido a uma instabilidade na Meta, a página pode carregar em branco. Como alternativa, seguir o passo a passo abaixo:
1. Clicar com o botão direito na tela e selecionar “Inspecionar”;
2. Usar `Ctrl + F` e procurar por: `InstagramAccessTokenGeneratorOAuthCallback`;
3. Copiar o token a partir de onde começa com `IG...`
4. Se não aparecer, atualizar a página e refazer a partir do passo 3.
Helpjuice Warning Callout Title
O token vence 60 dias após ser criado e é necessário gerar outro manualmente pelos Facebook Developers. Se não se renovar o token, as publicações do Instagram deixarão de ser exibidas na loja.
Configurar no painel administrador Nuvemshop
Com o aplicativo criado e configurado corretamente, chegou a hora de integrar o feed e habilitar a exibição do Instagram na sua loja online. Para isso, seguir os passos abaixo:
1. Acessar o painel administrador Nuvemshop.
2. No menu lateral, clicar em “Loja online” e depois em “Links de redes sociais”.
3. Em seguida, no campo "Token do Instagram", colocar o código que obtivemos do Facebook e clicar em “Salvar” no final da página.
Warning
Antes de continuar, você deve adicionar o seu usuário do Instagram na loja. Para isso, veja o tutorial a seguir: Como adicionar ícones das redes sociais em minha loja?
4. Retornar à tela inicial do seu painel e seguir pelo caminho "Loja online > Layout" e clicar em “Editar layout”.
5. Uma vez dentro, clicar no menu “Página inicial”, procurar e acessar a opção “Postagem do Instagram”.
6. Em seguida, marcar a opção ‘’Exibir suas postagens do Instagram na página inicial da sua loja’’.
7. Por último, clicar em “Publicar Alterações”.
Pronto!
Você já estará exibindo todas as suas publicações do Instagram na página inicial da sua loja Nuvemshop.