Guia Passo a Passo: Construindo um Clone do Etsy com Adalo

Guia Passo a Passo: Construindo um Clone do Etsy com Adalo

Por Que o Adalo Funciona para Construir Aplicativos de Marketplace

Adalo é um construtor de aplicativos sem código para aplicativos web orientados por banco de dados e aplicativos nativos iOS e Android — uma versão em todas as três plataformas, publicada na Apple App Store e Google Play. Isso o torna exclusivamente adequado para construir um marketplace estilo Etsy, onde vendedores e compradores precisam de acesso contínuo, estejam usando seu laptop em casa ou navegando em seu telefone em uma feira de artesanato.

Para que um marketplace bilateral tenha sucesso, alcançar usuários onde quer que estejam é essencial. Adalo permite que você publique seu marketplace em ambas as lojas de aplicativos e na web simultaneamente, possibilitando notificações push para alertar compradores sobre novos produtos ou vendedores sobre pedidos recebidos. Esta presença multiplataforma ajuda você a competir com marketplaces estabelecidos, mantendo controle total sobre sua marca e experiência do usuário.

Construir um aplicativo de marketplace como o Etsy tradicionalmente exigia meses de tempo de desenvolvimento e experiência técnica significativa. Vendedores precisavam de uma plataforma para listar produtos, compradores precisavam de experiências intuitivas de navegação e checkout, e ambos os lados exigiam mensagens, avaliações e gerenciamento de pedidos — tudo sincronizado entre web e mobile. Adalo, um construtor de aplicativos alimentado por IA, torna isso viável para fundadores não técnicos. Com seu banco de dados relacional integrado e ferramentas de desenvolvimento visual, você pode criar um marketplace bilateral completo que publica para web, iOS App Store e Google Play Store a partir de uma única base de código.

Este tutorial abrangente o guia através da construção de um marketplace totalmente funcional estilo Etsy, onde vendedores listam produtos artesanais e compradores navegam, compram e analisam itens — tudo sem escrever código. Você criará a estrutura do banco de dados, autenticação de usuário, listagens de produtos, carrinho de compras, checkout com pagamentos Stripe, avaliações, mensagens e tudo o que é necessário para um marketplace pronto para produção.

Por Que o Adalo Funciona para Construir Aplicativos de Marketplace

Para que um marketplace bilateral tenha sucesso, alcançar usuários onde quer que estejam é essencial. Adalo permite que você publique seu marketplace em ambas as lojas de aplicativos e na web simultaneamente, possibilitando notificações push para alertar compradores sobre novos produtos ou vendedores sobre pedidos recebidos. Esta presença multiplataforma ajuda você a competir com marketplaces estabelecidos, mantendo controle total sobre sua marca e experiência do usuário.

A plataforma infraestrutura modular, sem limite superior. Ao contrário de wrappers de aplicativos que atingem restrições de desempenho sob carga, a arquitetura construída especificamente do Adalo mantém velocidade em escala — crítico para marketplaces onde tempos de carregamento lentos impactam diretamente as taxas de conversão. Os planos pagos incluem registros de banco de dados ilimitados, o que significa que seu catálogo de produtos, base de usuários e histórico de pedidos podem crescer sem atingir limites de armazenamento ou cobranças inesperadas.

O Que É um Clone do Etsy e Por Que Construir Um

Um clone do Etsy é um plataforma de marketplace bilateral que conecta vendedores individuais com compradores, facilitando transações sem o proprietário do marketplace gerenciar inventário. Ao contrário de sites de e-commerce tradicionais que vendem seus próprios produtos, marketplaces fornecem a infraestrutura para vários fornecedores operarem lojas.

O próprio Etsy conecta 7,5 milhões de vendedores com 95,1 milhões de compradores, gerando US$ 2,6 bilhões em receita em 2022. Construir sua própria versão permite que você:

  • Possua completamente sua plataforma e marca
  • Controle estratégias de monetização
  • Personalize recursos para seu nicho específico
  • Publique simultaneamente em web, iOS e Android

Gartner prevê que até 2026, 70% dos novos aplicativos desenvolvidos por empresas usarão tecnologias low-code/no-code. Forrester relatou que essas abordagens podem acelerar a entrega em até 10x em comparação com o desenvolvimento tradicional.

Pré-requisitos e Configuração Inicial

Etapa 1: Crie Sua Conta Adalo

  1. Conecte-se com um Adalo.com e clique em "Inscrever-se"
  2. Insira seu email e crie uma senha
  3. Verifique seu endereço de email
  4. Escolha o plano Gratuito para começar (aplicativos de teste ilimitados)
  5. Você pode atualizar para planos pagos quando estiver pronto para publicar

Ada, o construtor de IA do Adalo, permite que você descreva o que deseja e gera seu aplicativo. Magic Start cria fundações de aplicativos completas a partir de uma descrição, enquanto Magic Add adiciona recursos através de linguagem natural.

O nível Gratuito é adequado para prototipagem e testes. Quando estiver pronto para publicar, planos pagos começando em US$ 36/mês incluem uso ilimitado e sem limites de registros — uma vantagem significativa sobre plataformas como Bubble que cobram com base em unidades de carga de trabalho com cálculos complexos.

Etapa 2: Crie seu Aplicativo de Marketplace

  1. Clique em "Criar Novo Aplicativo" no seu painel
  2. Nomeie seu aplicativo (por ex., "HandmadeMarket")
  3. Selecione "Aplicativo Móvel" (recomendado para aplicativos de marketplace)
  4. Escolha "Começar do Zero" para controle total, ou use Início Mágico para gerar uma base a partir de uma descrição
  5. Clique em "Criar Aplicativo"

