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 é Ideal para Criar Aplicativos de Marketplace

Adalo é um construtor de aplicativos sem código para aplicativos web orientados a banco de dados e aplicativos nativos para iOS e Android—uma versão em todas as três plataformas, publicada na Apple App Store e Google Play. Isso o torna único para criar um marketplace estilo Etsy, onde vendedores e compradores precisam de acesso contínuo, seja em seus laptops em casa ou navegando em seus telefones em uma feira de artesanato.

Para que um marketplace de dois lados seja bem-sucedido, alcançar usuários em qualquer lugar é essencial. Adalo permite publicar seu marketplace tanto nas lojas de aplicativos quanto na web simultaneamente, permitindo notificações push para alertar compradores sobre novos produtos ou vendedores sobre pedidos recebidos. Essa presença em múltiplas plataformas ajuda você a competir com marketplaces estabelecidos, mantendo controle total sobre sua marca e experiência do usuário.

Criar um aplicativo de marketplace como 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 de navegação e checkout intuitivas, e ambos os lados exigiam mensagens, avaliações e gerenciamento de pedidos—tudo sincronizado entre web e mobile. Adalo, um construtor de aplicativos com IA, torna isso alcançável para fundadores não técnicos. Com seu banco de dados relacional integrado e ferramentas de desenvolvimento visual, você pode criar um marketplace completo de dois lados que publica na web, na App Store do iOS e na Google Play Store a partir de uma única base de código.

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

Por Que o Adalo é Ideal para Criar Aplicativos de Marketplace

Para que um marketplace de dois lados seja bem-sucedido, alcançar usuários em qualquer lugar é essencial. Adalo permite publicar seu marketplace tanto nas lojas de aplicativos quanto na web simultaneamente, permitindo notificações push para alertar compradores sobre novos produtos ou vendedores sobre pedidos recebidos. Essa presença em múltiplas plataformas ajuda você a competir com marketplaces estabelecidos, mantendo controle total sobre sua marca e experiência do usuário.

O recurso infraestrutura modular, sem limite superior. Diferentemente de wrappers de aplicativos que atingem limitações de desempenho sob carga, a arquitetura desenvolvida especificamente do Adalo mantém a 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 Criar Um

Um clone do Etsy é uma plataforma de marketplace de dois lados que conecta vendedores individuais com compradores, facilitando transações sem que o proprietário do marketplace gerencie inventário. Diferentemente de sites de e-commerce tradicionais que vendem seus próprios produtos, marketplaces fornecem a infraestrutura para múltiplos fornecedores operarem lojas.

O Etsy em si conecta 7,5 milhões de vendedores com 95,1 milhões de compradores, gerando $2,6 bilhões em receita em 2022. Criar 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 na web, iOS e Android simultaneamente

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

Pré-requisitos e Configuração Inicial

Etapa 1: Criar Sua Conta Adalo

  1. Visite Adalo.com e clique em "Inscrever-se"
  2. Digite 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 fazer upgrade para planos pagos quando estiver pronto para publicar

Ada, o construtor de IA do Adalo, permite descrever o que você quer e gera seu app. Magic Start cria fundações completas de app 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 $36/mês incluem uso ilimitado e sem limites de registros—uma vantagem significativa em relação a 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" do seu painel
  2. Nomeie seu aplicativo (ex: "MercadoArtesanal")
  3. Selecione "Aplicativo Móvel" (recomendado para aplicativos de marketplace)
  4. Escolha "Começar do Zero" para controle total, ou use Magic Start 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 bens 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 acontece em minutos.

