VitoriaMir
Estudo de caso · E-commerce

Loja virtual em WordPress + WooCommerce com hospedagem própria

Uma loja completa, do catálogo ao pedido pago, sem plataforma SaaS: o cliente é dono do servidor, do código e dos dados.

A demo roda no seu navegador pelo WordPress Playground e leva cerca de 1 minuto para abrir. Você entra como administrador e pode fazer um pedido de teste com o Pix manual (o Mercado Pago precisa das credenciais de uma conta real). Loja, produtos e empresa são fictícios.

Vitrine no celular com duas colunas de produtos e preço parcelado
22testes automáticos da compra, todos passando
3jornadas de compra testadas até o pedido
0plugins pagos ou construtores visuais
1comando para instalar o servidor inteiro
Escopo pedido e entregue

Cada item do escopo, e como foi resolvido

  • Instalação e configuração do WordPress

    Script que prepara um VPS Ubuntu 24.04 do zero: Nginx, PHP 8.3, MariaDB, Redis, HTTPS e o WordPress em português.

  • Configuração do WooCommerce

    Real brasileiro (R$ 1.234,56), quilos e centímetros, venda só para o Brasil, estoque, avaliações de quem comprou e endereços em português.

  • Layout responsivo

    Tema filho do Storefront com identidade própria. No celular, duas colunas de produtos e barra fixa com conta, busca e carrinho.

  • Cadastro e organização dos produtos

    13 produtos com peso e medidas da caixa para o frete, produto com variação de tamanho, promoções, kit e controle de estoque.

  • Categorias e páginas da loja

    4 categorias no menu e as páginas institucionais: Sobre, Entregas, Trocas (CDC), Perguntas frequentes, Privacidade (LGPD) e Termos.

  • Carrinho e checkout

    CPF ou CNPJ validados, endereço preenchido pelo CEP, número e bairro, e aviso de quanto falta para o frete grátis.

  • Meio de pagamento

    Mercado Pago com Pix, cartão parcelado e boleto, e "ou 6x sem juros" abaixo de cada preço.

  • Entrega e frete

    Melhor Envio (Correios e transportadoras pelo CEP), frete grátis acima de R$ 299, retirada na loja e taxa maior para itens pesados.

  • Página de contato

    Formulário próprio com proteção contra robôs e limite por IP. As mensagens ficam salvas no painel mesmo se o e-mail falhar.

  • Segurança e desempenho

    Firewall, fail2ban, limite de login, usuários ocultos e cabeçalhos de segurança. Para velocidade: cache de página no Nginx, OPcache e Redis.

  • SEO básico

    Descrição de cada página, prévia de link no WhatsApp e redes sociais, dados de produto e da loja para o Google, sitemap e robots.txt.

  • Testes completos do fluxo de compra

    Playwright no computador e no celular: vitrine, carrinho, checkout, três pedidos concluídos, contato, SEO e segurança.

Telas

Do produto ao pedido recebido

Capturas tiradas pelos testes automáticos, com a loja rodando e um pedido feito de verdade.

Página do produto: panela de ferro em promoção, com parcelamento e garantias
Produto. Preço promocional, parcelamento, simulação de frete e dúvida pelo WhatsApp.
Carrinho com dois produtos e o total
Carrinho. Cálculo do frete pelo CEP antes de ir para o pagamento.
Checkout com CPF, celular, CEP e endereço preenchido automaticamente
Checkout. Digitou o CEP, a rua, o bairro e a cidade aparecem sozinhos. Acima de R$ 299, frete grátis.
Página de pedido recebido com número, data, total e forma de pagamento
Pedido recebido. Número, total e instruções de pagamento.
Página inicial no celular
Início no celular.
Produto com variação de tamanho no celular
Produto com tamanhos.
Checkout de pessoa jurídica com CNPJ alfanumérico no celular
Compra de empresa com CNPJ alfanumérico.
Detalhes técnicos

O que não aparece na tela, mas faz a loja funcionar

Checkout

CNPJ alfanumérico de 2026

Desde julho de 2026 a Receita emite CNPJ com letras. A validação segue o novo cálculo e aceita o exemplo oficial 12.ABC.345/01DE-35.

Frete

Proteção contra falha do plugin

Os testes mostraram que o Melhor Envio, sem conta conectada, quebra o checkout depois de criar o pedido. A loja desliga esse passo até a conta ser conectada e avisa no painel.

Integração

Etiquetas sem digitação

Os campos usam os nomes que o Melhor Envio e o Mercado Pago leem (_billing_cpf, _shipping_number…). A etiqueta sai com CPF, número e bairro.

Arquitetura

Regras separadas do visual

O tema cuida só da aparência. Checkout, contato, SEO e segurança ficam num plugin obrigatório, que continua funcionando se o tema for trocado.

Servidor

Instalação reproduzível

Um comando instala e configura o VPS inteiro, e pode rodar de novo sem estragar nada. Inclui backup diário do banco e das imagens.

Qualidade

Testes que acharam problemas reais

Além da falha do Melhor Envio, os testes pegaram o celular fora de ordem no checkout e o contato voltando para a página errada. Tudo corrigido antes da entrega.

WordPress 7WooCommerce 11PHP 8.3StorefrontMercado PagoMelhor EnvioViaCEPNginxMariaDBRedisLet's EncryptPlaywrightWordPress Playground

Quer uma loja assim para o seu negócio?

Loja em hospedagem própria, adaptada ao seu catálogo, com pagamento, frete e testes antes de publicar.