Magic Start pode acelerar significativamente sua configuração inicial. Descreva seu conceito de marketplace — "um marketplace de produtos artesanais conectando vendedores artesãos com compradores" — e ele gera sua estrutura de banco de dados, telas iniciais e fluxos de usuário automaticamente. O que costumava levar dias de planejamento agora leva minutos.

Etapa 3: Configurar o tema do seu aplicativo

  1. Selecione uma cor de marca principal (por ex., terracota quente para estética artesanal)
  2. Escolha uma cor secundária complementar para botões de chamada para ação
  3. Escolha uma família de fontes legível e amigável
  4. Defina preferências de espaçamento e raio de canto
  5. Clique em "Continuar" para entrar no construtor visual

Construindo a Estrutura do Banco de Dados do Seu Marketplace

Sua estrutura de banco de dados é a base de todo o seu marketplace. Reserve tempo para planejar isso cuidadosamente — é muito mais difícil reestruturar depois. O construtor visual do Adalo exibe até 400 telas simultaneamente em uma única tela, oferecendo uma visão completa da arquitetura do seu aplicativo conforme você constrói.

Etapa 4: Aprimore a Coleção de Usuários

A coleção Usuários existe por padrão. Você a personalizará para funcionalidade de marketplace:

  1. Clique no botão Banco de Dados ícone na barra lateral esquerda
  2. Selecione a coleção "Usuários"
  3. Clique em "+ Adicionar Propriedade" e adicione estes campos:
  • Nome Completo (Texto)
  • Número de Telefone (Texto)
  • Imagem de Perfil (Imagem)
  • Tipo de Usuário (Texto) - Valores: "Comprador", "Vendedor", "Ambos"
  • Bio (Texto - Multilinha)
  • Nome da Loja (Texto) - para vendedores
  • Banner da Loja (Imagem)
  • Localização (Texto)
  • Classificação Média (Número)
  • Total de Avaliações (Número)
  • Membro Desde (Data e Hora - defina para data de criação)

Isso cria flexibilidade para usuários agirem como compradores, vendedores ou ambos dentro de seu marketplace.

Etapa 5: Crie a Coleção de Produtos

  1. Clique em + Adicionar Coleção
  2. Nomeie "Produtos"
  3. Adicione essas propriedades:
  • Nome do Produto (Texto)
  • Descrição (Texto - Multilinha)
  • Preço (Número)
  • Categoria (Texto) - Valores: "Joias", "Decoração para Casa", "Vestuário", "Arte", "Suprimentos de Artesanato", "Brinquedos", "Artigos de Papel"
  • Imagens de Produtos (Imagem - permitir múltiplas)
  • Quantidade Disponível (Número)
  • SKU (Texto - Gerado Automaticamente)
  • Status (Texto) - Valores: "Ativo", "Esgotado", "Rascunho"
  • Tags (Texto - para pesquisa)
  • Materiais Utilizados (Texto)
  • Dimensões (Texto)
  • Peso (Número)
  • Tempo de Processamento (Texto) - p. ex., "1-3 dias úteis"
  • Data de Criação (Data e Hora - Automático)
  • Contagem de Visualizações (Número)

Etapa 6: Criar a Coleção de Pedidos

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Pedidos"
  3. Adicione essas propriedades:
  • Número de Pedido (Texto - Gerado Automaticamente)
  • Data do Pedido (Data e Hora - Automático)
  • Valor Total (Número)
  • Subtotal (Número)
  • Custo de Envio (Número)
  • Valor do Imposto (Número)
  • Status do Pedido (Texto) - Valores: "Pagamento Pendente", "Processando", "Enviado", "Entregue", "Cancelado", "Reembolsado"
  • Shipping Address (Texto - Multilinha)
  • Número de Rastreamento (Texto)
  • Notas para o Vendedor (Texto)
  • Entrega Esperada (Data)

Etapa 7: Criar a Coleção de Itens do Pedido

Como um pedido pode conter produtos de vários vendedores, você precisa de uma tabela de junção:

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Itens de Pedido"
  3. Adicione essas propriedades:
  • Quantidade (Número)
  • Preço do Item (Número) - fixa o preço na compra
  • Total do Item (Número) - Quantidade × Preço do Item
  • Comissão do Vendedor (Número) - sua taxa de marketplace
  • Status de Processamento (Texto) - Valores: "Pendente", "Processando", "Enviado", "Entregue"

Etapa 8: Criar a Coleção de Avaliações

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Avaliações"
  3. Adicione essas propriedades:
  • Classificação (Número) - 1-5 estrelas
  • Título da Análise (Texto)
  • Texto de Avaliação (Texto - Multilinha)
  • Imagens da Avaliação (Imagem - permitir múltiplas)
  • Contagem de Útil (Número) - para dar upvote em avaliações
  • Compra Verificada (Verdadeiro/Falso)
  • Data de Criação (Data e Hora - Automático)
  • Resposta do Vendedor (Texto - Multilinha)

Etapa 9: Criar a Coleção de Carrinho

  1. Clique em + Adicionar Coleção
  2. Nomeie-a "Itens do Carrinho"
  3. Adicionar propriedades:
  • Quantidade (Número)
  • Data de Adição (Data e Hora - Automático)

Passo 10: Criar a Coleção de Pagamentos

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Payments"
  3. Adicionar propriedades:
  • ID de Pagamento (Texto - Gerado Automaticamente)
  • Valor (Número)
  • Método de Pagamento (Texto) - p. ex., "Cartão, Apple Pay, Google Pay"
  • Últimos 4 Dígitos do Cartão (Texto)
  • Status de Pagamento (Texto) - Valores: "Pending", "Completed", "Failed", "Refunded"
  • ID de Pagamento Stripe (Texto)
  • Data do Pagamento (Data e Hora - Automático)

