# Como criar e vincular produtos a classes?

Para criar classes e vincular produtos, siga o passo a passo:

{% stepper %}
{% step %}
**Acesse o menu de classes:**

* No módulo **Produtos**, clique em **Classes** (menu esquerdo).
  {% endstep %}

{% step %}
**Crie uma nova classe:**

* Clique em **+ Novo**.
* Insira o **Nome da classe** (ex.: "Bebidas Leves", "Promoções Verão").
  {% endstep %}

{% step %}
**Adicione produtos à classe:**

* Na seção **Produtos Relacionados**, pesquise o produto pelo nome (ex.: "Água sem gás").
* Selecione os produtos desejados ou **adicione grupos inteiros** de produtos.
  {% endstep %}

{% step %}
**Vincule produtos manualmente (opcional):**

* Acesse o cadastro do produto individual em **Produtos > Cadastro**.
* No campo **Classes**, selecione a classe desejada (ex.: "Refrigerantes").
  {% endstep %}

{% step %}
**Salve as alterações:**

* Clique em **Gravar** para finalizar a vinculação.
  {% endstep %}
  {% endstepper %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2F0oY9CBmf8PwlWEPBnoBS%2FDesign%20sem%20nome%20(3).gif?alt=media&#x26;token=257a19fa-d1f4-4771-b3d6-278345168d8e" alt=""><figcaption></figcaption></figure>

### Como Reordenar classes?  <a href="#reordenarclassesopcional" id="reordenarclassesopcional"></a>

Você pode definir em que posição cada classe aparecerá:

{% stepper %}
{% step %}
Na lista de **Classes**, localize a coluna de ações.
{% endstep %}

{% step %}
Clique no ícone das **setinhas ↕** (à direita do ícone 🗑️).
{% endstep %}

{% step %}
Arraste ou use as setas para mover a classe **para cima ou para baixo**, conforme a ordem de visualização desejada.

{% hint style="success" %}
A nova sequência é gravada imediatamente pelo sistema.&#x20;
{% endhint %}
{% endstep %}

{% step %}
Cole o bloco acima logo depois do passo “Salve as alterações” para que o usuário veja como ajustar a ordem das classes após criá-las.
{% endstep %}
{% endstepper %}

<figure><img src="https://1320237751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLaIVEmahy7qwD0rmQzED%2Fuploads%2FqspkHPaB617bThU2zHv1%2Freordenar_classes.gif?alt=media&#x26;token=6940069e-1f33-4e89-86c2-26a1bebea112" alt=""><figcaption></figcaption></figure>