Etapa 3: Configure o Tema do Seu App

  1. Selecione uma cor de marca primária (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. Configure preferências de espaçamento e raio de canto
  5. Clique em "Continuar" para entrar no construtor visual

Construindo Sua Estrutura de Banco de Dados de Marketplace

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

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

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

  1. Clique no Banco de Dados ícone na barra lateral esquerda
  2. Selecione a coleção "Users"
  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"
  • Biografia (Texto - Multilinha)
  • Nome da Loja (Texto) - para vendedores
  • Banner da Loja (Imagem)
  • Local (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 atuarem como compradores, vendedores ou ambos dentro do seu marketplace.

Etapa 5: Crie a Coleção de Produtos

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Produtos"
  3. Adicione estas 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", "Itens 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) - 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 estas 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 "Pagamento Pendente", "Processando", "Enviado", "Entregue", "Cancelado", "Reembolsado"
  • Endereço de Entrega (Texto - Multilinha)
  • Número de Rastreamento (Texto)
  • Notas para o Vendedor (Texto)
  • Entrega Prevista (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 do Pedido"
  3. Adicione estas 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-a "Reviews"
  3. Adicione estas propriedades:
  • Classificação (Número) - 1-5 estrelas
  • Título da Avaliação (Texto)
  • Texto de Avaliação (Texto - Multilinha)
  • Imagens da Avaliação (Imagem - permitir múltiplas)
  • Contagem de Útil (Número) - para aprovar 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 como "Itens do Carrinho"
  3. Adicione propriedades:
  • Quantidade (Número)
  • Data de Adição (Data e Hora - Automático)

Etapa 10: Criar a Coleção de Pagamentos

  1. Clique em + Adicionar Coleção
  2. Nomeie como "Payments"
  3. Adicione propriedades:
  • ID de Pagamento (Texto - Gerado Automaticamente)
  • Valor (Número)
  • Método de Pagamento (Texto) - ex: "Cartão, Apple Pay, Google Pay"
  • Últimos 4 da Cartão (Texto)
  • Status de Pagamento (Texto) - Valores: "Pending", "Completed", "Failed", "Refunded"
  • ID de Pagamento Stripe (Texto)
  • Data de 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:

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

Na coleção Pedidos:

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

Na coleção Itens do Pedido:

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

Na coleção Avaliações:

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

Na coleção Itens do Carrinho:

  • Adicionar relacionamento com Usuários: Muitos-para-Um (Um Usuário tem muitos Itens do Carrinho)
  • Adicionar 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 o logotipo do seu marketplace
  3. Adicione Texto: "Descubra produtos artesanais únicos de criadores independentes"
  4. Adicione dois Botões:
    • "Cadastrar-se" → Link para a tela "Cadastrar-se" (criar nova tela)
    • "Entrar" → Link para a tela "Login" (criar nova tela)
  5. Estilizar com suas cores de marca

Etapa 13: Criar a Tela de Inscrição

  1. Adicione nova tela "Inscrever-se"
  2. Adicione Formulário componente:
    • Conectar à coleção Usuários
    • Adicionar campos: Email, Senha, Nome Completo, Número de Telefone
  3. Adicione Menu Suspenso 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 "Home do Comprador"

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

  1. Adicionar nova tela "Configuração de Vendedor"
  2. Adicione Formulário para atualizar Usuário Conectado:
    • Nome da Loja (Entrada de Texto)
    • Biografia (Á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: Criar Telas de Perfil do Usuário

  1. Criar tela "Meu Perfil" mostrando:
    • Imagem de perfil e nome
    • Biografia
    • Membro desde a data
    • Classificação média e total de avaliações
    • Se vendedor: Nome da loja e banner
  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 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:
    • Espaço reservado: "Pesquise produtos artesanais..."
    • Conectado à coleção de Produtos
    • Campos de busca: Nome do Produto, Tags, Categoria
  3. Adicionar chips de categoria horizontais:
    • 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 dispositivos móveis)

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. Adicionar 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 intervalo de preços
    • Caixas de seleção de tipo de material
    • Alternância de disponibilidade

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

Etapa 18: Criar Tela de Detalhes 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 ao 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 deste produto
    • Mostrar: Classificação, nome do avaliador, texto da avaliação, data
    • Botão "Escrever uma Avaliação" (apenas se comprado)

Etapa 19: Construir Tela de Resultados de Busca

  1. Criar tela "Resultados da Busca"
  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
    • Mostrar contagem de resultados
  4. Adicionar estado vazio "Sem Resultados" 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 do Carrinho de Compras

  1. Adicionar nova tela "Carrinho de Compras"
  2. Adicione Lista de Itens do Carrinho para Usuário Conectado:
    • Mostrar: 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 fazer compras!"

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
    • Mostrar 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 do Adalo
  2. Procurar pelo componente "Stripe"
  3. Clique em "Instalar"
  4. Retorne ao seu aplicativo
  5. Obtenha chaves de API do Stripe em Painel do Stripe
  6. No Adalo, vá para Configurações → Integrações → Stripe
  7. Adicione sua Chave Publicável do Stripe e Chave Secreta
  8. Na tela 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. Configure ações de pagamento ao enviar:
    • Criar registro de Pedido
    • Criar Itens do 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 tela "Confirmação de Pedido"

Stripe é um provedor de serviço PCI DSS Nível 1 e transfere a maior parte do ônus 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 Detalhe do Pedido
    • Botão: "Continuar Comprando" → Link para Início
  5. Adicionar nota de confirmação de 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: Construir 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 Magic Add para estender rapidamente a funcionalidade. Descreva o que você precisa—"adicionar um recurso de upload em massa de produtos"—e a IA gera os componentes e a lógica necessários.

Etapa 26: Criar Tela Adicionar/Editar Produto

  1. Adicionar nova tela "Adicionar Produto"
  2. Adicione Formulário conectado à coleção Produtos:
    • Nome do Produto (Entrada de Texto)
    • Descrição (Área de Texto)
    • Preço (Entrada de Número)
    • Categoria (Dropdown)
    • 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. Botão Enviar cria produto → Retorna para "Meus Produtos"
  5. Criar tela "Editar Produto" com o mesmo formulário pré-preenchido

Etapa 27: Construir 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
    • Concluído
  3. Adicione Lista de Itens de Pedido onde Vendedor = Usuário Conectado:
    • Exibir: 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 guia de embalagem
    • Baixar etiqueta de envio (se a integração existir)

Implementando Avaliações e Classificações

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

  1. Na tela de Detalhes do Pedido (lado do comprador), adicionar botão "Escrever Avaliação"
  2. Mostrar apenas se o status do pedido = "Entregue" e nenhuma avaliação existe
  3. Criar tela "Escrever Avaliação":
    • Classificação em Estrelas componente (1-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 ao Produto
    • Vincula ao Vendedor
    • Vincula ao Item do Pedido (marca como compra verificada)
    • Define Avaliador como 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:
    • Cards de produto (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:
    • Ordenar por: mais recentes, classificação mais alta, mais úteis
    • Lista exibindo: estrelas de classificação, título, texto, nome do avaliador, data
    • Selo "Compra verificada" se vinculado ao item do pedido
    • Botão útil (incrementa contagem de útil)
    • Mostrar imagens de 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. No detalhe do produto, adicione o botão "enviar mensagem ao 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, visualização 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 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 do Adalo para estender funcionalidade:

Procure pelo componente "busca avançada":

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

Instale o componente "carrossel de imagens":

  • Galerias de imagens de produtos melhores
  • Funcionalidade de zoom
  • Navegação em miniatura

Adicionar componente "compartilhamento social":

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

Instale o componente "Calendário":

  • Para vendedores que oferecem itens personalizados/feitos sob encomenda
  • Agende consultas

Adicione o componente "Painel de Análises":

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

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

Integrando Ferramentas Externas e Automação

Passo 35: Conecte o Zapier para Automação

  1. Vá para Integração do Adalo com Zapier
  2. Clique em "Conectar" e autentique ambas as contas
  3. Crie automações úteis ("Zaps"):
    • Novo Pedido → Email para Vendedor: Quando Item do Pedido for criado, envie email com detalhes do pedido
    • Novo Produto → Postagem em Rede 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 da equipe sobre novas avaliações
  4. Configure gatilhos e ações na interface do Zapier
  5. Teste cada Zap antes de ativar

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

Passo 36: Configure 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
    • Identidade visual do marketplace

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

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

  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 campos de fórmula do Airtable para cálculos complexos
  4. Sincronize novamente com Adalo conforme necessário

Alternativamente, o Adalo SheetBridge recurso permite que você transforme uma Planilha Google em um banco de dados real — a maneira mais fácil de gerenciar dados sem aprender conceitos de banco de dados.

Testando Seu Marketplace Minuciosamente

Passo 38: Crie Dados de Teste Abrangentes

  1. Crie pelo menos 3 contas de comprador de teste
  2. Crie 5 contas de vendedores de teste com informações completas da loja
  3. Adicione 20-30 produtos em todas as categorias:
    • Vários pontos de preço
    • Contagens de imagens 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: Teste Fluxos de Usuários Críticos

Teste cada fluxo completamente:

Jornada do comprador:

  • Inscrição → Navegação → Pesquisa → Ver produto → Adicionar ao carrinho → Checkout → Pagamento → Confirmação
  • Ver pedido → Deixar avaliação → Mensagem para o vendedor

Jornada do vendedor:

  • Inscrição → Configurar loja → Adicionar produto → Receber pedido → Atualizar status → Responder a mensagem → Ver análises

Casos extremos:

  • Estados vazios (nenhum produto, nenhum pedido, carrinho vazio)
  • Produtos esgotados
  • Manipulação de falha de pagamento
  • 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 nas consultas de dados, ajudando você a otimizar antes do lançamento.

Etapa 40: Teste em Múltiplos Dispositivos

  1. Use o visualizador Adalo para testes em desktop
  2. Baixe o aplicativo de visualização Adalo da Apple App Store e Google Play Store (pesquise '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 corretamente
    • As listas se ajustam à largura da tela
    • Os formulários permanecem utilizáveis
    • Os botões são acessíveis

Publicando Seu Aplicativo de Marketplace

Etapa 41: Atualize para um Plano Pago

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

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

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

Visite Preços do Adalo para comparar planos.

Etapa 42: Prepare-se para Publicação na Web

  1. Compre um domínio personalizado do 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á ativo na web

Etapa 43: Envie para a Apple App Store

  1. Compre a Licença Apple Developer ($99/ano)
  2. Crie listagem de aplicativo no App Store Connect:
    • Nome do aplicativo, 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. Gerar compilação do app
  5. Carregar no App Store Connect usando o processo orientado do Adalo
  6. Os tempos de análise do app variam; muitos apps são analisados em 24 horas

Publicação no iOS requer conformidade com as políticas de marketplace da Apple. O Adalo compila apps iOS nativos verdadeiros—não wrappers web—o que significa melhor desempenho e acesso completo aos recursos do dispositivo.

Etapa 44: Enviar para Google Play Store

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

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

Escalando Seu Marketplace

Etapa 45: Monitorar Desempenho e Tempo de Funcionamento

Ver página de status do Adalo para tempo de funcionamento atual e histórico de incidentes. A plataforma mantém 99%+ de tempo de atividade suportando mais de 3 milhões de apps 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. Otimizar desempenho:
    • Limitar itens da lista carregados por vez
    • Use paginação para grandes conjuntos de dados
    • Otimizar tamanhos de imagem
    • Remover ações personalizadas não utilizadas

Com a reformulação da infraestrutura do Adalo 3.0 (lançada no final de 2025), os apps funcionam 3-4x mais rápida do que antes. A arquitetura modular dimensiona a infraestrutura com as necessidades do seu app—sem limites artificiais no crescimento.

Etapa 46: Planejar o Crescimento

Conforme seu marketplace escala:

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

Com configurações adequadas de relacionamentos de dados, aplicativos Adalo podem escalar além de 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

O 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 criadores de marketplace:

  • Publicação multiplataforma a partir de uma compilação: Implante simultaneamente na web, iOS e Android—algo que plataformas de e-commerce tradicionais não conseguem fazer
  • Banco de dados relacional integrado: Gerencia relacionamentos de dados complexos de marketplace sem configuração de banco de dados externo, sem limites de registros em planos pagos
  • Desenvolvimento visual: O construtor foi descrito como "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: Sem cobranças baseadas em uso, seus custos permanecem estáveis conforme seu marketplace cresce

Seja validando uma ideia de nicho de marketplace ou construindo a próxima grande plataforma de produtos artesanais, o 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 aplicativos iOS e Android nativos verdadeiros. Diferentemente de 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, portanto seus custos permanecem previsíveis conforme você escala.

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

A interface de arrastar e soltar do Adalo e ferramentas de construção assistidas por IA como Magic Start permitem criar 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 ideia a aplicativo publicado em dias em vez de meses.

Posso construir facilmente um aplicativo marketplace como Etsy sem codificar?

Sim. O construtor visual do Adalo e o banco de dados relacional integrado permitem criar plataformas complexas de múltiplos fornecedores através de 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 um único build.

Como faço para lidar com pagamentos no meu aplicativo marketplace do Adalo?

O Adalo se 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 do mesmo build?

Sim. O 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 experiência do usuário consistente em todos os dispositivos.

Quanto custa construir um aplicativo 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 (começando em $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 app store).

Que recursos de banco de dados o Adalo oferece para gerenciar dados de marketplace?

O 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 possuem limites de registros, portanto seu catálogo de produtos e base de usuários podem crescer sem atingir limites de armazenamento.

Como posso estender meu marketplace com recursos adicionais?

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

Quanto tempo leva para construir um aplicativo 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 ter experiência em codificação para construir um marketplace?

Nenhuma experiência em codificação é necessária. O construtor visual do Adalo foi descrito como "fácil quanto PowerPoint". Você cria telas, conecta dados e constrói lógica através 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é-prontos

Comece a Construir sem código