Etapa 11: Configurar Relacionamentos do Banco de Dados

Esta etapa crítica conecta suas coleções adequadamente:

Na coleção Produtos:

  • Adicione relacionamento com Usuários: "Vendedor" (Um Usuário pode ter muitos Produtos)

Na coleção Pedidos:

  • Adicione relacionamento com Usuários: "Comprador" (Um Usuário pode ter muitos Pedidos)
  • Adicionar relacionamento com Pagamentos: Um-para-Um

Na coleção Itens do Pedido:

  • Adicione relacionamento com Pedidos: Muitos-para-Um (Um Pedido tem muitos Itens do Pedido)
  • Adicione relacionamento com Produtos: Muitos-para-Um
  • Adicione relacionamento com Usuários: "Vendedor" (para rastreamento de comissão)

Na coleção Avaliações:

  • Adicione relacionamento com Usuários: "Avaliador" (Usuário deixando avaliação)
  • Adicione relacionamento com Produtos: Muitos-para-Um
  • Adicione relacionamento com Usuários: "Vendedor" (afeta classificação do vendedor)
  • Adicione relacionamento com Itens do Pedido: Um-para-Um (garante compras verificadas)

Na coleção Itens do Carrinho:

  • Adicione relacionamento com Usuários: Muitos-para-Um (Um Usuário tem muitos Itens do Carrinho)
  • Adicione relacionamento com Produtos: Muitos-para-Um

Criando Autenticação de Usuário e Perfis

Etapa 12: Criar a Tela de Boas-vindas

  1. Renomeie a tela padrão para "Boas-vindas"
  2. Adicione um Imagem componente para seu logotipo de marketplace
  3. Adicione Texto: "Descubra produtos artesanais únicos de criadores independentes"
  4. Adicione dois Botões:
    • "Inscrever-se" → Link para a tela "Inscrever-se" (criar nova tela)
    • "Fazer Login" → Link para a tela "Login" (criar nova tela)
  5. Estilize com as cores da sua marca

Etapa 13: Criar a Tela de Inscrição

  1. Adicionar nova tela "Criar Conta"
  2. Adicione Formulário componente:
    • Conectar à coleção Usuários
    • Adicione campos: Email, Senha, Nome Completo, Número de Telefone
  3. Adicione Dropdown para "Eu quero":
    • Opções: "Comprar itens", "Vender itens", "Ambos"
    • Isso define a propriedade Tipo de Usuário
  4. Adicione Seletor de Imagem para Imagem de Perfil (opcional)
  5. Configure as ações do botão enviar:
    • Se Tipo de Usuário contiver "Vender" → Link para a tela "Configuração de Vendedor"
    • Caso contrário → Link para a tela "Página Inicial do Comprador"

Etapa 14: Criar Tela de Configuração de Vendedor

  1. Adicione nova tela "Configuração de Vendedor"
  2. Adicione Formulário para atualizar Usuário Conectado:
    • Nome da Loja (Entrada de Texto)
    • Bio (Área de Texto)
    • Banner da Loja (Seletor de Imagem)
    • Localização (Entrada de Texto)
  3. Adicione Texto: "Conte aos compradores sobre seu ofício e o que torna seus produtos especiais"
  4. Botão Enviar → Link para "Painel do Vendedor"

Este fluxo de integração garante que os vendedores forneçam informações essenciais da loja antes de listar produtos.

Etapa 15: Construir Telas de Perfil do Usuário

  1. Criar tela "Meu Perfil" mostrando:
    • Imagem de perfil e nome
    • Bio
    • Data de membro desde
    • Classificação média e total de avaliações
    • Se vendedor: Nome e banner da loja
  2. Adicionar botão "Editar Perfil" → Link para formulário de atualização de perfil
  3. Criar tela "Perfil Público" (o que outros veem):
    • Mesmas informações mas somente leitura
    • Se vendedor: Mostrar suas listagens de produtos
    • Mostrar avaliações recebidas

Construindo a Experiência de Navegação do Comprador

Etapa 16: Criar Tela Inicial do Comprador

  1. Adicionar nova tela "Início do Comprador"
  2. Adicione Barra de Pesquisa no topo:
    • Marcador de posição: "Pesquisar produtos artesanais..."
    • Conectado à coleção de Produtos
    • Campos de pesquisa: Nome do Produto, Tags, Categoria
  3. Adicionar chips de categoria horizontal:
    • Lista componente em rolagem horizontal
    • Mostrar categorias únicas
    • Clicar filtra produtos por categoria
  4. Adicionar seção "Produtos em Destaque":
    • Lista de Produtos (classificados por Contagem de Visualizações ou Data de Criação)
    • Mostrar: Imagem do produto, nome, preço, nome da loja do vendedor
    • Layout em grade (2 colunas em dispositivo móvel)

Etapa 17: Construir Tela de Navegação por Categoria

  1. Criar tela "Categoria"
  2. Aceitar parâmetro de categoria da tela anterior
  3. Adicione Lista de Produtos filtrados por categoria
  4. Adicione opções de classificação:
    • Dropdown: "Mais Recente", "Preço: Menor para Maior", "Preço: Maior para Menor", "Mais Popular"
  5. Adicionar painel de filtros:
    • Controle deslizante de faixa de preço
    • Caixas de seleção de tipo de material
    • Alternância de disponibilidade

Pesquisa do Stanford Web Credibility Project enfatiza o design visual como um fator-chave de credibilidade percebida—exibições de produtos limpas e profissionais constroem confiança com os compradores.

