InícioSuporte
InícioSuporteLinks
Entrar
  1. Formação em Vibe Coding
  3. Bubble - Aplicativos completos
  5. Criando do Zero - Plataforma de Ecommerce
A Loja Virtual

Copiar Link do Produto

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer loginVoltar para o curso
AnteriorPróxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

Criando do Zero - Plataforma de Ecommerce
Progresso do Módulo
0 de 104 aulas concluídas
Antes de começar
A inspiração para nossa loja virtual - Nuvemshop
Páginas que vamos criar
Novo aplicativo e configurações iniciais
Página de Cadastro de Usuário
Máscara de Input no CPF e CNPJ
Página de Cadastro de Usuário - Workflows
Painel da Empresa - Menu
Painel da Empresa - Conteúdo
Painel da Empresa - Animações
Painel da Empresa - Submenu de Produtos
Painel da Empresa - Navegação (com Parâmetro de URL)
Cadastro de Produtos - Planejamento
Cadastro de Produtos - Nome e Descrição
Cadastro de Produtos - Ajustes finos
Cadastro de Produtos - Fotos
Cadastro de Produtos - Fotos (Workflows)
Cadastro de Produtos - Preços e Dimensões
Cadastro de Produtos - Banco de Dados
Cadastro de Produtos - Salvar
Cadastro de Produtos - Loop para salvar imagens
Cadastro de Produtos - Deletar Fotos
Cadastro de Produtos - Salvar Fotos
Cadastro de Produtos - Melhorar experiência
Cadastro de Produtos - Inputs inválidos
Lista de Produtos
Lista de Produtos - Ações
Lista de Produtos - Duplicar Fotos
Página Dinâmica da Loja Virtual
Loja Virtual - Cabeçalho
Loja Virtual - Lista de Produtos
Navegação para Detalhes do Produto
Galeria de Fotos
Detalhes do produto
Copiar Link do Produto
Login, Logout e Proteção da Página
Categorias de Produtos - Planejamento
Categorias de Produtos - Popup
Categorias de Produtos - Visualização em grupo repetidor
Categorias de Produtos - Menu de categorias
Categorias de Produtos - Navegação
Edição do Produto - Criando a Página
Edição do Produto - Workflows
Carrinho de Compras - Estrutura do Banco de Dados
Botão para criar cart_produto
Tela do carrinho de compras
Alterar Quantidades
Deletar produto do carrinho
Cálculo de subtotal
Botão Comprar na página Espiar Produto
Tela de checkout
MercadoPago - Credenciais
MercadoPago - O Processo de Integração API
MercadoPago - Conector API para criar
MercadoPago - Preferência de Pagamento
MercadoPago - API pra Verificar Pagamento
MercadoPago - Tela para verificar status de pedido
Acompanhamento do Pedido
Acompanhamento do Pedido - Informações do Carrinho
Lista de Pedidos
Lista de Pedidos - Popup de Produtos
Lista de Pedidos - Alterar Status
Pedido - Inserindo o endereço e CPF
Pedido - Autenticação do Usuário e Teste
Cadastro do Cliente
Login do Cliente
Painel do Cliente
Alteração de Dados Pessoais
Múltiplos Endereços
Cadastro de Endereço
Edição de Endereço
Corrigindo Endereços na Tela Checkout
Detalhes do Pedido
Detalhes do Pedido - Produtos
Clientes - Lista
Clientes - Detalhes do Cliente
Clientes - Detalhes de Pedidos
Categorias de Produtos
Personalizar cores e fontes
Personalizar - Temas
Cálculo de frete com Plugin do Correio
Cálculo de frete no carrinho de compras
Criação da Página Inicial / página de vendas
Pagamento Multiempresas
Painel da Empresa - Links na Página Inicial
Painel da Empresa - Proteger acesso com permissões
Painel da Empresa - Menu
Cabeçalho - Extraindo primeiro nome
Cabeçalho - Barra de busca
Cabeçalho - Logotipo da loja
Cadastro - Estrutura do banco de dados de fotos
Cadastro - Ordenar fotos do produto no cadastro (Banco de Dados e Design)
Cadastro - Ordenar fotos do produto (Lógica e Workflows)
Cadastro - Ordenar fotos do produto (correção de bug ao incluir mais)
Cadastro - Ordenar fotos do produtos (correção de bug ao deletar)
Loja - Limitar altura das imagens
Loja - Carrinho de Compras
Loja - Contato
Loja - Paginação nas fotos
Slugs - Loja
Slugs - Produtos
SEO e nomes nas páginas
Finalização do Aplicativo
Avaliação do Módulo