Feed do Instagram
Last updated
Last updated
Nessa aba, encontramos a funcionalidade para disponibilizar os últimos posts realizados no instagram de forma dinâmica e para que isso ocorra é necessário gerar um Token dentro do facebook developer através do link https://developers.facebook.com
Deixando o botão dessa maneira você estará deixando a opção habilitada, caso o botão esteja dessa outra forma, a opção está desabilitada e a funcionalidade não irá funcionar.
Quando ativa exibirá a funcionalidade a seguir, porém, mostrando os posts do instagram de sua loja virtual após seguir o passo a passo abaixo.
Como dito anteriormente, é necessário acessar a página do facebook developer através do link https://developers.facebook.com, após isso, se você não estiver logado em seu Facebook, será necessário logar com seu usuário e senha clicando no menu Entrar conforme mostramos na imagem abaixo:
Após fazer o login com seu usuário e senha do Facebook, o botão entrar será substituúdo por Meus Aplicativos ou My Apps conforme mostramos na imagem abaixo:
Feito isso, agora clique no botão My Apps ou Meus Aplicativos de acordo com a tradução.
Assim que clicar em My Apps você será redirecionado para uma página igual mostramos abaixo, porém, provavelmente vocês não terão nenhum aplicativo adicionado, este caso, a sua página estará em branco, mostrando apenas o botão verde Criar Aplicativo ou Create App e a coluna da lateral esquerda:
A imagem que irá aparecer é exatamente igual a que mostramos abaixo:
Feito isso, o próximo passo é adicionar o nome de seu aplicativo, pode ser qualquer nome, porém as palavras Facebook e Instagram são palavras reservadas e não podem ser utilizadas no nome do Aplicativo.
A tela que aparecerá é exatamente como mostramos a seguir:
Quando clicar em Create App(Criar Aplicativo), será necessário informar sua senha(senha do seu facebook), conforme mostramos abaixo:
Após informar a senha de seu facebook, você será redirecionado para a tela a seguir parra que possa fazer o passo 3 dessa configuração, conforme a imagem abaixo:
Clique então em Basic dentro do menu App Settings(Configuração do Aplicativo) e então você será redirecionado para a página onde será necessário informar alguns dados, conforme a página abaixo:
Rolando a página, teremos outras informações a serem adicionadas, como Endereço, Bairro, Cidade, Cep, País e E-mail:
Feito isso, na lateral esqueda da tela, você verá um link chamado Add Product(Adicionar Produto) onde você voltará para a tela anterior, conforma mostramos abaixo
Selecione então aa opção Instagram Basic Display clicando em Set Up (Configuração)
Após clicar no botão acima, você será direcionado para a tela a seguir, conforme mostramos abaixo.
Clique entãono botão Create New App
Feito isso, o Facebook irá mostrar um PopUp com a seguinte informação:
Clique apenas em Create App(Criar Aplicativo), a seguir role a página até encontrar o User Token Generator e clique no botão Add or Remove Instagram Testers.
O Passo a seguir será Adicionar o instagram que será gerado o Token, para isso você será redirecionado para outra tela conforma abaixo:
Clique em Add People(Adicionar Pessoa) e em seguida o Facebook mostrará um PopUp onde você irá selecionar a Opção Instagram Tester e informar no campo abaixo o nome exato do instagram de sua loja virtual
no nosso caso adicionamos o instagram da agência para exemplificar como ficará
Clique em add(Adicionar) e você voltará para a página anterior, porem, agora com o convite enviado para o instagram informado com o Status Pendente
O próximo passo é ir até o instagram de sua loja virtual e procurar a Engrenagem onde você ira procurar pela opção Apps e Sites
Após clicar na engrenagem, o Instagram irá exibir um PopUp e você irá clicar na primeira opção chamada Apps e Sites conforme mostramos abaixo
Após o passo anterior você será redirecionados para a tela abaixo onde você irá clicar em Convites do testador e clicar em Aceitar
Volte ao Aplicativo na página do Facebook onde você criou aplicativo, procure pela opção Instagram Basic Display e clique em Basic Display para abrir a página onde vamos finalmente gerar o token
Role a página até você encontrar a opção conforme mostramos abaixo e cllique em Generate Token
Finalmente, após todos os passos realizados corretamente, você poderá gerar o Token clicando no botão informado acima, o Facebook abrirá um PopUp para que você logue no instagram e permita a geração do Token:
Após permitir, o popup será fechado automaticamente e você verá a seguinte tela abaixo:
Clique no chekbox para visualizar o Token, copie ele clicando no botão Copy(copiar), vá até o administrador da Tray, em Minha loja -> aparencia da loja e clique em editar o tema, onde você será redirecionado para o editor do tema:
Após carregar o editor clique em Layout -> Feed do Instagram
onde abrirá a página a seguir, procure pelo campo Token do Instagram e apague qualquer informação que existir no local e cole o token gerado nos passos anterior
Exibir Feed do instagrma na home: Irá habilitar o slide na home
Personalize o Titulo: Você poderá personalizar o titulo a ser exibido acima do feed do instagram
Personalize o Sub - Titulo: Personalize o sub-titulo abaixo do titulo
Nosso instagram: Informe aqui o instagram de sua loja sem o @ arroba
Destaque a cor do nome da rede social: Escolha uma cor para destacar o nome de sua rede social do instagram
Quantidade posts a ser exibido por slide: Selecione a quantidade de posts em destaque deseja exibir por slide, recomendamos deixar 4
Após fazer as todos os ajustes neste local, lembre-se sempre de clicar no botão salvar alterações, pois, caso isso não ocorra poderá perde-las e terá que refaze-las novamente.
Clique no botão Create App ou Criar Aplicativo , feito isso, o facebook abrirá o próximo passo a seguir:
Abrindo essa tela, clique em Next e logo em seguida será exibida o passo 2 para que você possa selecionar a opção Other ou traduzido Outros, conforme a imagem abaixo:
Selecione a opção igual a da imagem acima e clique em Next . Na seguinte tela você irá selecionar a primeira opção Consumer e clicar em Next .
Onde está escrito, Add an App Name(Adicione um nome para seu aplicativo), informe o nome que desejar e clique em Create App(Criar Aplicativo) .
Após informar todos os dados obrigatórios dessa tela, clique em Save Changes(Salvar) .