Etapa 18: Criar Tela de Detalhe do Produto

  1. Adicionar nova tela "Detalhe do Produto"
  2. Adicionar carrossel de imagens no topo:
    • Mostra todas as Imagens do Produto
    • Galeria deslizável
  3. Adicionar seção de informações do produto:
    • Texto: Nome do Produto (grande, em negrito)
    • Texto: Preço (em destaque)
    • Texto: Descrição
    • Texto: Materiais, Dimensões, Peso
    • Texto: Tempo de Processamento
    • Texto: Quantidade Disponível
  4. Adicionar seção de informações do vendedor:
    • Nome da loja (clicável → Perfil Público)
    • Classificação do vendedor
    • Botão "Enviar Mensagem para o Vendedor"
  5. Adicionar botões de ação:
    • Botão: "Adicionar ao Carrinho" → Cria Item do Carrinho
    • Botão: "Comprar Agora" → Adiciona ao carrinho e vai para checkout
  6. Adicionar seção de avaliações:
    • Lista de Avaliações para este produto
    • Exibir: Classificação, nome do avaliador, texto da avaliação, data
    • Botão "Escrever uma Avaliação" (apenas se comprado)

Etapa 19: Criar Tela de Resultados de Busca

  1. Criar tela "Resultados de Pesquisa"
  2. Aceitar parâmetro de consulta de busca
  3. Adicione Lista de Produtos correspondentes à busca:
    • Filtro: Nome do Produto contém consulta OU Tags contêm consulta
    • Exibir contagem de resultados
  4. Adicionar estado vazio "Nenhum Resultado" com sugestões
  5. Adicionar buscas recentes (recurso avançado opcional)

Criando o Carrinho de Compras e o Fluxo de Checkout

Etapa 20: Criar Tela de Carrinho de Compras

  1. Adicionar nova tela "Carrinho de Compras"
  2. Adicione Lista de Itens do Carrinho para Usuário Conectado:
    • Exibir: Imagem do produto, nome, preço
    • Seletor de quantidade (botões + e -)
    • Botão Remover item
    • Nome do vendedor (agrupar por vendedor se múltiplos)
  3. Adicionar cálculo de subtotal:
    • Texto com fórmula: SOMA de (Quantidade do Item do Carrinho × Preço do Produto)
  4. Adicione Botão: "Prosseguir para o Checkout"
  5. Adicionar estado de carrinho vazio: "Seu carrinho está vazio. Comece a comprar!"

Fluxos de trabalho do carrinho de compras devem equilibrar simplicidade com visibilidade clara dos itens.

Etapa 21: Criar Tela de Checkout

  1. Adicionar nova tela "Checkout"
  2. Adicionar seção de resumo do pedido:
    • Listar todos os itens do carrinho
    • Exibir subtotal
  3. Adicione Formulário para informações de envio:
    • Nome Completo
    • Endereço da Rua
    • Cidade, estado, CEP
    • Número de Telefone
  4. Adicionar detalhamento de custos:
    • Subtotal
    • Envio (calcular com base em itens/vendedores)
    • Imposto (se aplicável)
    • Total (negrito, grande)
  5. Adicionar seção de pagamento (próxima etapa)
  6. Adicionar área de texto "Notas para o Vendedor"

Etapa 22: Instalar e Configurar Stripe Payment

  1. Vá para Marketplace Adalo
  2. Procurar pelo componente "Stripe"
  3. Clique em "Instalar"
  4. Retornar ao seu app
  5. Obter chaves de API do Stripe em Painel Stripe
  6. Em Adalo, vá para Configurações → Integrações → Stripe
  7. Adicione sua Chave Publicável do Stripe e Chave Secreta
  8. Na tela de Checkout, adicione Pagamento Stripe componente:
    • Valor: Total do Pedido
    • Salvar cartão para compras futuras (opcional)
    • Coletar: Número do cartão, validade, CVC, CEP de cobrança
  9. Configurar ações de pagamento ao enviar:
    • Criar registro de Pedido
    • Criar Itens de Pedido para cada Item do Carrinho
    • Criar registro de Pagamento com ID de Pagamento Stripe
    • Limpar Itens do Carrinho do usuário
    • Enviar email de confirmação
    • Navegar para a tela "Confirmação de Pedido"

Stripe é um provedor de serviços PCI DSS Nível 1 e mitiga a maioria dos encargos de PCI; você ainda deve validar sua conformidade com PCI (por exemplo, com SAQ A) ao usar Stripe Checkout/Elements.

Etapa 23: Criar Tela de Confirmação de Pedido

  1. Adicionar nova tela "Confirmação de Pedido"
  2. Exibir mensagem de sucesso:
    • Texto: "Pedido Realizado com Sucesso!"
    • Texto: "Pedido #[Número do Pedido]"
  3. Mostrar resumo do pedido:
    • Itens pedidos
    • Valor total
    • Estimativa de entrega
    • Endereço de entrega
  4. Adicionar botões de ação:
    • Botão: "Rastrear Pedido" → Link para Detalhes do Pedido
    • Botão: "Continuar Comprando" → Link para Início
  5. Adicionar nota de confirmação por email

Construindo a Experiência do Vendedor

Etapa 24: Criar Painel do Vendedor

  1. Adicionar nova tela "Painel do Vendedor"
  2. Adicionar seção de estatísticas rápidas no topo:
    • Total de Produtos Listados
    • Contagem de Pedidos Ativos
    • Vendas deste Mês
    • Classificação Média
  3. Adicionar cartões de navegação:
    • "Meus Produtos" → tela de Gerenciamento de Produtos
    • "Pedidos" → tela de Pedidos do Vendedor
    • "Análise de Vendas" → tela de Análise
    • "Configurações da Loja" → configuração da loja
  4. Adicionar lista de pedidos recentes:
    • Lista de Itens de Pedido Recentes onde Vendedor = Usuário Conectado
    • Mostrar: número do pedido, produto, nome do comprador, status
    • Clique para detalhes

