> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/pagina-inicial/postagens-do-instagram.md).

# Postagens do instagram

{% embed url="<https://www.youtube.com/watch?index=27&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=e6fyvNQn4YI>" %}

<figure><img src="/files/vxDeSb4Z9jRGIlb57GZw" alt=""><figcaption><p>Exemplo somente com @ do Instagram.</p></figcaption></figure>

<figure><img src="/files/iJXbWUvfA8ZftxURg44w" alt=""><figcaption><p>Exemplo com feed (personalizado ou automático).</p></figcaption></figure>

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Página Inicial > Postagens do instagram".**

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

Nesta seção, você pode configurar as postagens do instagram na sua loja.&#x20;

Habilite a opção ''**Usar estas cores''** para utilizar cores específicas.&#x20;

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

Você pode configurar a **Cor de fundo** e a **Cor do texto** da seção.&#x20;

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

**- Quais postagens deseja exibir:** selecione se deseja exibir as postagens do **Instagram** ou **Personalizadas.**&#x20;

<figure><img src="/files/50ba6gYLcVyZLkPmAVE7" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Caso selecione a opção **Instagram,** você pode realizar toda configuração de vinculação gerando o seu token [clicando aqui](https://atendimento.nuvemshop.com.br/pt_BR/123412-redes-sociais/969168-como-mostrar-minhas-publicacoes-do-instagram-em-minha-loja?__hstc=191046581.b4cd98ca359396aa62d2c65d19ab3ca8.1678240686315.1692121637613.1692281632161.37&__hssc=191046581.1.1692281632161&__hsfp=1451776223).
{% endhint %}

**- Exibição:** configure a exibição dos posts entre **Largura do conteúdo** ou **Largura total.**&#x20;

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

**- Quantidade de publicações:** defina a quantidade de publicações que serão exibidas entre **3, 4, 6** ou **8** postagens por linha.&#x20;

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

**- Espaçamento entre as imagens:** defina o espaçamento entre as imagens em **Nenhum, Pequeno, Médio** ou **Grande.**&#x20;

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

**- Tamanho do nome do usuário:** defina o tamanho do nome entre **Pequeno, Médio** ou **Grande.**&#x20;

<figure><img src="/files/6IcoLiPvTMDEpFov6AcN" alt=""><figcaption></figcaption></figure>

Habilite a opção **''Exibir link para instagram junto dos posts''** para que o link seja exibido.&#x20;

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

**Exibição do usuário para Instagram:** defina a posição do @ podendo ser acima das publicaçõe sou a esquerda das publicações.

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

Para fazer o upload de um **Feed personalizado**, clique em **''Selecionar imagem''.**&#x20;

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

Clique no **ícone de lápis** na imagem e configure o **Link**, **Título, Descrição, Botão** e **Cor.**&#x20;

<figure><img src="/files/3hm7SOVPf5EENnloel2C" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Importante**

Para que essa seção seja ativa na página inicial, é necessário que o módulo esteja habilitado como "visível" deixando o olho em azul:

![](https://ajuda.temaflex.com.br/~gitbook/image?url=https%3A%2F%2F2606432350-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FdmDGRqcCSJvlyHS2pQ1k%252Fuploads%252FFofkmrAEXWG3DCqxlS4J%252Fativo.png%3Falt%3Dmedia%26token%3Dabecbeec-5401-4a74-851d-875e2ff680de\&width=300\&dpr=4\&quality=100\&sign=fe0acf17\&sv=2)
{% endhint %}

Por último, clique em **"Publicar Alterações"** para finalizar.

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

**Pronto! 🙌**