> For the complete documentation index, see [llms.txt](https://ola.meajuda.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ola.meajuda.cc/delivery-salao/perfil/como-personalizar-o-visual-da-loja.md).

# 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 %}