Etapa 25: Criar Tela de Gerenciamento de Produtos

  1. Adicionar nova tela "Meus Produtos"
  2. Adicione Botão: "+ Adicionar Novo Produto" → Link para tela "Adicionar Produto"
  3. Adicionar lista de produtos com abas:
    • Aba 1: produtos ativos
    • Aba 2: produtos em rascunho
    • Aba 3: produtos esgotados
  4. Para cada produto na lista, mostrar:
    • Miniatura da imagem do produto
    • Nome e preço
    • Quantidade disponível
    • Contagem de visualizações
    • Botão Editar → Link para tela "Editar Produto"
    • Botão Excluir (com confirmação)

Use Adicionar Magicamente para estender a funcionalidade rapidamente. Descreva o que você precisa—"adicionar um recurso de carregamento em massa de produtos"—e a IA gera os componentes e a lógica necessários.

Etapa 26: Criar Tela de Adicionar/Editar Produto

  1. Adicionar nova tela "Adicionar Produto"
  2. Adicione Formulário conectada à coleção Produtos:
    • Nome do Produto (Entrada de Texto)
    • Descrição (Área de Texto)
    • Preço (Entrada de Número)
    • Categoria (Menu suspenso)
    • Imagens do Produto (Seletor de Imagem - múltiplas)
    • Quantidade Disponível (Entrada de Número)
    • Tags (Entrada de Texto com separação por vírgula)
    • Materiais Utilizados (Entrada de Texto)
    • Dimensões (Entrada de Texto)
    • Peso (Entrada de Número)
    • Tempo de Processamento (Menu suspenso: "1-2 dias", "3-5 dias", "1-2 semanas")
    • Status (Menu suspenso: "Ativo", "Rascunho")
  3. Definir relacionamento do Vendedor para Usuário Conectado
  4. O botão Enviar cria produto → Retorna para "Meus Produtos"
  5. Criar tela "Editar Produto" com o mesmo formulário pré-preenchido

Etapa 27: Criar Tela de Pedidos do Vendedor

  1. Adicionar nova tela "Pedidos do Vendedor"
  2. Adicionar abas de filtro:
    • Todos
    • Pendente (Status de Processamento = "Pendente")
    • Em Andamento ("Processando")
    • Enviado
    • com um
  3. Adicione Lista de Itens do Pedido onde Vendedor = Usuário Conectado:
    • Mostrar: número do pedido, produto, nome do comprador, quantidade, total
    • Data do pedido
    • Status de processamento
    • Endereço de entrega (expansível)
  4. Clicar no item → tela "Detalhes do Pedido"
  5. Adicionar ações em massa:
    • Marcar como Processando
    • Marcar como Enviado
    • Imprimir etiquetas de envio

Etapa 28: Criar Tela de Detalhes do Pedido para Vendedores

  1. Adicionar nova tela "Detalhes do Pedido - Vendedor"
  2. Exibir informações do pedido:
    • Número e data do pedido
    • Nome do comprador e endereço de entrega
    • Detalhes do produto e quantidade
    • Total do item e sua comissão
  3. Adicionar seção de atualização de status:
    • Status de processamento atual
    • Botão: "Marcar como Processando"
    • Botão: "Marcar como Enviado" → Abre formulário para número de rastreamento
    • Botão: "Contatar Comprador"
  4. Adicionar botões de ação:
    • Imprimir nota de embalagem
    • Baixar etiqueta de envio (se integração existir)

Implementando Avaliações e Classificações

Etapa 29: Criar Fluxo de Envio de Avaliação

  1. Na tela Detalhes do Pedido (lado do comprador), adicionar botão "Escrever Avaliação"
  2. Mostrar apenas se status do pedido = "Entregue" e nenhuma avaliação existir
  3. Criar tela "Escrever Avaliação":
    • Classificação por Estrelas componente (1 a 5 estrelas)
    • Título da Avaliação (Entrada de Texto)
    • Texto da Avaliação (Área de Texto)
    • Adicionar Fotos (Seletor de Imagem - opcional)
  4. Enviar cria registro de Avaliação:
    • Vincula a Produto
    • Vincula a Vendedor
    • Vincula a Item do Pedido (marca como compra verificada)
    • Define Avaliador para Usuário Conectado
  5. Navegar de volta para detalhes do produto

Etapa 30: Calcular e Exibir Classificações Médias

  1. Criar ação personalizada quando a avaliação é enviada
  2. Calcular classificação média do produto:
    • Contar todas as Avaliações do Produto
    • Somar todos os valores de Classificação
    • Atualizar Classificação Média do Produto: Soma ÷ Contagem
  3. Calcular classificação média do vendedor:
    • Contar todas as Avaliações dos produtos do Vendedor
    • Calcular média
    • Atualizar Classificação Média do Vendedor (Usuário)
    • Atualizar contagem total de Avaliações
  4. Exibir classificações em:
    • Cartões de produtos (exibição de estrelas)
    • Página de detalhes do produto
    • Perfil do vendedor
    • Resultados de busca

