> For the complete documentation index, see [llms.txt](https://docs.grano.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/som-efeitos.md).

# Som - Efeitos

Card onde uma lista de áudios cadastrados tocam por cima do áudio original, um de cada vez; indicado para mostrar efeitos de mistura de 2 áudios.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default.md), porém com as especificidades a seguir apresentadas para configurar uma lista de efeitos.

### <mark style="color:blue;">Estrutura Geral:</mark>

Adicione no campo "<mark style="background-color:yellow;">**Som (.mp3)**</mark>" o áudio que ficará como base em formato .mp3:

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FgQ7EXPd0fxyH8qgsf6X9%2Fimage.png?alt=media&amp;token=e548a182-7f19-41d2-b9b3-c2948fdd8906" alt=""><figcaption></figcaption></figure>

E logo em seguida, em <mark style="background-color:yellow;">**Botão - Label**</mark> adicione o nome do botão desse áudio que deve ser mostrado no layout do card.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2Fp6elQ3FgEOmVt3Dv1jjF%2Fimage.png?alt=media&amp;token=f5204cf3-23bc-49e9-9e02-c17e1b2605b3" alt=""><figcaption></figcaption></figure></div>

Logo abaixo, na parte de **Efeitos** é onde você deve cadastrar os áudios que irão tocar em cima do áudio base. Lembrando que cada botão toca o áudio base (cadastrado anteriormente) + o áudio cadastrado no botão.

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FsU3MTWEHaskRDVdoMjW5%2Fimage.png?alt=media&amp;token=af3375a3-a387-4152-84d6-59db089d451e" alt=""><figcaption></figcaption></figure>

Clique em ‘’<mark style="background-color:yellow;">**Adicionar Efeito**</mark>’’

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FHiBPr2VOSHX7gGr0fVNH%2Fimage.png?alt=media&amp;token=9b55315f-82a5-4a8f-b92d-43d9a2684512" alt=""><figcaption></figcaption></figure></div>

Em cada efeito você deve cadastrar:

<mark style="background-color:yellow;">**Título**</mark>

<div align="left"><figure><img src="https://lh6.googleusercontent.com/76UrAN7gZVojiu0GE9bxdtpCsf4cow4hGmqzLg3_hGx-1UFYaNwnFnADZYNm7dWh69iyJstg-29uwdPsps-Ejml3ZJC2j2UZCoP2ZRAb-HU7c-th_sx5ytmky1AmX-EFG2yMlP5YUgs4dt57GwO-CP4" alt=""><figcaption></figcaption></figure></div>

**E o&#x20;**<mark style="background-color:yellow;">**arquivo de .mp3**</mark>

<div align="left"><figure><img src="https://lh5.googleusercontent.com/dbPGLcPOKLS7S0rRhYTFzb3xw4EGC7r36MPHVualRNQ8Gr_g4A8WBZB15FfTNH1r1-nWmdtjs-njwZ1ObdSTdoGK7OIwTy7fHYVC-kYo7OpdzaQSoNASYIJ5yI0ya3V_crsLq6-_VDBpoSCGqlR4QJw" alt=""><figcaption></figcaption></figure></div>

Clique em "<mark style="background-color:yellow;">**Salvar Efeito**</mark>" para salvar.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FvY8nbWGAFXf68R9RxeRw%2Fimage.png?alt=media&amp;token=26ff06d6-07f4-4722-9e58-9c8fd55af882" alt=""><figcaption></figcaption></figure></div>

Você pode adicionar quantos efeitos/botões quiser.

Ao final, clique no botão “<mark style="background-color:yellow;">**Salvar Card**</mark>” para salvar todas as informações editadas.&#x20;

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FGyvrk1jkl4dB788yjLzb%2Fimage.png?alt=media&amp;token=fdee34d3-ab0a-4758-95d0-643f9b199600" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">**Exemplo**</mark><mark style="color:blue;">:</mark>

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2Fm6JIQlKOjp8Pwj4IK4aT%2Fimage.png?alt=media&amp;token=bf7f6dbe-248d-44e2-916e-c670500722ac" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Na Grano, é necessário que você fique atento aos **tamanhos** dos arquivos e mídias no momento de fazer o cadastro dos cards.\
\
**Cards imagem = até 800 KB**\
**Gifs e Vídeos que são cadastrados direto na plataforma =** **até 200KB** - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc)\
**Sons = até 10 MB**\
\
**Lembre-se:** arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. \
\
Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.
{% endhint %}

***

> *© 2026 Grano Edtech LTDA. Todos os direitos reservados.*