# Postagens do instagram

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FknyXOGPmeyJLevohPxqv%2Fimage.png?alt=media&#x26;token=2c27e350-e7e0-4b29-9178-8379a2896945" alt=""><figcaption><p>Exemplo somente com @ do Instagram.</p></figcaption></figure>

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FtdFWB9GKrqCduuDWStLK%2Fimage.png?alt=media&#x26;token=41dad9e4-39fb-4714-893f-2c5009302c56" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FZ9nCSBNYVH67Bw42AFeR%2Fimage.png?alt=media&#x26;token=7e6fe9f1-7c6a-4b29-aaef-f8ad5e1a5f96" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FJ90fEBl2prCimRYhxT43%2Fimage.png?alt=media&#x26;token=0597c1c2-6041-49a8-a7a5-5387492820f5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F2cZArXEiSbsOCTDx38eJ%2Fimage.png?alt=media&#x26;token=1e5d5f63-5949-4007-8315-fa9d7be21082" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FZmpQqcjzUzUnAsFQu6xS%2Fimage.png?alt=media&#x26;token=795ce825-b27a-4752-94f5-1bb878db2262" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FUFLpMtcPyBPOriTa8BmW%2Fimage.png?alt=media&#x26;token=c30edfa4-1e16-49b4-9efa-c00c115e2256" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FWiMxeiyJqZ5pauLkBofy%2Fimage.png?alt=media&#x26;token=5df238c4-1400-421f-b43a-ada9426d4702" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FFXzCztVkcxOIsvbRMUIY%2Fimage.png?alt=media&#x26;token=91685b8e-3b4b-4fe9-9233-2c119ecc694d" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F26ukHv1jgl8j3OeZMgOR%2Fimage.png?alt=media&#x26;token=dc1a5269-9c0b-4bc4-89ba-fa465ca74357" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fn1UhW7VLAdIUKWV1XzGr%2Fimage.png?alt=media&#x26;token=4a6446ba-8c31-46e1-b8b1-435e76c4ed33" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FCrx3zu90tBqOrNespuxh%2Fimage.png?alt=media&#x26;token=52e94870-5814-4331-be4c-77c7f48f0e5f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FQdXkdHtM60EcKcmn74bl%2Fimage.png?alt=media&#x26;token=e838c025-3616-49b0-8047-910ee0086264" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FyjfTGfiSDRBn5e1kRzqi%2Fimage.png?alt=media&#x26;token=c72c2bdf-9ee0-4253-9305-6433bf2836f6" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FobbcfUCPCB8FnZOKvRhL%2Fimage.png?alt=media&#x26;token=33d245a1-ada2-4b95-afdd-8bd20a769a57" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**