Etapa 31: Criar Exibição de Avaliações

  1. Na tela de Detalhes do Produto, adicione a seção de avaliações:
    • Classificar por: Mais Recente, Classificação Mais Alta, Mais Útil
    • Lista exibindo: estrelas de classificação, título, texto, nome do avaliador, data
    • crachá "Compra Verificada" se vinculado ao Item do Pedido
    • Botão Útil (incrementa Contagem de Útil)
    • Mostrar imagens da avaliação, se presentes
  2. Adicionar paginação ou "Carregar Mais" para muitas avaliações
  3. Adicionar exibição de resposta do vendedor abaixo de cada avaliação

Adicionando Mensagens Entre Compradores e Vendedores

Etapa 32: Criar Sistema de Mensagens

  1. Adicionar nova coleção "Conversas":
    • Propriedades: Última Mensagem (Texto), Data da Última Mensagem (Data e Hora), Status (Texto)
    • Relacionamentos: Comprador (Usuário), Vendedor (Usuário), Produto (opcional)
  2. Adicionar coleção "Mensagens":
    • Propriedades: Texto da Mensagem (Texto), Data de Criação (Data e Hora), Lido (Verdadeiro/Falso)
    • Relacionamentos: Conversa (Muitos-para-Um), Remetente (Usuário)
  3. Na página de Detalhes do Produto, adicione o botão "Mensagem para o Vendedor" → Cria/abre Conversa
  4. Criar tela "Conversa":
    • Mostrar contexto do produto no topo (se aplicável)
    • Lista de Mensagens na conversa (classificadas por data)
    • Campo de entrada de texto e botão enviar na parte inferior
  5. Criar tela "Minhas Mensagens":
    • Lista de Conversas para Usuário Conectado
    • Mostrar: nome do outro usuário, prévia da última mensagem, indicador de não lido
    • Clicar → Abre conversa

Etapa 33: Implementar Notificações de Mensagens

  1. Quando uma nova mensagem é enviada:
    • Enviar notificação por push para o destinatário
    • Atualizar Data da Última Mensagem da Conversa
    • Definir Lido = Falso
  2. Configurar texto de notificação: "[Nome do Remetente] enviou uma mensagem para você sobre [Nome do Produto]"
  3. Clique na notificação abre a conversa

Personalizando com o Marketplace de Componentes do Adalo

Etapa 34: Adicionar Recursos Avançados com Componentes

Visite o Marketplace Adalo para estender a funcionalidade:

Procure por componente "Busca Avançada":

  • Adiciona sugestões de preenchimento automático
  • Correspondência de sinônimos
  • Histórico de pesquisa

Instalar componente "Image Carousel":

  • Galerias de imagens de produtos melhores
  • Funcionalidade de zoom
  • Navegação por miniaturas

Adicionar componente "Social Share":

  • Permita que os usuários compartilhem produtos nas redes sociais
  • Aumenta a visibilidade do marketplace

Instalar componente "Calendar":

  • Para vendedores que oferecem itens personalizados/sob encomenda
  • Agendar consultas

Adicionar componente "Analytics Dashboard":

  • Rastreamento de vendas do vendedor
  • Análise de tráfego
  • Visualização de receita

O marketplace inclui dezenas de componentes da Adalo e de desenvolvedores terceirizados, permitindo que você adicione recursos sofisticados sem construir do zero.

Integrando Ferramentas Externas e Automação

Etapa 35: Conectar Zapier para Automação

  1. Vá para Integração Zapier da Adalo
  2. Clique em "Conectar" e autentique ambas as contas
  3. Crie automações úteis ("Zaps"):
    • Novo Pedido → Email para Vendedor: Quando Item de Pedido é criado, envie email com detalhes do pedido
    • Novo Produto → Postagem Social: Quando status do produto = Ativo, poste nas redes sociais
    • Pedido Enviado → Email: Quando status = Enviado, envie email ao comprador com rastreamento
    • Nova Avaliação → Slack: Notifique o canal do time sobre novas avaliações
  4. Configure gatilhos e ações na interface do Zapier
  5. Teste cada Zap antes de ativar

A automação Zapier elimina tarefas manuais e mantém vendedores e compradores informados automaticamente.

Etapa 36: Configurar Notificações por Email

  1. No Adalo, use o Enviar Email ação para eventos principais:
    • Confirmação de pedido (para comprador e vendedor)
    • Atualizações de status do pedido
    • Notificação de nova mensagem
    • Lembrete de avaliação (5 dias após entrega)
    • Email de boas-vindas para novos usuários
  2. Projete modelos de email com:
    • Linhas de assunto claras
    • Detalhes do pedido/produto
    • Botões de ação relevantes
    • Marca do marketplace

Etapa 37: Considere Airtable para Gerenciamento Avançado de Dados

Para rastreamento avançado de inventário ou análise de vendedor:

  1. Conecte integração Airtable
  2. Sincronize dados de produtos com Airtable para:
    • Relatórios avançados
    • Uploads em massa de produtos
    • Previsão de inventário
    • Gerenciamento de listagem multicanal
  3. Use os campos de fórmula do Airtable para cálculos complexos
  4. Sincronize de volta com Adalo conforme necessário

Alternativamente, o Adalo SheetBridge permite transformar uma Planilha Google em um banco de dados real — a forma mais fácil de gerenciar dados sem aprender conceitos de banco de dados.

Testando Seu Aplicativo de Marketplace Completamente

Etapa 38: Criar Dados de Teste Abrangentes

  1. Crie pelo menos 3 contas de comprador de teste
  2. Crie 5 contas de vendedor de teste com informações completas da loja
  3. Adicione 20-30 produtos em todas as categorias:
    • Diferentes pontos de preço
    • Contagens de imagem diferentes
    • Mix de quantidades
  4. Crie avaliações de exemplo para produtos
  5. Configure cartões de pagamento de teste no Stripe:
    • Cartão de sucesso: 4242 4242 4242 4242
    • Cartão recusado: 4000 0000 0000 0002

