Central de Atendimento Nuvem Configure sua loja Layout Redes Sociais

Como mostrar minhas publicações do Instagram em minha loja Nuvemshop?

Aprendar como configurar na página inicial da sua loja Nuvemshop o feed do instagram, permitindo exibir suas últimas publicações.

Última atualização: 18/09/2024

Na Nuvemshop, você conta com diversas ferramentas para personalizar sua loja e atrair novos clientes. Uma dessas funcionalidades é a opção de mostrar as postagens do Instagram na página inicial da sua loja.

A seguir, te mostramos como mostrar as publicações do seu Instagram na página inicial da sua loja.

Success

Se a sua loja tiver um layout sob medida via código-fonte (FTP), é necessário que o seu designer siga os passos desta 👉 documentação.

 

❗ Antes de prosseguir com essa configuração, verificar se sua loja está no modo página em construção. Para saber como desativar a opção Página em construção, consultar o tutorial 👉 Como deixar minha loja no modo Página em Construção?.

Tornar a conta do Instagram pública

Antes de começar, é importante validar que seu usuário do Instagram seja público. Se é privado, terá que mudá-lo para público acessando o Instagram e clicando sobre a seção "Mais > Configuração > Privacidade e Segurança". Uma vez dentro, desativar a chave da "Conta privada".


Criar e configurar aplicativo no Facebook

Após tornar a conta do Instagram pública, você deve criar e configurar o Aplicativo de exibição básica do Instagram dentro do 🌐 Facebook Developers. Essa é uma configuração com fácil de fazer, porém, possui algumas etapas.

Para criar e configurar o aplicativo corretamente, seguir os passos abaixo:

1. Criar aplicativo

1. Acessar o 🌐 Facebook Developers e iniciar a sessão com sua conta do Facebook (pode ser a conta Pessoal ou de Negócio).


2. Dentro da 🌐 seção de Apps, clicar em "Criar Aplicativo".

 

3. Em seguida, selecionar a opção "Ainda não quero me conectar a um portfólio empresarial" e clicar em "Avançar".

 

Warning

Esse tutorial tem como foco explicar a criação de um aplicativo para exibir as postagens do Instagram na Página inicial da loja. Caso queira aproveitar o seu portfólio para coletar dados, poderá fazer isso depois, basta concluir a verificação.

 

 

4. Em seguida, selecionar a opção "Outro" e clicar em "Avançar".

 

5. Na próxima página, selecionar a opção “Consumidor” e clicar em “Avançar”.

6. Completar os seguintes dados:

  • Nome do aplicativo (isto não será visto na loja online)
  • E-mail de contato
  • Portfólio empresarial: Não selecionar nenhuma conta

Após preencher as informações, clicar em "Criar Aplicativo".

 
 

2. Configurar o aplicativo

1. No painel de administração de Aplicativos, seguir pelo caminho "Configurações > Básico".


2. Completar os seguintes campos com a URL de sua loja:

  • URL de Política de privacidade: no campo URL da política de privacidade, você deve adicionar o endereço da sua página Política de privacidade da loja online.
     
  • Exclusão de Dados do usuário: no segundo campo, "Exclusão de dados do usuário", adicionar um URL de retorno para que seus clientes solicitem a exclusão dos dados. Como recomendação, adicione o mesmo endereço sobre política de privacidade.

 

Info

Se ainda não criou uma página de Políticas de Privacidade na sua Nuvemshop, seguir o tutorial 👉 Como criar páginas de conteúdo?. Com a página criada, basta copiar o link e colar nesse campo.

 


3. Ir para baixo e clicar em “+ Adicionar Plataforma”.

4. Na nova janela, clicar em “Site” e clicar em “Avançar”.

5. Colocar a URL da sua loja no campo URL do site e clicar em “Salvar Alterações”.

6. Clicar em ‘’Adicionar Produto’’ no menu que fica na lateral da página.


7. Procurar pela opção Exibição básica do Instagram e clicar em ‘’Configurar’’.


8. Depois clicar em “Criar novo App’’ no final da página.


