> 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/video.md).

# Vídeo

Para apresentar mais informações sobre seu negócio em um formato bastante inovador, é possível adicionar e exibir um vídeo hospedado no YouTube ou Vimeo, na página inicial de sua loja.

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

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FNFuMsMxMOnfMCbGOVPYK%2Fimage.png?alt=media&amp;token=b4d1a8cb-3393-40ad-af28-7cd1000b3f65" alt=""><figcaption></figcaption></figure>

Configure para que um vídeo seja exibido na página inicial do seu layout.&#x20;

Habilite a opção **''Aumentar à largura da tela''** para que o tamanho do vídeo para se estenda até as bordas da tela.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FbrOmXIri240OT7YL2ZWN%2Fimage.png?alt=media&amp;token=3d95d54b-9b38-4e77-ba1a-aa412aa07355" alt=""><figcaption></figcaption></figure>

**- Tipo de reprodução:** defina o tipo de reprodução do vídeo entre **Automática e sem som** ou **Com som e sem reprodução automática.**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FzACk7RThCykhCoTJPixE%2Fimage.png?alt=media&amp;token=bf922e50-a87a-47c1-b022-f12062440310" alt=""><figcaption></figcaption></figure>

**- Link do youtube:** adicione o link do vídeo.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FI9s24GJkB03PIvgFvz9E%2Fimage.png?alt=media&amp;token=bfdb59d2-a5d9-4b00-8a86-7d1e80034dbc" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
O vídeo necessariamente precisa estar upado no Youtube.&#x20;
{% endhint %}

**- Imagem do vídeo:** adicione uma imagem inicial para o vídeo. Clique em **''Selecionar imagem''** e faça o upload.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F2Mot8DA1nrHv61NmyjW9%2Fimage.png?alt=media&amp;token=8effa165-4c8f-432a-b66a-53e59df871c9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Essa funcionalidade não se aplica se o tipo de reprodução for automática e o vídeo não estiver na primeira posição.
{% endhint %}

**- Cores:** defina a **Cor dos textos** e **ícones** na seção.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FpEXgziIhwJPv0cr3FVtk%2Fimage.png?alt=media&amp;token=e6b90612-2f68-40b7-8d75-c13b42986eb2" alt=""><figcaption></figcaption></figure>

**- Subtítulo:** defina o subtítulo da seção.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Ft4WrNWETXgh6hWL30Vd4%2Fimage.png?alt=media&amp;token=7d037da9-d396-4360-bb17-a2e4d57a8495" alt=""><figcaption></figcaption></figure>

**- Título:** defina o título da seção.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fj3I0ZWJw1nApGOcw7sIc%2Fimage.png?alt=media&amp;token=3d46a310-a47f-4f4c-8bbb-d92fddbcc86e" alt=""><figcaption></figcaption></figure>

**- Descrição:** defina uma descrição.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FJPQSp1O7nQXpeqLqKKHq%2Fimage.png?alt=media&amp;token=f624a13a-9cd5-4648-8fd3-efcc2c4818a5" alt=""><figcaption></figcaption></figure>

\- **Texto do botão:** defina um texto para o botão.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FdqrGyQo5ZN9kqOWa0MCV%2Fimage.png?alt=media&amp;token=c93450e6-ab5a-4d56-8d77-5c02b6fadfd3" alt=""><figcaption></figcaption></figure>

**- Link do botão:** adicione um link para o botão.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FLnX4nbW52eUKdfSOG6yl%2Fimage.png?alt=media&amp;token=f8900884-f46c-4b94-b946-3d96dfe251be" 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 configurado, em: **Página inicial > Ordem das seções.**
{% endhint %}

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

![](https://static.helpjuice.com/helpjuice_production/uploads/upload/image/7634/direct/1645708994721-1645708994721.png)

**Pronto!**&#xD83D;� <br>