Etapa 39: Testar Fluxos de Usuário Críticos

Teste cada fluxo completamente:

Jornada do comprador:

  • Cadastro → Navegar → Pesquisar → Ver produto → Adicionar ao carrinho → Checkout → Pagamento → Confirmação
  • Ver pedido → Deixar avaliação → Mensagem para vendedor

Jornada do vendedor:

  • Cadastro → Configurar loja → Adicionar produto → Receber pedido → Atualizar status → Responder mensagem → Visualizar análises

Casos extremos:

  • Estados vazios (sem produtos, sem pedidos, carrinho vazio)
  • Produtos esgotados
  • Tratamento de pagamento falhado
  • Exclusão de produto com pedidos ativos

Use X-Ray para identificar problemas de desempenho antes que afetem os usuários. Este recurso de IA destaca possíveis gargalos na lógica do seu aplicativo e consultas de dados, ajudando você a otimizar antes do lançamento.

Etapa 40: Testar em Múltiplos Dispositivos

  1. Use o visualizador Adalo para testes desktop
  2. Baixe o aplicativo de visualização do Adalo da Apple App Store e Google Play Store (procure por 'Adalo')
  3. Teste em vários tamanhos de tela:
    • Telefones pequenos
    • Telefones grandes
    • Tablets
  4. Verifique se o design responsivo funciona corretamente:
    • As imagens são dimensionadas adequadamente
    • Listas se ajustam à largura da tela
    • Formulários permanecem utilizáveis
    • Botões são acessíveis

Publicando Seu Aplicativo de Marketplace

Etapa 41: Atualizar para um Plano Pago

Para publicar seu marketplace, atualize do nível gratuito:

  1. Vá para Configurações → Cobrança
  2. Escolha o plano apropriado com base em suas necessidades
  3. Os planos pagos começam em US$ 36/mês com uso ilimitado e sem limites de registros
  4. Para um marketplace, Professional ou Team é recomendado para mais armazenamento e colaboração

Ao contrário de plataformas como Bubble que cobram com base em unidades de carga de trabalho com cálculos complexos, ou Glide que limita linhas de registros de dados com cobranças adicionais, o preço do Adalo é direto —sem cobranças baseadas em uso significa sem surpresas na fatura conforme seu marketplace cresce.

Conecte-se com um Preços do Adalo para comparar planos.

Etapa 42: Preparar para Publicação na Web

  1. Compre um domínio personalizado de seu registrador preferido (domínios .com típicos custam ~$10–$20/ano)
  2. No Adalo, vá para Configurações → Publicação → Web
  3. Digite seu domínio personalizado
  4. Siga as instruções de configuração de DNS
  5. Clique em "Publicar"
  6. Seu marketplace agora está disponível na web

Etapa 43: Enviar para Apple App Store

  1. Compre Licença de Desenvolvedor Apple ($99/ano)
  2. Crie listagem de aplicativo em App Store Connect:
    • Nome do app, descrição, palavras-chave
    • Capturas de tela (tamanhos obrigatórios)
    • URL da política de privacidade
    • Classificação etária
  3. No Adalo, vá para Configurações → Publicação → iOS
  4. Gere compilação do aplicativo
  5. Faça upload para App Store Connect usando o processo orientado do Adalo
  6. Os tempos de análise do aplicativo variam; muitos aplicativos são analisados dentro de 24 horas

Publicando para iOS requer adesão às políticas de marketplace da Apple. Adalo compila aplicativos iOS nativos verdadeiros—não wrappers da web—o que significa melhor desempenho e acesso total aos recursos do dispositivo.

Etapa 44: Enviar para Google Play Store

  1. Crie Conta Google Play Developer (taxa única de $25)
  2. Crie listagem de aplicativo:
    • Título do aplicativo, descrição
    • Capturas de tela e gráfico de recurso
    • Classificação de conteúdo
  3. No Adalo, vá para Configurações → Publicação → Android
  4. Gere o Android App Bundle (.AAB)
  5. Faça upload no Google Play Console
  6. As análises iniciais do Google Play podem levar até 7 dias ou mais

publicação Android produz aplicativos Android nativos a partir da mesma base de código de suas versões iOS e web—uma compilação, três plataformas.

Dimensionando Seu Marketplace

Etapa 45: Monitorar Desempenho e Tempo de Atividade

Consulte página de status do Adalo para tempo de atividade atual e histórico de incidentes. A plataforma mantém 99%+ de tempo de atividade suportando mais de 3 milhões de aplicativos criados.

Monitore a saúde do seu marketplace:

  1. Rastrear métricas principais:
    • Número de listagens ativas
    • Transações diárias
    • Crescimento de usuários (compradores e vendedores)
    • Contagem de registros do banco de dados
  2. Otimize o desempenho:
    • Limitar itens de lista carregados por vez
    • Use paginação para conjuntos de dados grandes
    • Otimize tamanhos de imagem
    • Remova ações personalizadas não utilizadas

Com a reformulação de infraestrutura do Adalo 3.0 (lançada no final de 2025), os aplicativos são executados 3-4 vezes mais rápido do que antes. A arquitetura modular dimensiona a infraestrutura com as necessidades do seu aplicativo—sem limites artificiais no crescimento.

Etapa 46: Planejar o Crescimento

Conforme seu marketplace se dimensiona:

  1. Adicione membros da equipe conforme sua plataforma cresce
  2. Implemente Integração Xano para backend avançado:
    • Lógica de negócio complexa
    • Permissões avançadas
    • Maior escalabilidade
  3. Considere recursos personalizados:
    • Contrate um Especialista da Adalo para desenvolvimento especializado
    • Adicione divisões de pagamento sofisticadas
    • Criar análise avançada de vendedores

