# Como criar uma loja online

Acesse a seção de sites e clique no **"Criar"** botão:

<figure><img src="/files/73c8c38242eb15fcc31d780ec6f0f192589812df" alt=""><figcaption></figcaption></figure>

Ao clicar no botão "Criar", abre-se um menu suspenso com tipos de site. A partir daí, selecione "Loja virtual"

<figure><img src="/files/ad49831aed383fb5b122ca134ab5fbfe171604ea" alt=""><figcaption></figcaption></figure>

Depois de clicar no botão "Loja virtual", você irá para as configurações do site, onde precisa abrir a aba "Produtos":

<figure><img src="/files/2768c2fd7592788485f7747d655c2d4340b9e2f6" alt=""><figcaption></figcaption></figure>

### Categoria de produto

Depois de acessar a seção "Produtos", você verá modelos de cartões de produto:

<figure><img src="/files/91155b8f6eecc71155208541309255cffe93f888" alt=""><figcaption></figcaption></figure>

Você pode ir direto para a configuração dos próprios produtos, mas se quiser categorizá-los para que seus clientes encontrem facilmente o que precisam por categoria no site, recomendamos criar categorias primeiro.

Para fazer isso, clique no ícone de engrenagem:

<figure><img src="/files/2831688689816c22c3d7993ff41c93c208699e31" alt=""><figcaption></figcaption></figure>

Depois disso, o menu à direita se abre com as configurações da categoria:

<figure><img src="/files/17c82fade388fda3247416017637ada8cfce44e9" alt=""><figcaption></figcaption></figure>

Clique no botão "Criar categoria":

<figure><img src="/files/13dc8b5a07f5ef9a481cdd1855526c00bffac4e1" alt=""><figcaption></figcaption></figure>

Na janela que se abre, digite o nome da categoria e selecione a cor (ela será exibida na tabela de produtos).

Você também pode alterar a exibição das colunas nas configurações da categoria:

<figure><img src="/files/a3a98b096ec9148ec0d157f4ba3ce2bd43d3aeb0" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Depois de configurar a categoria, você pode ir para as configurações do cartão de produto.
{% endhint %}

### Como importar produtos de outra plataforma

Por exemplo, enviamos uma tabela com produtos que criamos manualmente na [**Tabelas** ](/doc/pt/websites/sites/blocks/sheets.md)seção do Mavibot.

Se você precisar transferir uma loja virtual de um site ou de outro serviço para o Mabibot, use as abas para baixar produtos nas configurações da categoria:

<figure><img src="/files/2831688689816c22c3d7993ff41c93c208699e31" alt=""><figcaption></figcaption></figure>

Há uma **Importar** aba nas configurações da categoria. Clique no botão de mesmo nome para baixar a tabela com os cartões de produto:

<figure><img src="/files/b856d0be55500e1bcb9b30300ca7e43f4fb19394" alt=""><figcaption></figcaption></figure>

Depois de enviar o arquivo contendo seus cartões de produto (exportado de outra plataforma), você precisará mapear as colunas.

Depois que a tabela de produtos for carregada, você verá uma interface de mapeamento com duas colunas principais:

1. **A primeira coluna da tabela:** ela exibe os nomes das suas colunas da tabela enviada. As colunas correspondem aos nomes das colunas na tabela.
2. **A segunda coluna da tabela:** exibe um exemplo de valores retirados da segunda linha, logo após os cabeçalhos das colunas.
3. **Coluna do produto:** ajuda a comparar (ou pular, se uma coluna não for necessária) os valores das colunas da tabela enviada com as colunas do produto.

Em seguida, clique em **"Enviar produtos"**.

{% hint style="success" %}
Pronto!&#x20;

Dessa forma, você pode enviar produtos rapidamente para o MaviBot e lançar sua loja virtual.
{% endhint %}

Se necessário, você pode editar um cartão de produto clicando no ícone da lupa na linha do produto.

### **Como exportar cartões de produto**

Para exportar os cartões de produto criados de um site para outro, use a aba de exportação nas configurações da categoria.

<figure><img src="/files/2831688689816c22c3d7993ff41c93c208699e31" alt=""><figcaption></figcaption></figure>

Há uma **"Exportar produtos"** aba nas configurações da categoria.

**Exportar produtos:** aqui você pode configurar quais colunas da tabela de cartões de produto deseja exportar (baixar para o seu dispositivo) e transferir para outro projeto.

<figure><img src="/files/d6d4834ef39fd0af7106e8dd7a73ff4836f4ffc7" alt=""><figcaption></figcaption></figure>

Para remover colunas desnecessárias, basta desmarcar a caixa na linha com o nome da coluna.

Em seguida, clique em "Exportar produtos" — então os cartões de produto serão baixados para o seu dispositivo no formato de tabela:

<figure><img src="/files/0c25ca198bfb3f6ad86e98a62caf35e035a672b0" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Você pode exportar cartões de produto em formato cvs de qualquer plataforma, para configurar e lançar rapidamente uma loja virtual.
{% endhint %}

### Cartão de produto

Para criar um novo cartão, clique no botão redondo "+".

<figure><img src="/files/aad83bfc902c61a2c2014bf1e697a427eaa18805" alt="" width="563"><figcaption></figcaption></figure>

A janela de configurações do produto será aberta.

<figure><img src="/files/739aa9b6a06b006a7f629fbb9ed63640670bc060" alt=""><figcaption></figcaption></figure>

Para editar um cartão de produto existente, clique na lupa na linha do produto.

<figure><img src="/files/c8de88f8ed1186a47881bb0f92cf096398b1b2e8" alt=""><figcaption></figcaption></figure>

Aqui você precisa adicionar o título, enviar a imagem (uma ou mais) e adicionar uma descrição.

<figure><img src="/files/68a4db0a11441a6618e15ce008da7f7117327cf9" alt="" width="344"><figcaption></figcaption></figure>

Em seguida, especifique o preço do produto e outros detalhes:

a) Categoria do produto\
b) Preço (por exemplo, preço atual e antigo — útil para mostrar descontos)\
c) Artigo (número)\
d) Quantidade (você pode especificar quantos itens estão disponíveis na sua loja)\
e) Descrição curta

<figure><img src="/files/640f7e8f22e1b9eea538b39d0bafd35def249eff" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Atenção!&#x20;

Primeiro, crie pelo menos um produto antes de adicionar categorias de produto
{% endhint %}

Depois, se necessário, adicione as características do produto e clique em "Salvar".

<figure><img src="/files/31d44db4169a800291c5506b5b495754e9f7a0d0" alt=""><figcaption></figcaption></figure>

Depois disso, o cartão de produto aparecerá na tabela na aba "Produtos".

Para adicionar mais produtos, clique no botão redondo "+" :

<figure><img src="/files/53d6ff9feb89a7b6a0f9254cd6baed511ebe0c74" alt=""><figcaption></figcaption></figure>

## Configurações do site

Depois de criar as categorias necessárias e preencher os cartões de produto, prossiga para as configurações do site. Para fazer isso, clique no nome do seu site na barra de navegação superior.

<figure><img src="/files/120019373e62cbad56c9865d4fc155812efe911b" alt=""><figcaption></figcaption></figure>

Em seguida, você retornará às configurações do site, onde precisa clicar na página para ir às configurações da seção.

<figure><img src="/files/a897aba208ce126542e3904a8b3aba88cdb06ffa" alt=""><figcaption></figcaption></figure>

Você mudará para o modo de edição da página clicando no botão "+":

<figure><img src="/files/a34156540bb7cbdffe57e4781e3d225730d7aba4" alt=""><figcaption></figcaption></figure>

No menu à direita, selecione a seção "Catálogo de produtos":

<figure><img src="/files/d8233c6851104ee33916cee37f044540f4ffa3c5" alt=""><figcaption></figcaption></figure>

Os cartões de produto da aba "Produtos", incluindo todos os detalhes, preços e imagens, aparecerão automaticamente nas configurações da seção:

<figure><img src="/files/a56f4b1e1a447c2afb2fe4d523c359cc119724ab" alt=""><figcaption></figcaption></figure>

Você está a apenas alguns passos de distância:

1. Agora, selecione quais categorias de produtos você deseja exibir na seção:

<figure><img src="/files/01aa3fea7502245cb4d949f72797d4682396a108" alt="" width="375"><figcaption></figcaption></figure>

2. Em seguida, selecione o número de colunas:

<figure><img src="/files/f119417424d1c628da090af4c3fd56a06c9f4c22" alt="" width="375"><figcaption></figcaption></figure>

3. Especifique quantos produtos exibir no início (antes de clicar no botão "Mostrar mais")

<figure><img src="/files/0fc7411c3d799eb6f983c8aac84cd4db05862e91" alt=""><figcaption></figcaption></figure>

4. Em seguida, ative os seletores se quiser que seus clientes classifiquem os produtos por categorias e filtros, e exibam uma breve descrição do produto:

<figure><img src="/files/ebc18b13021c7fef3334c9282ee9086c3f14e425" alt="" width="375"><figcaption></figcaption></figure>

Agora clique em "Salvar".

<figure><img src="/files/7923bf2816ce0d9e766cbbf6bf723721b7e4bdc2" alt="" width="375"><figcaption></figcaption></figure>

Agora passe o mouse sobre a seção e clique em "Configurações" para personalizá-la.

Agora, passe o mouse sobre a seção e clique no **"Configurações"** ícone para personalizá-la.

Nas configurações da seção, você pode:

* **Personalizar a tipografia:** Selecione a fonte e ajuste seu tamanho para a seção.
* **Estilizar o plano de fundo:** Envie uma imagem ou escolha uma cor sólida ou degradê.
* **Configurar o layout:** Ajuste a largura, a visibilidade, o tamanho geral e o alinhamento.

{% hint style="success" %}
Você pode aprender mais sobre as configurações globais da seção [aqui](/doc/pt/websites/sites/blocks/settings.md).
{% endhint %}

Agora vá para a pré-visualização.

Aqui você pode pré-visualizar como o site exibe os produtos, testar como funcionam os filtros e a busca por categoria, e visualizar o carrinho e o processo de checkout.

{% hint style="success" %}
Você pode adicionar qualquer número de seções para sua loja virtual — por exemplo, para exibir categorias específicas de produtos em cada seção ou colocar seções em páginas diferentes do site.

Tudo o que você precisa fazer é preencher os cartões de produto, enquanto as configurações da seção são mínimas para um lançamento rápido.
{% endhint %}

### Como alterar o endereço de um site

Para dar ao seu site um endereço limpo e conciso, em vez de uma URL gerada automaticamente (como a mostrada abaixo), você pode personalizar o link da página. Acesse as configurações do site para fazer essa alteração.

<figure><img src="/files/e87d4ff47e5f9c747ed5364b60a7ecbf1baed2dc" alt=""><figcaption></figcaption></figure>

Em seguida, nas configurações principais, atualize os campos conforme mostrado na imagem abaixo.

<figure><img src="/files/fd81f03afbe370481b76e5b2b37072d7c8e2e6c3" alt="" width="375"><figcaption></figcaption></figure>

1. **Nome do site**. Este é o nome exibido na **Sites** seção. Alterá-lo ajuda você a identificar e encontrar o site com mais facilidade na sua lista depois.

<figure><img src="/files/3b5c2373242f9b0cc773523ce8e9b931a156b5dd" alt="" width="375"><figcaption></figcaption></figure>

2. **Título da aba do navegador.** O título exibido na aba do navegador e na barra de endereços.
3. **URL.** O endereço do site.

{% hint style="success" %}
Sua loja virtual totalmente funcional está pronta!
{% endhint %}

## Como compartilhar um link em um chatbot

Você pode compartilhar um link para sua loja virtual em um chatbot. Por exemplo, você pode enviar um link direto (compatível com a maioria dos mensageiros) ou usar o botão dedicado **Web App** no Telegram.

### Web-app do Telegram&#x20;

Você pode compartilhar sua loja virtual em um chatbot por meio de um botão de Web App do Telegram ou como um link padrão (para outros mensageiros).

{% hint style="info" %}
**Método 1: botão de Web App do Telegram**

Este método abre sua loja dentro da interface nativa do Telegram.

**Passo 1. Copie o endereço da sua loja**

Copie a URL da barra de endereços do seu navegador ou do cartão da loja na **“Sites”** seção.

**Passo 2. Crie ou edite um bloco**

Crie um novo bloco no construtor ou incorpore isso em um fluxo existente do bot.

**Passo 3. Configure o botão de Web App do Telegram**

1. No seu bloco, navegue até **Botões** nas configurações e clique em **"Adicionar botão."**
2. Na janela modal, selecione **"Aplicação Web do Telegram"** função.
3. Cole a URL da sua loja no campo de link.
4. Nomeie o botão (por exemplo, **"Ir para o site"**) e clique em **"Adicionar."**
5. Defina o tipo do botão como **"Inline"** ou **"Teclado"** conforme necessário e, em seguida, salve as configurações do bloco.

**Passo 4. Teste o Bot**

Acione o bloco (por exemplo, enviando a palavra **"Loja"**). O bot responderá com uma mensagem contendo o botão. Ao clicar nele, sua loja será aberta como um Web App do Telegram.
{% endhint %}

{% hint style="info" %}

#### **Método 2: botão de link padrão (para outros mensageiros)**

Este método cria um botão padrão que abre a loja em um navegador da web.

**Passo 1. Copie o endereço da sua loja**

Copie a URL da barra de endereços do seu navegador ou do cartão da loja na **“Sites”** seção.

**Passo 2. Crie ou edite um bloco**

Crie um novo bloco no construtor ou incorpore isso em um fluxo existente do bot.

**Passo 3. Configure o botão de link**

1. No seu bloco, navegue até **Botões** nas configurações e clique em **"Adicionar botão."**
2. Na janela modal, deixe a função como padrão (geralmente **"Abrir URL"**).
3. Cole a URL da sua loja no campo de link e nomeie o botão.
4. Defina o tipo do botão como **"Inline"** ou **"Teclado"** e salve as configurações do bloco.
   {% endhint %}

{% hint style="success" %}
**Pronto!**\
Você configurou com sucesso seu chatbot para compartilhar sua loja virtual por meio de um link direto ou de um Web App nativo do Telegram.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/websites/online-store/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.