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. 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" 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ê poderá ver suas postagens do Instagram na Página inicial da loja Nuvemshop.