Com configurações adequadas de relacionamento de dados, aplicativos Adalo podem escalar além 1 milhão de usuários ativos mensais. A plataforma processa mais de 20 milhões de solicitações de dados diariamente em seu ecossistema.

Por que criar seu marketplace com Adalo

Adalo fornece a base para lançar um marketplace estilo Etsy sem barreiras técnicas. Diferentemente do desenvolvimento tradicional, que requer meses e dezenas de milhares de dólares, você pode lançar em semanas.

Principais vantagens para construtores de marketplace:

  • Publicação em várias plataformas a partir de uma única construção: Implante simultaneamente na web, iOS e Android—algo que plataformas de e-commerce tradicionais não conseguem igualar
  • Banco de dados relacional integrado: Gerencia relacionamentos complexos de dados de marketplace sem configuração externa de banco de dados, sem limites de registros em planos pagos
  • Desenvolvimento visual: O construtor foi descrito como "tão fácil quanto PowerPoint", permitindo que você veja até 400 telas de uma vez em uma única tela
  • Marketplace de componentes extensível: Dezenas de componentes verificados estendem a funcionalidade além dos recursos principais
  • Preços previsíveis: Nenhuma cobrança baseada em uso significa que seus custos permanecem estáveis conforme seu marketplace cresce

Quer você esteja validando uma ideia de marketplace de nicho ou construindo a próxima grande plataforma de produtos artesanais, Adalo fornece as ferramentas para dar vida à sua visão sem escrever código.

Perguntas Frequentes

Por que escolher Adalo em vez de outras soluções de construção de aplicativos?

Adalo é um construtor de aplicativos alimentado por IA que cria verdadeiros aplicativos nativos iOS e Android. Diferentemente dos wrappers web, ele compila para código nativo e publica diretamente tanto na Apple App Store quanto na Google Play Store a partir de uma única base de código. Os planos pagos incluem registros de banco de dados ilimitados e sem cobranças baseadas em uso, para que seus custos permaneçam previsíveis conforme você cresce.

Qual é a forma mais rápida de construir e publicar um aplicativo na App Store?

A interface de arrastar e soltar do Adalo e as ferramentas de construção assistidas por IA, como Magic Start, permitem que você crie fundações completas de aplicativos a partir de descrições. A plataforma gerencia o processo de envio da App Store com etapas orientadas, para que você possa ir de uma ideia para um aplicativo publicado em dias, em vez de meses.

Posso criar facilmente um aplicativo de marketplace como o Etsy sem codificar?

Sim. O construtor visual e o banco de dados relacional integrado do Adalo permitem que você crie plataformas complexas de múltiplos vendedores por arrastar e soltar. Você pode gerenciar vendedores, compradores, produtos, pedidos e avaliações sem escrever código, e publicar na web e em ambas as lojas de aplicativos a partir de uma única construção.

Como lidar com pagamentos no meu aplicativo de marketplace Adalo?

Adalo integra com Stripe para processamento seguro de pagamentos. Instale o componente Stripe do Adalo Marketplace, configure-o com suas chaves de API e configure fluxos de checkout completos, incluindo coleta de cartão, confirmação de pagamento e criação automática de pedidos—tudo sem código.

Posso publicar meu marketplace tanto para iOS quanto para Android a partir da mesma construção?

Sim. Adalo permite que você crie uma vez e publique na web, iOS e Android simultaneamente a partir de uma única base de código. Isso economiza tempo de desenvolvimento significativo e garante uma experiência de usuário consistente em todos os dispositivos.

Quanto custa criar um aplicativo de marketplace com Adalo?

Os planos pagos do Adalo começam em $36/mês com uso ilimitado e sem limites de registros. Isso se compara favoravelmente a alternativas como Bubble (a partir de $69/mês com cobranças baseadas em carga de trabalho) ou Glide ($60/mês com limites de linhas de dados e sem publicação em loja de aplicativos).

Quais recursos de banco de dados Adalo oferece para gerenciar dados de marketplace?

Adalo fornece um banco de dados relacional integrado que gerencia relacionamentos complexos de marketplace, incluindo usuários, produtos, pedidos, avaliações, itens do carrinho e pagamentos. Os planos pagos não têm limites de registros, para que seu catálogo de produtos e base de usuários possam crescer sem atingir limites de armazenamento.

Como posso estender meu marketplace com recursos adicionais?

O Marketplace de Componentes do Adalo oferece dezenas de componentes verificados, incluindo busca avançada, carrosséis de imagens, compartilhamento social e painéis de análise. Você também pode integrar com Zapier para automação, Airtable para gerenciamento de dados avançado e Xano para lógica de backend complexa.

Quanto tempo leva para criar um aplicativo de marketplace?

Com o construtor visual do Adalo e recursos de IA como Magic Start, você pode ter um protótipo funcional de marketplace em dias. Um aplicativo pronto para produção com recursos completos normalmente leva 2-4 semanas dependendo da complexidade, em comparação com meses com desenvolvimento tradicional.

Preciso de experiência em codificação para criar um marketplace?

Nenhuma experiência em codificação é necessária. O construtor visual do Adalo foi descrito como "tão fácil quanto PowerPoint". Você cria telas, conecta dados e constrói lógica por meio de interfaces de arrastar e soltar. Magic Add permite que você descreva recursos em linguagem natural e gera os componentes automaticamente.

Comece a Construir com um Modelo de Aplicativo

Construa seu aplicativo rapidamente com um de nossos modelos de aplicativo pré-fabricados

Comece a Construir sem código