Comércio eletrônico (Beta) 🔥
Você finalmente pode ter seu próprio marketplace cripto e receber pagamentos em stablecoins com apenas arrastar e soltar! A nova solução para aplicações do mundo real conecta o digital ao tangível.
Esta é uma das funcionalidades mais ambiciosas e promissoras incluídas no DexAppBuilder nos últimos meses. Qualquer criador de DApp poderá implantar mercados do mundo real para objetos e mercadorias e receber pagamentos em moedas estáveis de forma ordenada, segura e confiável, mantendo o controle de sua loja e do inventário de produtos a todo momento.
É importante que você saiba que esta é uma funcionalidade Beta. Você encontrará erros e falhas que estamos corrigindo sistematicamente. Por favor, tenha paciência e, se quiser contribuir para acelerar o desenvolvimento deste produto, junte-se ao nosso servidor do Discord e mostre seu interesse.
Primeiros passos
Uma vez que o usuário tenha seu DApp criado com o DexAppBuilder, ele deve ativar a funcionalidade de E-Commerce, que vem desativada por padrão. Visite este link interno para ler a documentação ou assista a este vídeo em nosso canal do YouTube para um tutorial rápido sobre como implantar seu DApp com o DexAppBuilder.
Salve as alterações e aguarde alguns segundos para que o servidor reflita as mudanças.
Configurando o E-Commerce
Depois de ativar essa funcionalidade, salvá-la e o servidor registrar as alterações, você verá um novo menu de E-Commerce na barra lateral esquerda, na parte inferior, onde poderá configurar os parâmetros iniciais do seu sistema de comércio.
Configurando o básico
Endereço da carteira do destinatário: Este será o endereço que receberá todo o produto das vendas. Por padrão, este é o seu endereço conectado, mas você pode usar qualquer outro endereço.
E-mail do destinatário: Esta será a caixa de entrada onde você receberá notificações de quaisquer vendas que tenham ocorrido. Essas notificações por e-mail são enviadas para sua caixa de entrada em tempo real.
Redes de pagamento: Selecione as redes blockchain nas quais você deseja receber pagamentos em stablecoins. Para cada uma das redes, as seguintes stablecoins estão habilitadas por padrão:
Sistema Interno de Notificações
Nesta seção você será notificado, juntamente com o e-mail que já configuramos acima, de todas as vendas recebidas e pedidos processados, para que possa manter um registro de tudo o que é necessário para controlar seu negócio.
Verificando o painel
Aqui você encontrará um detalhamento dos lucros em dólares e o número total de pedidos. Esta seção será aprimorada no futuro para permitir ao usuário uma visão mais ampla dos lucros e do controle de pedidos, tudo com clareza e eficiência nos dados como nosso objetivo.
Gerenciando categorias de itens
Seus produtos ficam melhores quando estão devidamente categorizados. Seus visitantes poderão refinar a visualização dos produtos por categoria e assim ver aquilo em que estão interessados em comprar. A categorização também é importante para a ordem interna do DApp caso haja um grande número de itens carregados no sistema.
Adicione uma categoria simplesmente clicando no 
botão e preenchendo o modal de um único campo que aparece 👇
Depois de terminar de preencher suas categorias, pode ficar assim:
Gerenciando coleções de itens
Ideal para agrupar produtos semelhantes em pacotes, essa opção permite vender diferentes itens em pacotes que você pode criar para qualquer ocasião (feriados, ocasiões especiais, promoções etc.). Uma funcionalidade muito útil para lojas com alta rotatividade de mercadorias.
Adicione uma nova coleção simplesmente clicando no 
botão, em seguida preencha o campo único. Salve-a.
Gerenciando itens
Com o acima já configurado, estamos prontos para começar a adicionar nossos produtos ao sistema. Abaixo estão os passos necessários para fazê-lo:
Na barra lateral esquerda exclusiva para E-Commerce, navegue até Produtos – Itens. Uma vez lá, você poderá ver o painel de itens vazio.
Pressione o
botão e vamos preencher todos os campos em branco para o produto específico:
Nome do produto: Seja conciso e atraente. É seu marketplace, então você pode ser criativo, mas preciso.
Descrição: Seja tão específico quanto precisar aqui para esclarecer o que você está vendendo.
Coleções: Adicione este produto a coleções que você já criou. Isso permite vender múltiplos produtos dentro de um único pacote.
Categoria: O nome é claro: categorize seus produtos para melhor organização tanto interna quanto para seus clientes.
Preço: Informe quanto você está disposto a receber por este produto em dólares americanos.
Visibilidade na loja: Opção útil para quando você está inserindo todo o seu inventário e não quer mostrar nada ainda (enquanto em produção). Também é útil para itens que estão fora de estoque.
Item protegido: Útil para ocultar informações do comprador. Você pode usá-lo se quiser mostrar o local de entrega do produto, um link externo privado para um chat (você pode usar seu link do WhatsApp, Telegram, etc.) ou qualquer coisa que decidir.
Faça upload de uma foto do produto. A maioria dos formatos de imagem comercial é aceita, mas o limite é de 2 MB por enquanto.
Depois de preencher todos os campos, proceda para salvar o produto. Repita o processo até preencher seu inventário.
Gerenciando Checkouts
Crie e compartilhe pagamentos de produtos com seus clientes facilmente. Ideal para vender produtos em combos para ocasiões especiais e ofertas.
Uma vez que você entrar na seção, poderá ver o painel com todos os pedidos de checkout que fizemos antes. Como é a primeira vez que entramos, não há nenhum.
Vamos criar nosso primeiro pedido de checkout clicando no 
botão que abrirá o seguinte formulário para preencher 👇
Título: Insira um título descritivo para a página de checkout. Esse título ajuda a identificar o checkout no seu painel e fornece contexto aos seus clientes.
Descrição: Adicione quaisquer informações adicionais ou instruções relevantes ao processo de checkout. Por exemplo, você pode incluir políticas de devolução, detalhes de envio ou informações específicas do produto.
Exigir e-mail:
Opção de alternância: Quando habilitado, os clientes serão obrigados a fornecer seu endereço de e-mail para concluir o processo de checkout. Isso é útil para enviar confirmações de pedido ou atualizações.
Quantidade editável
Opção de alternância: Quando habilitado, os clientes podem editar a quantidade dos itens que desejam comprar diretamente na página de checkout. Essa opção oferece flexibilidade para compras em grande quantidade ou múltiplos itens.
Tabela de Produtos
A tabela de produtos permite gerenciar os itens incluídos no checkout. Aqui estão as colunas disponíveis e seus propósitos:
Produto: Exibe o nome ou identificador do produto.
Quantidade: Mostra a quantidade de cada produto no pedido. Se "Quantidade editável" estiver habilitada, este campo se torna editável para os clientes.
Preço unitário: Indica o preço por unidade do produto.
Preço total: Calcula automaticamente o custo total do produto (quantidade × preço unitário).
Ações: Fornece opções para modificar ou remover o item do checkout.
Adicionar item
Botão: Use o Adicionar item botão para incluir um novo produto no checkout. Isso permitirá especificar o nome do produto, quantidade e preço.
Depois de terminar de preencher todos os campos, clique no 
botão. Você verá um 
toast se tudo correr bem e o painel de checkout será aberto para você da seguinte forma:
Seus pedidos agora estão no painel e você pode acessá-los para compartilhá-los ou excluí-los conforme necessário. Pressione o 
botão à direita do pedido selecionado para abrir um modal com opções para compartilhar este pedido em redes sociais. Você também pode copiar o link dele.
Incorporando produtos no seu DApp
Se você quer vender, você tem que mostrar. Essa é a regra principal de vendas e você pode, claro, fazer do jeito que preferir no seu DApp criado com o DexAppBuilder. Vamos mostrar um exemplo:
Você deve ir para a área administrativa do seu DApp. Uma vez lá, procure a opção Páginas dentro da seção Layout (primeira barra lateral à esquerda, a principal). Quando estiver lá, você poderá ver as páginas que compõem seu DApp.
Clique na página para ver todas as seções que ela contém 👇
A fim de mostrar a funcionalidade de E-Commerce diretamente, apagamos todas as seções padrão e agora precisamos criar apenas uma contendo os produtos
Agora selecione o componente «Commerce» para adicionar seus produtos
Uma vez que você clicar no componente, verá a seguinte tela 👇
Você pode alterar a visualização do componente selecionando o tipo na lista. Na verdade, na imagem acima, estamos usando o tipo Store. Neste caso, vamos mostrar TODOS OS ITENS no componente.
Quando terminarmos aqui, clicamos em Salvar. Sua seção de componente na página Início ficará assim 👇
Agora vamos dar uma olhada no nosso DApp em "produção"
Como você pode ver, nosso DApp possui apenas a seção Store que contém os produtos que adicionamos para nosso teste. Obviamente, seu DApp deve conter tudo o que você precisa para torná-lo especial: integrações com contratos inteligentes, conteúdo restrito, componentes de negociação, entre outras coisas.
Last updated