# Site de Vendas

## 🌐 Site de Vendas

O <mark style="color:purple;">**Site de Vendas**</mark> é a área onde você configura todos os detalhes do seu cardápio digital e da experiência do cliente.

Aqui você define desde os <mark style="color:purple;">**canais de atendimento**</mark>, formas de pagamento, layout do site e regras operacionais da loja.

***

## 🛒 Canais de Venda

Nesta seção você define <mark style="color:purple;">**quais formas de pedido estarão disponíveis para os clientes**</mark><mark style="color:purple;">:</mark>

🚚 **Delivery**\
Permite pedidos com entrega no endereço do cliente.

🏪 **Retirada na loja**\
O cliente realiza o pedido online e retira presencialmente.

🍽️ **Consumir no local**\
Pedidos feitos para consumo no salão, mesa ou balcão.

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FgHVwdTdlT3J1hU09HBmA%2Fimage.png?alt=media&#x26;token=2558eb28-ba36-469d-a7ad-e9897d154462" alt=""><figcaption></figcaption></figure>

***

## 🚚 Entrega

Nesta área você configura regras importantes relacionadas à entrega:

🎁 **Entrega grátis por valor mínimo**\
Permite liberar frete grátis automaticamente quando o pedido atingir um determinado valor.

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FZYgplHQvqv78Scmv6jIe%2Fimage.png?alt=media&#x26;token=83d6dd6a-f5a9-444d-878d-7951aefa5add" alt=""><figcaption></figcaption></figure>

📍 **Validação de bairro por CEP**\
O sistema identifica automaticamente o bairro com base no CEP informado pelo cliente.

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FzQF0JOilT5l1LZbLGSVv%2Fimage.png?alt=media&#x26;token=d33e1372-3dd8-412f-ad00-ba7ca6abd5d5" alt=""><figcaption></figcaption></figure>

📌 Observação: Essa funcionalidade só funciona quando a <mark style="color:purple;">**Área de entrega está configurada como Bairro**</mark><mark style="color:purple;">.</mark>

***

## ⚙️ Configurações do Site

Aqui você define as informações principais da sua loja no ambiente online:

🏷️ **Título da página**\
Nome exibido na aba do navegador.

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FJFpqsdgoSgeBL0eQmIlT%2Fimage.png?alt=media&#x26;token=5df3aee5-4ff1-4bb9-a36b-894d2e7aee71" alt=""><figcaption></figcaption></figure>

🔗 **URL do site**\
Link que o cliente acessa para visualizar o cardápio digital.

📞 **Número para ligação**\
Telefone que será utilizado caso o cliente queira entrar em contato direto com a loja.

📲 **Número do WhatsApp**\
Número utilizado no botão **“Chamar no WhatsApp”**, redirecionando automaticamente o cliente para conversa.

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FX4rPXys3ct4s9xFqADgl%2Fimage.png?alt=media&#x26;token=9280489a-6e83-4084-86d8-f52cbb5fa4e6" alt=""><figcaption></figcaption></figure>

🌍 **Fuso horário**\
Define o horário da loja conforme a localização do estabelecimento.

***

### 🔧 Funcionalidades do Site

Essas opções controlam comportamentos importantes do site:

🛒 **Redirecionar automaticamente para o carrinho**\
Sempre que um item for adicionado, o cliente será levado direto ao carrinho.

📍 **Mostrar endereço da loja**\
Exibe o endereço do estabelecimento no site.

📧 **Enviar confirmação de pedido por e-mail**\
Envia um e-mail automático para o cliente após finalizar o pedido.

🏢 **Exibir razão social no rodapé**\
Mostra os dados legais da empresa no rodapé do site.

🔞 **Confirmação de maior de idade**\
Exibe um pop-up solicitando confirmação de idade ao acessar o cardápio (ideal para bebidas/tabacaria).

📲 **Exibir botão “Chamar no WhatsApp”**\
Mostra o botão de contato em várias áreas do site (carrinho, loja, acompanhamento).

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FX4rPXys3ct4s9xFqADgl%2Fimage.png?alt=media&#x26;token=9280489a-6e83-4084-86d8-f52cbb5fa4e6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FeeYh4wTIJ7pOOJYloryq%2Fimage.png?alt=media&#x26;token=2504a6ba-daac-4ed1-8183-aef3beb8b9fd" alt=""><figcaption></figcaption></figure>

⏱️ **Exibir tempo de entrega**\
Mostra o tempo estimado de entrega para o cliente.

📝 **Exibir observações no produto**\
Habilita campo para o cliente adicionar observações no pedido.

⚠️ **Exigir observações no produto**\
Obrigar o cliente a preencher observações (depende da opção anterior ativada).

***

## 🎨 Layout

Nesta seção você personaliza a aparência do seu site:

🎨 **Cor primária**\
Utilizada no fundo, botões e barra do carrinho.

🎯 **Cor secundária**\
Aplicada em preços e links.

🔤 **Fonte personalizada**\
Define a fonte do site (padrão ou **Nunito Sans**).

🌗 **Preferência de tema**\
Define se o site será exibido em:\
• Claro\
• Escuro\
• Automático (seguindo o dispositivo do cliente)

🖼️ **Imagem de compartilhamento**\
Imagem exibida quando o link do site é compartilhado (ex: WhatsApp).

<figure><img src="https://2273172830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff70xibkjOuE6vUYi8iTR%2Fuploads%2FpGgD6eywPMzuEQZIKOfI%2Fimage.png?alt=media&#x26;token=9aa9c584-a995-4461-8f5c-c2c56f408985" alt=""><figcaption></figcaption></figure>

***

## 💳 Formas de Pagamento

Define quais formas de pagamento estarão disponíveis no site:

💳 **Aceitar cartão de crédito online**\
Permite pagamento direto no site com cartão.

🚚 **Aceitar pagamento na entrega**\
Permite que o cliente pague ao receber o pedido.

💵 **Aceitar pagamento em dinheiro**\
Permite pagamento em dinheiro na entrega (incluindo troco).

***

## 💰 Taxa de Serviço

Permite aplicar taxas adicionais nos pedidos:

📊 **Habilitar taxa de serviço**\
Aplica uma taxa percentual sobre o valor do pedido.

### 📌 Configuração por tipo de pagamento

💸 **Taxa para Pix (%)**\
Permite adicionar taxa para pedidos pagos com Pix.

💳 **Taxa para cartão de crédito (%)**\
Permite adicionar taxa para pedidos pagos com cartão.

🚚 **Taxa para pagamento na entrega (%)**\
Define taxa para pedidos pagos na entrega.

{% hint style="info" %}
Defina 0 para não cobrar taxa.
{% endhint %}

***

## 🎯 Benefícios da Configuração

Com todas essas configurações, você consegue:

⚙️ Adaptar o site à realidade da operação\
📲 Melhorar a experiência do cliente\
💰 Controlar custos e taxas\
📈 Aumentar a conversão de pedidos

***

Com o <mark style="color:purple;">**Site de Vendas bem configurado**</mark>, sua loja funciona de forma mais profissional, organizada e alinhada com a experiência que você deseja oferecer aos seus clientes. 🚀