9. Escolha um nome (não será mostrado na loja online) e em seguida, clicar em “Criar aplicativo”.


10. Completar os campos com o URL de sua loja e clicar em "Salvar alterações":



11. Em seguida, deslizar até a seção de “Gerador de token do usuário” e clicar em “Add or Remove Instagram Testers”.


12. Dentro de Funções do aplicativo selecionar “Testadores” e depois clicar em “Adicionar pessoas”.
 


13. Feito isso, selecionar “Testador do Instagram”, Adicionar o Usuário de Instagram que você quer obter as publicações e clicar em "Adicionar".
 

 

Warning

Neste passo, é necessário agregar o usuário do Instagram que queremos mostrar no início de nossa loja. A conta tem que estar configurada em modo público.

 
 
 

3. Configurar no Instagram

Success

Os seguintes passos devem ser feitos através de um computador, não é possível realizá-lo através do App do Instagram para celulares.

 


1. Em uma nova janela em seu navegador e acessar a seguinte página: 🌐 https://www.instagram.com/accounts/manage_access/ .

2. Vá em "Apps e sites", clicar em "Convites Do Testador" e depois em "Aceitar".

3. Pronto! Agora retorne para a configuração no Facebook Developers.

Se não puder acessar ao link direto para fazer à configuração, você terá que seguir os seguintes passos:

  • Acessar através do computador 🌐 https://www.instagram.com/ 
  • Acessar seu Perfil
  • E depois clicar em “Editar Perfil”
  • Deslizar até Permissões do site e acessar.
  • Vá à seção “App e sites”
  • Acessar “Convites do Testador” e aceitar o convite pendente.

 

Helpjuice Warning Callout Title

Caso apareça algum erro nessa etapa, isso pode indicar algum congestionamento nos servidores. Recomendamos aguardar e tentar novamente mais tarde ou tentar 20 vezes no intervalo de 1h.

 
 
 

4. Obter o token

1. Retorne para o Facebook Developers na seção 👉 Meus Apps e clique sobre o aplicativo que acabou de criar.


2. Na barra lateral, seguir pelo caminho “Exibição básica do Instagram > Exibição básica”.


3. Deslizar até a seção “User Token Generator” e clicar em "Generate Toke".


4. Permita o acesso clicando no botão "Permitir" (Clicar em "Permitir" na segunda etapa também).

5. Marcar a caixa de ‘’I Understand’’.


6. Com isso, você obterá o Token que deve ser copiado clicando no botão "Copy".

 

Helpjuice Warning Callout Title

Caso apareça algum erro nessa etapa, isso pode indicar algum congestionamento nos servidores. Recomendamos aguardar e tentar novamente mais tarde ou tentar 20 vezes no intervalo de 1h.

 
 
 

Configurar no painel administrador Nuvemshop

Com o aplicativo criado e configurado corretamente, chegou a hora de habilitar a exibição do Instagram na sua loja online Nuvemshop. Para isso, siga os passos abaixo:

1. Acessar o painel administrador Nuvemshop.

2. No cano superior direito da sua loja, clicar no “Nome da sua loja” e depois em “Rede 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, é importante adicionar o seu usuário do Instagram na sua loja. Para saber adicionar o usuário, consultar o tutorial 👉 Como inserir os ícones das Redes Sociais em minha loja?.

 

4. Retornar à tela inicial do seu painel e seguir pelo caminho "Minha Nuvemshop > 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. Depois você deve marcar a opção ‘’Exibir suas postagens do Instagram na página inicial da sua loja’’.


7. Por último, clicar em "Publicar Alterações" para finalizar.

Info

Para testar as alterações sem publicar o Layout, recomendamos que use versão de rascunho do Layout. Para saber mais, consultar o tutorial 👉 Como editar o layout da minha loja em rascunho?.

 

Pronto!🙌 

A configuração está finalizada e você já poderá ver suas postagens do Instagram na Página inicial da loja.

O artigo ajudou você?

Dê sua opinião sobre este artigo