# Feed do Instagram

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>

### Exibir o Slide do Instagram na home

Deixando o botão dessa maneira <img src="/files/s1j7ioV1ZFVn0xbVnIzV" alt="" data-size="line"> você estará deixando a opção habilitada, caso o botão esteja <img src="/files/ypB59Rj8PXRc6jb8KFXK" alt="" data-size="line"> 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.

<figure><img src="/files/XAUIfwrPDZSIXx6rFRMq" alt=""><figcaption></figcaption></figure>

### Como gerar o Token

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:

<figure><img src="/files/9mZssD4eT55pdvFfv8xR" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/791bzGmBaMkM7y4UT4NP" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/9A4b1MHg08TwQpUcEFFk" alt=""><figcaption></figcaption></figure>

Clique no botão Create App ou Criar Aplicativo ![](/files/eYEpTZZiubYChESY63hE) , feito isso, o facebook abrirá o próximo passo a seguir:

<figure><img src="/files/2aZJ0b6bMN1s9KrNh2Hh" alt=""><figcaption></figcaption></figure>

Abrindo essa tela, clique em Next ![](/files/xUbCkkZ36wVYvgKwmju6) 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:

<figure><img src="/files/I02V53K9sa7ZCR20xqAH" alt=""><figcaption></figcaption></figure>

&#x20;Selecione a opção igual a da imagem acima e clique em Next ![](/files/xUbCkkZ36wVYvgKwmju6). Na seguinte tela você irá selecionar a primeira opção **Consumer** e clicar em **Next** ![](/files/xUbCkkZ36wVYvgKwmju6).

A imagem que irá aparecer é exatamente igual a que mostramos abaixo:

<figure><img src="/files/TV1VbkQ4XKMekLTBBGl6" alt=""><figcaption></figcaption></figure>

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. &#x20;

A tela que aparecerá é exatamente como mostramos a seguir:

<figure><img src="/files/pHTicrSoPwO3YH9Z0EVd" alt=""><figcaption></figcaption></figure>

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) ![](/files/eYEpTZZiubYChESY63hE).

Quando clicar em Create App(Criar Aplicativo), será necessário informar sua senha(senha do seu facebook), conforme mostramos abaixo:

<figure><img src="/files/aXfk5L8rvZ6Q1XRAMaCT" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/wzcn5y5wQEA8RUSsIuec" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/my7IOeMqeG68Iou7x4ee" alt=""><figcaption></figcaption></figure>

Rolando a página, teremos outras informações a serem adicionadas, como Endereço, Bairro, Cidade, Cep, País e E-mail:

<figure><img src="/files/ZnrOvhxNk793N52Mlmme" alt=""><figcaption></figcaption></figure>

Após informar todos os dados obrigatórios dessa tela, clique em Save Changes(Salvar) ![](/files/dRcBbcjU9tZlrfbGSDNR) .

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

<figure><img src="/files/dcLYVubW6agTLngSxyUb" alt=""><figcaption></figcaption></figure>

Selecione então aa opção Instagram Basic Display clicando em Set Up (Configuração)

<figure><img src="/files/33MzR8j1cldHxkesYWBF" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/VFkgIdBXHmiNNrHwNjr9" alt=""><figcaption></figcaption></figure>

Feito isso, o Facebook irá mostrar um PopUp com a seguinte informação:

<figure><img src="/files/IkegDLyeEn6RyradCnW5" alt=""><figcaption></figcaption></figure>

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.**

<figure><img src="/files/Q8NRmTxstZHbr9GcSQEI" alt=""><figcaption></figcaption></figure>

O Passo a seguir será Adicionar o instagram que será gerado o Token, para isso você será redirecionado para outra tela conforma abaixo:

<figure><img src="/files/0cbzcAzOd89JiGL0759g" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/kw00IHPdiEWje7WmAKAu" alt=""><figcaption></figcaption></figure>

no nosso caso adicionamos o instagram da agência para exemplificar como ficará

<figure><img src="/files/c0CwmDVh4v5ou5nBiJ16" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/NCwOw3bwTWyvrodSKKfX" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/2HubnsXMby3ydx5M84GP" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/xQVafI0gmtIbHz9wibw9" alt=""><figcaption></figcaption></figure>

Após o passo anterior você será redirecionados para a tela abaixo onde você irá clicar em Convites do testador e clicar em Aceitar

<figure><img src="/files/dEJcfDkzhjWH9Xxog8B6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/audv1QobGehlPyjTwEqE" alt=""><figcaption></figcaption></figure>

Role a página até você encontrar a opção conforme mostramos abaixo e cllique em Generate Token

<figure><img src="/files/Mkeu5zmyShJKaxuWnb1S" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/OLhvwM0PaytQhZOY39Mh" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/GakGECLbkgXKHtMHBkxm" alt=""><figcaption></figcaption></figure>

Após permitir, o popup será fechado automaticamente e você verá a seguinte tela abaixo:

<figure><img src="/files/DEiwXljcF3S17C3P6SMF" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/hOepReIMESsO56iqMEZo" alt=""><figcaption></figcaption></figure>

Após carregar o editor clique em Layout -> Feed do Instagram

<figure><img src="/files/JGNrXxHaFnFUPBmLGbla" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/UV62mBnpIlc55ePhwNuk" alt=""><figcaption></figcaption></figure>

**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&#x20;

**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&#x20;

## Salvando as alterações

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.

<figure><img src="/files/VJgwMDKQwuqoEMKdL45P" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/CoR2R1aV1Xze5amG8CSX" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentacao-convertmax.ubee.com.br/painel-do-tema/minhaloja-2/feed-do-instagram.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.