# 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.

![](https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FUjwQ24RNrkObKHwadD6e%2Fscreenshot-parceiros.online.homologaalloy.com.br-2024.06.25-16_45_55.png?alt=media\&token=3072bd30-1ade-4cd2-ad75-a18d676da124)

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:&#x20;

![](https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-ME41abfRf7bWmvqahTl%2F-Me1hR6D9gb3_f5PiSBs%2F-Me1t3WGeOrjIitiV_eb%2Fredirecionamento%20delivery.png?alt=media\&token=e5d88025-fef6-42d8-8b38-ef01893b0393)

### Logo da loja

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

<figure><img src="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FJKazjOLD08FMSWlr275Q%2Fscreenshot-parceiros.online.homologaalloy.com.br-2024.06.25-16_36_01.png?alt=media&#x26;token=0a269248-1355-4ed1-ae1d-f60ee42acfe5" 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="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2Fo0eVVzEhqKGjusqGzAVe%2F%C3%ADcone%20monocrom%C3%A1tico.jpeg?alt=media&#x26;token=7ae3caac-b124-4acc-88b0-3da01cd55447" 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):

![](https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FHCBf3sCZa6g9Lc8byhI9%2Fscreenshot-parceiros.online.alloy.al-2022.05.05-09_30_25.png?alt=media\&token=53f007d1-f352-4c88-87d6-a9ac7f695d20)

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

![](https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FVAuqdeyl4XTgFJZSNV0d%2Fscreenshot-parceiros.online.homologaalloy.com.br-2024.06.25-16_39_37.png?alt=media\&token=48807748-7cac-4f3c-a701-ab9b5372499e)

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

<figure><img src="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2F6ookg7p2QzxuBewbSndD%2Fscreenshot-parceiros.online.homologaalloy.com.br-2024.06.25-16_41_44.png?alt=media&#x26;token=0003a6a7-09b4-4136-8efa-52afc269cffd" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FftB4sMDn6Y8qs4JZ8FWq%2Fscreenshot-parceiros.online.homologaalloy.com.br-2024.06.25-16_43_14.png?alt=media&#x26;token=7b6220a5-d4cf-4e74-9aae-1bd45e28ce00" 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="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FeLjmerWH7RGl29rovaRk%2Fimage.png?alt=media&#x26;token=f926f9e7-6ef0-4e41-a7b2-8f9db0f081fc" 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**](https://ola.meajuda.cc/delivery-salao/perfil/botao-flutuante-do-whatsapp).

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