Como criar uma loja virtual

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

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

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

Categoria de produto

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

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:

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

Clique no botão "Criar categoria":

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:

circle-check

Como importar produtos de outra plataforma

Por exemplo, enviamos uma tabela com produtos que criamos manualmente na Tabelas 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:

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:

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

circle-check

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.

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.

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:

circle-check

Cartão de produto

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

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

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

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

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

circle-info

Atenção!

Primeiro, crie pelo menos um produto antes de adicionar categorias de produto

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

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

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

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.

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

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

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

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:

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

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

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

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

  1. 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:

Agora clique em "Salvar".

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.

circle-check

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.

circle-check

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.

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

  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.

  1. Título da aba do navegador. O título exibido na aba do navegador e na barra de endereços.

  2. URL. O endereço do site.

circle-check

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

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

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

circle-info

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.

circle-check

Atualizado