# Como cadastrar Produtos e Modificadores no Autoatendimento Food?

{% hint style="danger" %}

#### Pré-requisitos:

* Módulos do autoatendimento **ativados** (veja [**Ativação de Módulos**](https://ajuda.pdvlegal.com.br/integracoes/o-que-e-o-autoatendimento-food/como-realizar-a-ativacao-de-modulos)).
* [Produtos cadastrados no **PDV Legal**](https://ajuda.pdvlegal.com.br/retaguarda/produtos/como-cadastrar-produtos) (Retaguarda Cloud).
* Imagens dos produtos em formato `.jpg`/`.png` (até 2MB).
  {% endhint %}

## Passo a Passo

{% stepper %}
{% step %}

### **Cadastrar Produtos no PDV Legal**

* Acesse **Retaguarda Cloud > Produtos > Novo+**.

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FOp0SM1ZRjeckLo8jBAef%2FAutoatendimento%20Food.gif?alt=media&#x26;token=abb16cda-839f-487c-b5f7-3e3d1c377bc1" alt=""><figcaption></figcaption></figure>

* Na aba "Obrigatório, preencha:
  * *Descrição cupom*: Nome do produto (ex: "Spaghetti com Frango").
  * *Grupo*: Categoria (ex: "Pratos Principais").
* Na aba "Configurações"&#x20;
  * O produto precisará estar marcado como: Autoatendimento = Sim.
* Na aba: Preços, Impostos e Modificadores, preencha:
  * *Valor*: Preço de venda.
  * *Código NCM/CEST*: Para emissão fiscal (se aplicável).

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F10dc2KFtCXUEadfBe6Su%2FAutoatendimento%20Food%20(1).gif?alt=media&#x26;token=ac96a42a-a005-4710-a09c-5672020841d2" alt=""><figcaption></figcaption></figure>

* Na aba **Autoatendimento**:
  * Faça upload da imagem (formato: `.jpg`/`.png`, até 2MB).
  * Clique em **Gravar**.

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FJlR4tW23S2cYTckVnpR1%2FAutoatendimento%20Food%20(2).gif?alt=media&#x26;token=332ea8b9-2157-4d05-b6ad-1f1289869d00" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Sincronizar Produtos no Autoatendimento**

* Acesse a retaguarda do Autoatendimento Food:
  * Login: `[Código da Filial]@aa.com`
  * Senha: `[Código da Filial]@123`
* Navegue até **Sincronizar Cardápio > Produtos**.
* Aparecerá um Pop-up para a sincronização:&#x20;

  * Selecione a Opção "**Trazer imagem do PDV**" para sincronizar a imagem direto da Gestão Legal (Retaguarda Cloud)
  * Selecione "**Sincronizar o nome dos produtos**" para sincronização dos produtos cadastrados.&#x20;
  * Confirme a atualização dos Grupos e Produtos, clicando em: **Sim**&#x20;

  <figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FFJjXb7rO454pZBtIZtBp%2FAutoatendimento%20Food%20(3).gif?alt=media&#x26;token=48a0602d-7347-4ae3-9eec-2fd75bf0d212" alt=""><figcaption></figcaption></figure>
* Verifique se os produtos cadastrados aparecem com:
  * Nome
  * Preço
  * Disponibilidade
  * Link da imagem
    {% endstep %}

{% step %}

## **Configurar Produtos**

* Acesse **Produtos**&#x20;
* Clique em: **Editar (ícone de lápis)**.
* Personalize:
  * *Ordem*: Posição na tela (ex: 1 = primeiro grupo).
  * *Imagem*: Insira o link da imagem (ex: copie do produto).
  * *Grupo de Produto*: Informe em quais grupos os produtos aparecerão.
  * *Produto Visível*: Marque para exibir no autoatendimento.
  * Controlar Estoque: Aparecerá um campo para incluir a quantidade do item em estoque.&#x20;

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2Fu0jGorHc6uaq5Jq2dmsY%2FAutoatendimento%20Food%20(4).gif?alt=media&#x26;token=a5696784-fdfa-43b4-96e1-8a420c83917b" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Configurar Grupo de Produtos**

* Acesse **Grupo de Produtos**
* Clique em: **Editar (ícone de lápis)**.
* Personalize:
  * *Nome do grupo*
  * *Ordem*: Posição na tela (ex: 1 = primeiro grupo).
  * *Imagem*: Insira o link da imagem (ex: copie do produto).
  * *Grupo Visível*: Marque para exibir no autoatendimento.
  * *Mostrar Nome do grupo:* Sim ou Não
  * *Combo Múltipla seleção*, caso seja possivel adicionar vários itens.

![](https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F2duemsiykodwT9qW0rbc%2FAutoatendimento%20Food%20\(5\).gif?alt=media\&token=e6a5b7d8-4a0f-4798-894d-5826ef052417)
{% endstep %}

{% step %}

### **Criar Modificadores**

{% hint style="info" %}
Os **modificadores** são opções adicionais que permitem ao cliente personalizar um pedido de acordo com suas preferências. Eles ajudam a oferecer uma experiência mais flexível e alinhada ao gosto do consumidor.

#### **Exemplo:**

Imagine um hambúrguer no cardápio. Com os modificadores, o cliente pode escolher:\
🍔 **Ponto da carne**: malpassada, ao ponto ou bem-passada.\
🧀 **Adicionais**: queijo cheddar, mussarela ou gorgonzola.\
🌶️ **Remover ingredientes**: sem cebola, sem picles, sem pimenta.

Os modificadores garantem mais controle para o cliente e tornam a experiência de compra mais dinâmica e personalizada!
{% endhint %}

#### **Passo 1: Modificadores Individuais**

* Na página de Produtos, no campo superior, clique em: **Complementos**
* Clique em: **+**.
* Preencha:
  * *Nome*: Ex: "Adicional Queijo".
  * *Preço*: Ex: R$ 2,00.
  * *Selecionado*: "Não" (padrão).
  * *Selecionado:* Caso já queira que este modificador já esteja pré-selecionado.&#x20;
  * Vincular a um grupo: Caso já tenha criado os grupos de modificadores, você pode clicar nesse botão e seleciona os grupos que deseja incluir esse modificador.
  * Feito o preenchimento basta clicar em "Confirmar" abaixo na direita e pronto!

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FtI8i0oIvfACOBFcBnJNr%2FAutoatendimento%20Food%20(6).gif?alt=media&#x26;token=85bcdb71-4c8c-4f25-992e-348e392f8f42" alt=""><figcaption></figcaption></figure>

#### **Passo 2: Grupos de Modificadores**

* Acesse **Grupo de Modificadores > +**.
* Configure:
  * *Título*: Ex: "Personalize seu prato".
  * *Ordem*: Se ela será o primeiro, segundo, terceiro, etc.
  * *Exibição*: Selecione tipo (Check, Radio, Quantity ou Button).

{% tabs %}
{% tab title="Check" %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F1V5YIGxxRY2Ts1hg6X1V%2Fautofood_cad93.png?alt=media&#x26;token=9e0952cc-ad3e-4257-8a40-3e8ff57a0fb7" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Radio" %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FkIJ0j7tS05JPa2oIa5Au%2Fautofood_cad94.png?alt=media&#x26;token=61f9fad1-cdef-48df-a7d7-7b689db3278b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Quantity" %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FM5Ghu0puKJ3UViRPyB4c%2Fautofood_cad96.png?alt=media&#x26;token=705d9db0-811c-4b7c-a2ef-da150fca25f8" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button" %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F4DTcD9vP7k3MicXoov9K%2Fautofood_cad97.png?alt=media&#x26;token=65e32194-51ed-4f75-ab9d-4d109cbd6d0b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* Informe a quantidade mínima e máxima:
  * *Qtd Mín/Máx*: Ex: 1 a 3 opções.
* Vincule os modificadores criados.
  * Abaixo ao lado direto e **selecione os modificadores** que deseja incluir neste **grupo.**
  * Para vincular os modificadores ao grupo clique no botão de "**+**"&#x20;
  * Em seguida, clique na seta para **voltar** e em "**Confirmar**" na parte de baixo da tela.

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F2Bu6XpK091hU9WLq5Pcw%2FAutoatendimento%20Food%20(7).gif?alt=media&#x26;token=b9055dad-5363-49f1-83a9-c79d958cae94" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### &#x20;**Vincular Modificadores aos Produtos**

* Retorne  à **tela inicial** da retaguarda do atendimento food.
* Clique em **Complementos > Adicionar Grupos e Complementos**.

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2Fn9jmx0a2mnMDqn8ufwUo%2Fautofood_cad990.png?alt=media&#x26;token=0890c4d7-a96e-4141-8bab-4755b9c354c2" alt=""><figcaption></figcaption></figure>

* Selecione os grupos de modificadores desejados.

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FQnv1GMmesJUjwOi9iRHn%2Fautofood_cad991.png?alt=media&#x26;token=1520e7c1-13b7-499a-a063-08ae4a6a8d80" alt=""><figcaption></figcaption></figure>

<mark style="background-color:blue;">Exemplo da tela final:</mark>

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FPvjN78VL6KNGKt7gT4QJ%2Fautofood_cad992.png?alt=media&#x26;token=1a191a9f-d12f-4ec6-a56d-e03f7abf5302" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

## <mark style="background-color:red;">Preciso de Ajuda</mark>

{% hint style="danger" %}

* **Problema:** Produto não aparece após sincronização.

**Solução:** Verifique se o produto está vinculado a um grupo visível.

* **Problema:** Imagem não carrega no autoatendimento.

**Solução:** Redimensione a imagem (formato: 500x500 pixels).

* **Problema:** Modificadores não são exibidos.

**Solução:** Confira se o grupo de modificadores está vinculado ao produto.
{% endhint %}

***

## <mark style="background-color:green;">Dicas Rápidas</mark>

{% hint style="success" %}

* **Imagens**: Use fundo branco para destacar os produtos.
* **Atualização**: Sincronize o cardápio após cada alteração.
* **Teste**: Realize um pedido-teste para validar modificadores.
  {% endhint %}