# Como personalizar o visual da loja e seus links

Dentro do menu **Perfil**, logo abaixo dos dados da empresa, você encontra opções de personalização da sua loja. Você pode alterar:

* Nome da loja
* Link da página principal
* Link da página de pedidos
* Redirecionamento direto para a página de delivery
* Logotipo
* Ícone monocromático para notificações
* Imagem destaque do delivery
* Imagem de capa da loja
* Cor do site
* Opções gerais de design

### Nome no delivery, frase destaque e links da loja.

![](/files/ntrssYYlchlgB8zjNJuI)

Você também pode alterar o **redirecionamento do site**, para o que o cliente caia diretamente na sua página de delivery (catálogo), ao acessar o seu link principal ou secundário.  Para isso, marque a opção que aparece na imagem abaixo: 

![](/files/-Me1t3WGeOrjIitiV_eb)

### Logo da loja

Você poderá usar a [**logo da marca**](/extras/marca-e-lojas/configurar-marca.md), mas se desejar usar uma logo diferente, clique em **personalizar**:

<figure><img src="/files/N8NIRbj4DWv53weQ9zgQ" alt=""><figcaption></figcaption></figure>

Clique na logo para carregar outra imagem. A mesma coisa vale para o iconone mocromático (notificações).

{% hint style="info" %}
Lembrando que o **ícone monocromático** aparece apenas no topo do dispositivo e pode ter apenas uma cor e precisa ter o **fundo transparente**.

<img src="/files/CwK8k80aJuZmAyg2Y4lY" alt="" data-size="original">

{% endhint %}

### Imagens de capa e cor da loja

Na sequencia, defina as imagens de destaque do catálogo, você pode adicionar até 3 imagens diferentes, que ficaram mudando (banners rotativos):

![](/files/E4JAUZxWMQ2OYdcm6NxO)

Por fim, caso queira usar uma capa principal diferente da seleciona na [**Marca**](/extras/marca-e-lojas/configurar-marca.md)**,** clique em personalizar:&#x20;

<img src="/files/oLjJMjz3DNWNPW5u7U9o" alt="" width="427">

Para a cor da loja, a mesma coisa. Você pode usar a mesma da [**Marca**](/extras/marca-e-lojas/configurar-marca.md), ou personalizar:

<figure><img src="/files/ILDZpoPZOeowmiG4h8A9" alt=""><figcaption></figcaption></figure>

Por fim, adicione uma descrição para a sua loja:

<figure><img src="/files/HtHFvump4aG6b5RpYKFj" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
No caso da cor, sugerimos optar por tons médios ou escuros para melhorar a visualização do cliente. Tente utilizar uma cor já presente na logo marca.&#x20;

Para descobrir o código da cor da sua logo e sugestões de paleta de cores, basta acessar o *Canva color Pallete*, [<mark style="color:green;">clicando aqui.</mark>](https://www.canva.com/colors/color-palette-generator/) Ele permite enviar imagens e gerar sugestões de cores baseados nela.
{% endhint %}

### Opções gerais de design

Você pode personalizar sua página do delivery com as opções abaixo:

<figure><img src="/files/VFV2J6VnI2lMO5g6a1jf" alt=""><figcaption></figcaption></figure>

* Mostrar banner sobre o Programa de Fidelidade na tela inicial
* Mostrar banner para selecionar o modo de entrega/retirada do pedido na tela inicial (mobile)
* Mostrar banner para configurar o agendamento na tela inicial (mobile)
* Mostrar barra da sacola de pedidos vazia (mobile)
* Mostrar banner para instalar aplicativo
* Mostrar banner para ativar as notificações
* Exibir botão flutuante do WhatsApp - Para saber mais detalhes e como configurar, [**clique aqui**](/delivery-salao/perfil/botao-flutuante-do-whatsapp.md).

{% hint style="success" %}
Não esqueça de salvar as alterações, clicando no botão verde **Salvar**, no canto inferior direito.
{% endhint %}


---

# 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://ola.meajuda.cc/delivery-salao/perfil/como-personalizar-o-visual-da-loja.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.