Vá para a seção de sites e clique no botão "Criar":
Clicar no botão "Criar" abre um menu suspenso com tipos de site. A partir daí, selecione "Loja Online"
Após clicar no botão "Loja Online", você irá para as configurações do site, onde precisa abrir a aba "Produtos":
Categoria de produto
Após ir para a seção "Produtos", você verá os modelos de cartão de produto:
Você pode ir diretamente para configurar os 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 direito abre com as configurações de categoria:
Clique no botão "Criar Categoria":
Na janela que se abre, insira o nome da categoria e selecione a cor (ela será exibida na tabela de produtos).
Você também pode alterar a exibição da coluna nas configurações de categoria:
Após configurar a categoria, você pode ir para as configurações do cartão de produto.
Como importar produtos de outra plataforma
Por exemplo, carregamos uma tabela com produtos que criamos manualmente na seção Tabelas do Mavibot.
Se precisar transferir uma loja online de um site ou outro serviço para o Mabibot, use as abas para baixar produtos nas configurações de categoria:
Há uma aba Importar nas configurações de categoria. Clique no botão de mesmo nome para baixar a tabela com cartões de produto:
Após carregar o arquivo contendo seus cartões de produto (exportados de outra plataforma), você precisará mapear as colunas.
Assim que a tabela de produtos for carregada, você verá uma interface de mapeamento com duas colunas principais:
- A primeira coluna da tabela: exibe os nomes das suas colunas da tabela carregada. As colunas correspondem aos nomes das colunas na tabela.
- A segunda coluna da tabela: exibe um exemplo de valores retirados da segunda linha, logo após os cabeçalhos das colunas.
- Coluna do produto: ajuda a comparar (ou pular, se uma coluna não for necessária) os valores das colunas da tabela carregada com as colunas do produto.
Em seguida, clique em "Carregar produtos".
Pronto!
Dessa forma, você pode carregar rapidamente produtos no MaviBot e lançar sua loja online.
Se necessário, você pode editar um cartão de produto clicando no ícone de 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 de categoria.
Há uma aba "Exportar produtos" nas configurações de 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 remover a marca de seleção 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:
Você pode exportar cartões de produto no formato cvs de qualquer plataforma, para que possa configurar e lançar rapidamente uma loja online.
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, carregar 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 em sua loja)
e) Descrição curta
Atenção!
Primeiro, crie pelo menos um produto antes de adicionar categorias de produto
Em seguida, 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
Após 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.
Então você retornará às configurações do site, onde precisa clicar na página para ir para as configurações da seção.
Você mudará para o modo de edição de página clicando no botão "+":
No menu direito, 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:
- Agora, selecione quais categorias de produto deseja exibir na seção:
- Em seguida, selecione o número de colunas:
- Especifique quantos produtos exibir no início (antes de clicar no botão "Mostrar mais")
- Em seguida, ative as alternâncias se quiser que seus clientes classifiquem os produtos por categorias e filtros, e exibam uma descrição curta 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 ícone "Configurações" para personalizá-la.
Dentro das configurações da seção, você pode:
- Personalizar tipografia: Selecione a fonte e ajuste seu tamanho para a seção.
- Estilizar o fundo: Carregue uma imagem ou escolha uma cor sólida ou gradiente.
- Configurar o layout: Ajuste a largura, visibilidade, tamanho geral e alinhamento.
Você pode aprender mais sobre as configurações globais da seção aqui.
Agora vá para a visualização.
Aqui você pode visualizar como o site exibe os produtos, testar como os filtros e a pesquisa por categoria funcionam, e ver o carrinho e o processo de checkout.
Você pode adicionar qualquer número de seções para sua loja online — por exemplo, para exibir categorias de produto específicas em cada seção ou colocar seções em diferentes páginas 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.
Como alterar o endereço do 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. Vá para as configurações do site para fazer essa alteração.
Em seguida, nas configurações principais, atualize os campos conforme mostrado na imagem abaixo.
- Nome do site. Este é o nome exibido na seção Sites. Alterá-lo ajuda você a identificar e encontrar o site mais facilmente em sua lista posteriormente.
- Título da aba do navegador. O título exibido na aba do navegador e na barra de endereços.
- URL. O endereço do site.
Sua loja online totalmente funcional está pronta!
Como compartilhar um link em um chatbot
Você pode compartilhar um link para sua loja online 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.
Telegram Web-app
Você pode compartilhar sua loja online em um chatbot através de um botão Telegram Web App ou como um link padrão (para outros mensageiros).
Método 1: Botão Telegram Web App
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 seção “Sites”.
Passo 2. Crie ou edite um bloco
Crie um novo bloco no construtor ou incorpore isso em um fluxo de bot existente.
Passo 3. Configure o botão Telegram Web App
- No seu bloco, navegue até Botões nas configurações e clique em "Adicionar botão."
- Na janela modal, selecione a função "Aplicação Web do Telegram".
- Cole a URL da sua loja no campo de link.
- Nomeie o botão (por exemplo, "Ir para o site") e clique em "Adicionar."
- Defina o tipo de botão como "Inline" ou "Teclado" conforme necessário, depois 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. Clicar nele abrirá sua loja como um Telegram Web App.
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 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 seção “Sites”.
Passo 2. Crie ou edite um bloco
Crie um novo bloco no construtor ou incorpore isso em um fluxo de bot existente.
Passo 3. Configure o botão de link
- No seu bloco, navegue até Botões nas configurações e clique em "Adicionar botão."
- Na janela modal, deixe a função como padrão (geralmente "Abrir URL").
- Cole a URL da sua loja no campo de link e nomeie o botão.
- Defina o tipo de botão como "Inline" ou "Teclado" e salve as configurações do bloco.
Pronto!
Você configurou com sucesso seu chatbot para compartilhar sua loja online através de um link direto ou um Telegram Web App nativo.