# Variáveis Globais do template

As **Variáveis Globais** do seu template servem para que as personalizações dos templates da iSET sejam feitas de modo mais rápido e muito mais simplificado.

As variáveis globais do template estão em versão beta. Isso significa que os templates para clientes da plataforma cadastrados antes do dia 1° de abril de 2021 ainda não possuem acesso às variáveis globais dos templates. 

Os clientes da plataforma cadastrados depois do dia 1° de abril de 2021 possuirão acesso às variáveis globais dos templates.

Além disso, os templates antigos da plataforma não possuem acesso às variáveis globais dos templates, apenas o novo template Matrix e os templates que ainda serão lançados.

* Leia também: **Como criar suas próprias variáveis globais**, [clique aqui](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/variaveis-globais/criando-uma-variavel-global-personalizavel)!

### **Como personalizar as variáveis globais do Template?**

Personalizar as variáveis globais do template permite ajustar a aparência e o funcionamento da sua loja virtual de acordo com suas necessidades específicas. 

Siga os passos abaixo para fazer essas alterações:

**Observação:** Não é possível excluir grupos de variáveis ou variáveis já pré-definidas no template, apenas é possível editá-las.

1- **Acesso ao Painel Administrativo:** primeiramente, acesse o painel administrativo da sua loja virtual.

2- **Navegação até as Variáveis Globais:** em seguida, clique em **Personalização** >> **Variáveis Globais**.

