> For the complete documentation index, see [llms.txt](https://ajuda.toplojas.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.toplojas.com.br/banners/configurando-banners/banners-normais.md).

# Banners Normais

Normalmente uma loja é composto por vários banners, em nosso sistema cada **local onde os banners** ficam é chamado de "**Posição**" e são criados pelo Suporte da Web4Business para que seja possível adicionar banners nestas posições.

**Exemplo de Banner:**

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-ffc7e5b441ac853b0ac29223f2889c0e69590ea6%2F2020-05-27_10h04_39.png?alt=media)

## Adicionando um Banner em uma Posição

Clique em "**Marketing -> Banners -> Cadastrar**":

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-963e038d93d4812d0fe8d4e6a92c14ac89de5162%2F2020-05-27_09h29_59.png?alt=media)

Nesta janela observe o campo "**Posição**", este campo **indica em qual local do site este banner será exibido** e qual o **tamanho** o banner precisa ter.

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-1cf62af6244b5ef7c47c0df818155a33a5df88bc%2F2020-05-27_09h31_49.png?alt=media)

Neste exemplo iremos adicionar o banner na posição "**Lateral do Site / Abaixo do Menu**", este banner possui o tamanho de "**200 x 400**" (*Largura x Altura*)

Nesta janela temos alguns campos importantes que precisam ser preenchidos:

* **Nome:** Preencha um nome para identificar seu banner
* **Ação ao Clicar:** Utilize este campo caso desejar que, ao clicar no banner, seja aberto um link
* **Link:** Link que será aberto ao clicar no banner
* **Imagem:** Selecione aqui o Banner

**Exemplo de cadastro:**

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-888d4178ce81308d844aed52dff87adb366dc7cc%2F2020-05-27_09h54_44.png?alt=media)

Após preencher os campos, clique em "**Cadastrar**":

<div align="left"><img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-bd40e7199e1de147328239193303dae3205e3527%2F2020-05-27_09h54_48.png?alt=media" alt=""></div>

## Editando um Banner

Todos os banners podem ser editados, seja para mudar a imagem utiliza ou/e alterar o link que será aberto.

Para isto, clique em "**Marketing -> Banners**".

Clique em um dos banners criados:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-05a03adec62f9f94e0fa86a90b0e8e435fb95cff%2F2020-05-27_09h57_44.png?alt=media)

Ao abrir a janela de edição, edite os campos desejados (*Conforme foi feito no cadastro*), e clique em "**Salvar**":

<div align="left"><img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-59613477c349038da50558a15d4c46161b037704%2F2020-05-27_09h58_28.png?alt=media" alt=""></div>

## Removendo um Banner

Clique em "**Marketing -> Banners**" e clique em "**Deletar**" no banner que você deseja remover:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-3e460074c5d250d0237bb444bb376870997d82be%2F2020-05-27_09h59_59.png?alt=media)

Será exibida uma janela de confirmação, clique em "**OK**":

<div align="left"><img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-4898965ea6569aa2d2decb5d3c1f8b4b58ef4c56%2F2020-05-27_10h00_30.png?alt=media" alt=""></div>

## Dúvidas Frequentes

### Qual o tamanho do banner?

Você pode identificar o tamanho do banner ao lado do nome da posição selecionada:

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M8H19OxR4N0phXKpriO%2Fuploads%2Fgit-blob-5683a3cb8e4b66d42fb316a0d48c832dedae152f%2F2020-05-27_10h05_29.png?alt=media)

###

### Quero uma nova posição para meus banners:

Abra um chamado em nossa central e solicite a criação da nova posição:

{% embed url="<http://portaldocliente.web4business.com.br/>" %}

Neste chamado inclua as informações:

* Local onde desejas e nova posição de banners
* Tamanho estimado dos banners

### Quais os formatos aceitos:

O recomendado é JPG por ser mais leve, porém pode ser utilizado também outros formatos:

* JPG
* GIF
* PNG

### Qual o tamanho limite de um banner:

O recomendo é até 100 kb, maior que este tamanho irá começar a afetar a velocidade da loja

### Após o cadastro de um banner, o site ficou lento:

Isto ocorre quando a imagem é muito pesada, é recomendado salvar a imagem em uma qualidade mais baixa deixando ela mais leve.

Também é possível utilizar o site abaixo para "Comprimir" a imagem:

{% embed url="<https://kraken.io/web-interface>" %}

### Em minha loja não possui nenhuma posição de banner:

Isto indica que sua loja não utiliza esta modalidade de banners, você pode abrir um chamado para nosso suporte indicando os locais onde você deseja as posições.