# 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LE30h0UiZ5OCgNQsK%2F2020-05-27_10h04_39.png?alt=media\&token=48d5c76a-2144-4e4a-8386-c8bcffd58893)

## Adicionando um Banner em uma Posição

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

![](https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8L67Z0_W6mlAFc7qaV%2F2020-05-27_09h29_59.png?alt=media\&token=dc1d684b-ab85-412e-a6dc-551c794dbc18)

Nesta janela observe o campo "**Posição**", esta 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8L6ZdG0uxhy-o6ADsS%2F2020-05-27_09h31_49.png?alt=media\&token=bad28ab0-2425-4530-9904-658b94bc42bc)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LBrL2IJfXUJkFIdbO%2F2020-05-27_09h54_44.png?alt=media\&token=94bc474d-6c9c-472c-bb0b-9582889d8b5f)

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

<div align="left"><img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LBsDasFktyHZOsZvy%2F2020-05-27_09h54_48.png?alt=media&#x26;token=e17e4b64-d46d-4317-b198-3e1a332f9521" 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LCto9_CTcDikMA2Jy%2F2020-05-27_09h57_44.png?alt=media\&token=556a8a8d-b356-4529-afd0-04b4dbc66734)

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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LCbuaj3FZ8ZBp9HJu%2F2020-05-27_09h58_28.png?alt=media&#x26;token=8f907657-63d0-4e02-b959-efc72b9daded" 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LCzlnlOcjFQ1LJPt5%2F2020-05-27_09h59_59.png?alt=media\&token=1ad35428-e136-4c24-9977-8227adc346b1)

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

<div align="left"><img src="https://3873222052-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LD7ECS43AMLtqdSy1%2F2020-05-27_10h00_30.png?alt=media&#x26;token=91be0b30-bcd6-4676-8664-cc53201e2385" 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-legacy-files/o/assets%2F-M8H19OxR4N0phXKpriO%2F-M8L3by7eSSRmqMLOZZ0%2F-M8LEEmeqzmWs9fXnPzP%2F2020-05-27_10h05_29.png?alt=media\&token=94525fee-4b7d-4bb3-b749-665f05c4f680)

###

### 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, porem 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 ira 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 e 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.toplojas.com.br/banners/configurando-banners/banners-normais.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