**Atenção:** este tutorial requer a ativação do modo Especialista em seu painel de controle. Caso você não saiba como ativar o modo Especialista, é só clicar [aqui](https://ajuda.iset.com.br/inicio/minha-loja/outros/alternar-entre-os-modos-foco-e-especialista) e acessar nosso tutorial.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FbGDdtuuj3IChluzAs90J%2FCaptura%20de%20tela%202024-04-26%20114125.png?alt=media&#x26;token=d4db89a4-f3ce-4bde-a4d1-22e6222263df" alt=""><figcaption></figcaption></figure>

3- Na tela **Variáveis Globais**, você encontrará todos os grupos de variáveis globais configurados para sua loja virtual.&#x20;

Estes grupos ajudam na organização e identificação das variáveis, facilitando o gerenciamento:

* Para visualizar e personalizar as variáveis de um determinado grupo, clique no botão **Variáveis** correspondente ao grupo que deseja ajustar.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FlApsTcWMw6YFV51j2x00%2FCaptura%20de%20tela%202024-04-26%20114913.png?alt=media&#x26;token=e4aa8e27-872a-443d-a1c6-f5da39b1f014" alt=""><figcaption></figcaption></figure>

### **Exemplos**

**Mídias sociais \[CMS\_REDES\_SOCIAIS]**

No grupo de variável CMS\_MIDIAS, estão todas as informações relacionadas às suas mídias sociais (Facebook, Instagram, WhatsApp e mais).

Para personalizar as mídias sociais da sua loja virtual, siga as instruções abaixo:

1- No grupo CMS\_REDES\_SOCIAIS, clique em **Variáveis**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F3K9lJVxNGxr7O2gG1QC1%2FCaptura%20de%20tela%202024-04-26%20120729.png?alt=media&#x26;token=39ce03e0-b65f-4fbf-b279-a895a0ade18c" alt=""><figcaption></figcaption></figure>

&#x20;2- Na tela Grupo \[CMS\_REDES\_SOCIAIS], você verá todas as variáveis desse grupo.&#x20;

Você também pode criar uma **Nova Variável**, além de poder **Editar** ou **Excluir** suas Variáveis já criadas, além disso você consegue copiar o código de uso da variável.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fj0dinsUQ9F5KF4hxArx1%2FCaptura%20de%20tela%202024-04-26%20121126.png?alt=media&#x26;token=b398fffc-9b93-483a-b463-c0fc9393598c" alt=""><figcaption></figcaption></figure>

3- No grupo de Redes Sociais, você pode personalizar:

&#x41;**- Chave de Identificação:** defina o nome da sua variável. O nome deve conter apenas letras e não incluir caracteres especiais.

**Exemplo:** `telefone_da_loja`

&#x42;**- Nome da Variável:** você poderá modificar o nome da sua variável.&#x20;

&#x43;**- Breve Descrição:** configure para exibir o ícone do Facebook no cabeçalho e no rodapé da sua loja, incluindo um link direto para o seu perfil na rede social.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FP07okfRKk6CaFfzd9SsW%2FCaptura%20de%20tela%202024-04-26%20122215.png?alt=media&#x26;token=953df7ba-0f84-4d64-a7f8-d136a98cad2f" alt=""><figcaption></figcaption></figure>

4- Valor da variável: modifique os links de redes sociais como Facebook, Instagram, LinkedIn, Twitter e YouTube, atualizando apenas o link no campo **Valor da Variável**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F2LqkDbgsFTsHRst1mTL9%2FCaptura%20de%20tela%202024-04-26%20122852.png?alt=media&#x26;token=67dd7314-c7b6-43a4-80b2-3ae499766e81" alt=""><figcaption></figcaption></figure>

5- Após isso, lembre-se de clicar em **Atualizar** sempre que realizar uma alteração.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FIwSmCmYQOi12rAIRUaad%2FCaptura%20de%20tela%202024-04-26%20123140.png?alt=media&#x26;token=5994220b-0ac1-40e5-80b6-c248e633841f" alt=""><figcaption></figcaption></figure>

6- Por fim, clique na nuvem laranja para aplicar o cache da loja virtual.

#### **Rodapé \[CMS\_RODAPE]**

No grupo de variável CMS\_RODAPE, estão as informações presentes no rodapé da loja virtual

Para personalizar o rodapé da sua loja virtual, siga as instruções abaixo:

1- No grupo CMS\_RODAPE, clique em **Variáveis**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FnXgHvxg5o7fTuCoWw1qI%2FCaptura%20de%20tela%202024-04-26%20123633.png?alt=media&#x26;token=f3f4bac9-3dca-48ca-9986-645317c8824d" alt=""><figcaption></figcaption></figure>

2- Na tela **Grupo** \[**CMS\_RODAPE**], você verá todas as variáveis desse grupo.&#x20;

Você também pode criar uma **Nova Variável**, além de poder **Editar** ou **Excluir** suas Variáveis já criadas, além disso você consegue **Copiar** o código de uso da variável.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FseUYSsYWO0f42gWpmACN%2FCaptura%20de%20tela%202024-04-26%20123850.png?alt=media&#x26;token=8d175c99-54c0-4413-bf02-219d77939fcb" alt=""><figcaption></figcaption></figure>

3- No grupo de **Roda Pé**, você pode personalizar:

&#x41;**- Chave de Identificação:** defina o nome da sua variável. O nome deve conter apenas letras e não incluir caracteres especiais.

**Exemplo:**`cms_rodape`

B- **Nome da Variável:** aqui você pode modificar o nome da sua variável conforme necessário para facilitar a gestão e identificação dentro do sistema.

C- **Breve Descrição:** utilize este campo para configurar e exibir uma breve descrição do que o cabeçalho representa ou contém, ajudando a esclarecer sua função para quem administra o site.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FOPPFZKeqjQsbhk3X5MY2%2FCaptura%20de%20tela%202024-04-26%20125207.png?alt=media&#x26;token=c1094714-6477-4da1-b612-8ee1e7aebfdd" alt=""><figcaption></figcaption></figure>

4- Valor da variável: mude as cores, colocando o código hexadecimal que desejar ou selecionando na ferramenta.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fem63N3CjQSVXH0QZtQeo%2FCaptura%20de%20tela%202024-04-26%20125436.png?alt=media&#x26;token=887be36b-c3a8-413f-af29-82b4a0c1ad61" alt=""><figcaption></figcaption></figure>

5- Lembre-se de clicar em **Atualizar** sempre que realizar uma alteração.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FIwSmCmYQOi12rAIRUaad%2FCaptura%20de%20tela%202024-04-26%20123140.png?alt=media&#x26;token=5994220b-0ac1-40e5-80b6-c248e633841f" alt=""><figcaption></figcaption></figure>

6- Por fim, clique na nuvem laranja para aplicar o cache da loja virtual.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FQusdqs9odOP5cu8HSUW4%2FCaptura%20de%20tela%202024-04-26%20125554.png?alt=media&#x26;token=3608679c-1751-431a-bea4-f4610c9403e7" alt=""><figcaption></figcaption></figure>

#### **Cabeçalho \[CMS\_CABECALHO]**

No grupo de variável **CMS\_CABECALHO**, estão as informações presentes no cabeçalho da loja virtual

Para personalizar o cabeçalho da sua loja virtual, siga as instruções abaixo:

1- No grupo **CMS\_CABECALHO**, clique em **Variáveis**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FnrPcDQdmHFSEZ0DVfOsj%2FCaptura%20de%20tela%202024-04-26%20125748.png?alt=media&#x26;token=f0026250-5635-4898-9485-0e6ef28187a5" alt=""><figcaption></figcaption></figure>

2- Na tela **Grupo** \[**CMS\_CABECALHO**], você verá todas as variáveis desse grupo.&#x20;

Você também pode criar uma **Nova Variável**, além de poder **Editar** ou **Excluir** suas Variáveis já criadas, além disso você consegue **Copiar** o código de uso da variável.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FNSMkKS88XAqk9ZlAZvf5%2FCaptura%20de%20tela%202024-04-26%20130302.png?alt=media&#x26;token=ba0652c7-b5d6-4083-ac77-76d837ddcd77" alt=""><figcaption></figcaption></figure>

3- Dentro do grupo de cabeçalho, você tem várias opções para personalização:

A- **Chave de Identificação:** defina um nome para a sua variável. Este nome deve ser composto apenas por letras e não deve incluir caracteres especiais.

**Exemplo:** `cms_bg_cabecalho`

B- **Nome da Variável:** aqui você pode modificar o nome da sua variável conforme necessário para facilitar a gestão e identificação dentro do sistema.

C- **Breve Descrição:** utilize este campo para configurar e exibir uma breve descrição do que o cabeçalho representa ou contém, ajudando a esclarecer sua função para quem administra o site.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FjdZnhD6yjosKpC4DZd8O%2FCaptura%20de%20tela%202024-04-26%20131621.png?alt=media&#x26;token=1701ce51-1427-40a2-a446-587269855a00" alt=""><figcaption></figcaption></figure>

4- Valor da variável: mude as cores, colocando o código hexadecimal que desejar ou selecionando na ferramenta.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fem63N3CjQSVXH0QZtQeo%2FCaptura%20de%20tela%202024-04-26%20125436.png?alt=media&#x26;token=887be36b-c3a8-413f-af29-82b4a0c1ad61" alt=""><figcaption></figcaption></figure>

5- Lembre-se de clicar em **Atualizar** sempre que realizar uma alteração.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FIwSmCmYQOi12rAIRUaad%2FCaptura%20de%20tela%202024-04-26%20123140.png?alt=media&#x26;token=5994220b-0ac1-40e5-80b6-c248e633841f" alt=""><figcaption></figcaption></figure>

6- Por fim, clique na nuvem laranja para aplicar o cache da loja virtual.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FQusdqs9odOP5cu8HSUW4%2FCaptura%20de%20tela%202024-04-26%20125554.png?alt=media&#x26;token=3608679c-1751-431a-bea4-f4610c9403e7" alt=""><figcaption></figcaption></figure>

Pronto, agora você já sabe como usar as **Variáveis Globais do Template** na sua loja virtual.

Ficou com alguma dúvida? Entre em contato conosco!