Data: 09/07/2026 · WordPress · Desenvolvimento Web
Data: 09/07/2026
Nível: Intermediário
Categoria: WordPress · WooCommerce · E-commerce
Ao final desta aula você será capaz de montar uma loja virtual completa com WooCommerce: produtos, carrinho, checkout, pagamento via Pix e cartão, cálculo de frete, gestão de pedidos e emails automáticos.
WooCommerce é o plugin de e-commerce mais usado do mundo — transforma qualquer site WordPress em uma loja virtual profissional.
| Dado | Valor |
|---|---|
| Market share | **39%** de todas as lojas online do mundo |
| Instalações ativas | **5+ milhões** |
| Transações anuais | **US$ 20+ bilhões** |
| Extensões disponíveis | **800+** (pagamentos, frete, marketing, etc.) |
| Custo base | **Grátis** (open source) |
💡 **Por que WooCommerce?** Diferente de Shopify (US$ 29/mês + taxas), WooCommerce é **seu**. Você é dono dos dados, do design, e não paga comissão por venda (só a taxa do gateway de pagamento).
Plugins → Adicionar Novo → Buscar "WooCommerce" → Instalar → Ativar
O WooCommerce abre um wizard automático. Preencha:
| Etapa | O que configurar |
|---|---|
| **Loja** | Endereço, moeda (R$), tipo de produto (físico e/ou digital) |
| **Pagamento** | Escolher gateways (Mercado Pago, PagSeguro, Pix) |
| **Frete** | Zonas de entrega, preços por região |
| **Impostos** | Ativar cálculo de impostos (opcional, comece sem) |
| **Tema** | Escolher tema compatível (Astra + Elementor já funcionam) |
⚠️ **Pule as etapas que não souber ainda** — você pode configurar tudo depois em WooCommerce → Configurações.
| Tipo | Exemplo | Quando usar |
|---|---|---|
| **Simples** | Camiseta, livro físico | Produto sem variações |
| **Variável** | Camiseta com tamanhos P/M/G | Mesmo produto com opções |
| **Download** | E-book, planilha, curso | Produto digital |
| **Agrupado** | Kit promocional | Conjunto de produtos simples |
| **Afiliado** | Link pra Amazon, Hotmart | Produto de terceiro (comissão) |
Produtos → Adicionar Novo:
Nome: "Kit Barbearia Premium — Navalha + Óleo + Pincel"
Preço normal: R$ 149,90
Preço promocional: R$ 129,90 (opcional — aparece riscado com desconto)
Categoria: Barbearia
Tags: navalha, barba, presente masculino
Imagem: Foto principal + galeria (mínimo 3 ângulos)
Descrição curta: Texto que aparece ao lado da foto
Descrição: Texto completo abaixo (com fotos, medidas, benefícios)
Estoque: SKU, quantidade, permitir reserva
Frete: Peso (kg), dimensões (cm)
Tipo: Variável
Atributo 1: Tamanho → P | M | G | GG
Atributo 2: Cor → Preta | Branca
Cada variação pode ter preço, estoque e SKU diferentes:
P + Preta → R$ 49,90 | SKU: CAM-P-PRE | Estoque: 15
M + Branca → R$ 59,90 | SKU: CAM-M-BRA | Estoque: 8
| Gateway | Pix | Cartão | Boleto | Taxa média | Prazo recebimento |
|---|---|---|---|---|---|
| **Mercado Pago** | ✅ | ✅ | ✅ | 3,99% (cartão) | 14-30 dias (cartão) / na hora (Pix) |
| **PagSeguro** | ✅ | ✅ | ✅ | 4,99% (cartão) | 14-30 dias |
| **Stripe Brasil** | ✅ | ✅ | ❌ | 3,99% (cartão) | 30 dias |
| **Pix for WooCommerce** | ✅ | ❌ | ❌ | 0,99% | Na hora ⚡ |
💡 **Melhor combo pra começar:** Mercado Pago (aceita tudo, checkout transparente, taxa ok) + Pix for WooCommerce (desconto à vista, Pix é 80% das vendas no Brasil em 2026).
1. Plugins → Adicionar Novo → "Mercado Pago para WooCommerce"
2. Ativar
3. WooCommerce → Configurações → Pagamentos → Mercado Pago
4. Criar conta em mercadopago.com.br → pegar Client ID + Client Secret
5. Colar no plugin → Salvar
Pronto! Checkout transparente (cliente NÃO sai do seu site pra pagar).
1. Plugins → Adicionar Novo → "Pix for WooCommerce" ou "Brazilian Market on WooCommerce"
2. Ativar
3. Configurar chave Pix (CPF, CNPJ, email, telefone ou chave aleatória)
4. WooCommerce → Configurações → Pagamentos → Pix → Ativar
O cliente vê o QR Code na tela de obrigado + recebe por email.
WooCommerce → Configurações → Frete → Zonas de Entrega
Zona 1: Brasília (DF) → Frete fixo: R$ 10 | Grátis acima de R$ 200
Zona 2: Sudeste (SP, RJ, MG, ES) → Correios PAC: R$ 25–45
Zona 3: Resto do Brasil → Correios PAC: R$ 35–60
| Plugin | O que faz | Custo |
|---|---|---|
| **Correios WooCommerce** | Calcula frete automático pelos Correios (PAC/SEDEX) | Grátis |
| **Melhor Envio** | Integra Correios + transportadoras + logística reversa | Grátis (taxa só no envio) |
| **Frenet** | Multi-transportadoras com cotação em tempo real | Grátis até 100 fretes/mês |
💡 Instale **Melhor Envio** — é o mais usado no Brasil, tem desconto nos Correios (até 30%) e já gera etiqueta de envio automática.
WooCommerce → Dashboard:
┌─────────────┬─────────────┬─────────────┬─────────────┐
│ Vendas Hoje │ Pedidos │ Faturamento │ Ticket Médio │
│ R$ 1.250 │ 12 │ R$ 18.400 │ R$ 153 │
└─────────────┴─────────────┴─────────────┴─────────────┘
WooCommerce → Pedidos:
├── Pendente (aguardando pagamento)
├── Processando (pagamento confirmado, preparar envio)
├── Enviado (código de rastreio inserido)
├── Concluído (entregue)
└── Cancelado
O WooCommerce envia emails automáticos em cada etapa:
| Status | Email enviado |
|---|---|
| Pedido realizado | Confirmação pro cliente + notificação pro admin |
| Pagamento confirmado | "Seu pagamento foi aprovado" |
| Pedido enviado | Código de rastreio + link dos Correios |
| Pedido concluído | "Seu pedido foi entregue — avalia a loja!" |
💡 Personalize os emails em WooCommerce → Configurações → Emails. Adicione seu logo e mude o texto padrão.
| Página | Slug | Conteúdo |
|---|---|---|
| Loja | `/loja` | Grid de produtos (automático pelo WooCommerce) |
| Produto | `/produto` | Template individual (automático) |
| Carrinho | `/carrinho` | Resumo da compra (automático) |
| Checkout | `/checkout` | Finalização do pedido (automático) |
| Minha Conta | `/minha-conta` | Login do cliente (automático) |
⚠️ Essas páginas são criadas automaticamente na instalação. Verifique em Páginas → Todas as Páginas.
Elementor → Theme Builder (Elementor Pro):
├── Template de Produto Individual → Substituir layout padrão
├── Template de Página da Loja → Grade de produtos customizada
├── Template de Arquivo de Produtos → Categoria customizada
└── Template de Checkout → Checkout com cara da sua marca
Sem Elementor Pro:
Use Astra Customizer → WooCommerce → Product Catalog
(controla colunas, sidebar, breadcrumb — suficiente pra começar)
WooCommerce → Cupons → Adicionar Novo:
Código: PRIMEIRA15
Tipo: Percentual → 15%
Mínimo: R$ 100
Expira em: 30 dias
Limite: 100 usos
Plugin: Abandoned Cart for WooCommerce (grátis)
→ Envia email automático 1h, 24h e 72h depois do abandono
→ Recupera 10-15% das vendas perdidas 💰
Produtos relacionados (cross-sell):
"Quem comprou navalha também comprou óleo para barba"
Upsell:
"Leve o Kit Premium por mais R$ 30 e ganhe o pincel"
Plugin: Customer Reviews for WooCommerce (grátis)
→ Clientes recebem email automático pedindo avaliação
→ Mostre estrelas ⭐⭐⭐⭐⭐ nos produtos
→ Produtos com 5+ avaliações vendem 270% mais (fonte: Spiegel Research)
Antes de divulgar a loja:
1. Prática (no seu WordPress de teste):
a) Instale e configure o WooCommerce (wizard completo)
b) Crie 3 produtos:
c) Configure Mercado Pago como gateway de pagamento (modo sandbox)
d) Configure zona de frete: Brasília (grátis), Nacional (PAC)
e) Crie um cupom de 10% válido por 7 dias
f) Faça uma compra de teste e cancele o pedido
2. Análise de Mercado:
a) Visite 3 e-commerces brasileiros (Nike, Magazine Luiza, loja local)
b) Anote: como é a página de produto? Tem avaliações? Cupom visível? Frete grátis?
c) Identifique 3 coisas que você implementaria na sua loja
3. Precificação:
Com base nesta aula, calcule:
a) Quanto cobraria por uma loja virtual de 30 produtos + checkout + 2 gateways?
b) Quanto tempo (dias) pra entregar?
c) Qual seria o ticket médio desse tipo de projeto?
1: (prática — execute todos os passos)
2: (varia — foco em checkout transparente, avaliações, selos de segurança)
3:
a) R$ 4.000–8.000 (loja simples sem customizações pesadas)
b) 5–10 dias (1 dia produto, 2 dias checkout/pagamento, 1 dia teste, 1 dia ajustes)
c) R$ 5.000 (média de entrada — sobe com portfólio e nicho)
WP Aula 04 — Campos Customizados + ACF: aprenda a criar sites dinâmicos e escaláveis com Advanced Custom Fields, custom post types e templates reutilizáveis.