Como configurar o WooCommerce para evitar conteúdo misto (HTTP/HTTPS) no checkout

Como configurar o WooCommerce para evitar conteúdo misto no checkout (HTTP/HTTPS)

Olá, querido(a) cliente da GeHost! 👋

Você já teve aquele momento em que, ao chegar na página de checkout do seu WooCommerce, aparece um aviso de segurança como "Conteúdo misto" ou um cadeado em vermelho no navegador? 😬 Isso acontece quando parte da sua loja ainda carrega recursos (como imagens, scripts ou estilos) por HTTP em vez de HTTPS — mesmo com o site todo em segurança.

Na GeHost, seu site já vem com certificado SSL instalado automaticamente (em todos os planos!), então o problema não é o SSL, mas sim como o WooCommerce está configurado para carregar os recursos.

Calma! Vamos resolver isso juntos, passo a passo, com carinho e clareza — como um verdadeiro Sensei que te ajuda a dominar o WordPress 🌟

📌 Por que isso acontece?

Quando você ativa o HTTPS no seu site, mas o WooCommerce ainda tenta carregar imagens, estilos ou scripts usando http:// (em vez de https://), o navegador bloqueia esses recursos por segurança. Isso gera o famoso "conteúdo misto" — e isso pode afetar a confiança do cliente no checkout.

Dica do Sensei: Um site seguro não pode carregar recursos não seguros. Se o checkout está com aviso, o cliente pode desistir da compra. Vamos deixar tudo 100% seguro!

✅ Passo a passo: Configurar WooCommerce para HTTPS no checkout

1. Entre no painel do seu WordPress (normalmente seudominio.com.br/wp-admin).

2. Na barra lateral, clique em WooCommerce → Configurações.

3. Na aba “Geral”, localize o campo “URL do site”.

   Verifique se ele começa com https:// — por exemplo: https://seudominio.com.br.

   Se estiver com http://, altere para https:// e salve.

   

4. Em seguida, vá para a aba “Links” (na mesma página de configurações do WooCommerce).

   Verifique se as opções abaixo estão com HTTPS:

   • URL do site — deve ser https://seudominio.com.br
   • URL do checkout — deve ser https://seudominio.com.br/checkout
   • URL do carrinho — deve ser https://seudominio.com.br/carrinho

   Se alguma delas estiver com http://, altere para https:// e salve.

5. Na aba “Produtos”, verifique se o campo “URL do produto” está com https://.

6. Volte para a aba “Geral” e, em “Regras de redirecionamento”, marque a opção:

   “Redirecionar URLs do site para HTTPS”

   Isso garante que todos os acessos ao site sejam redirecionados automaticamente para o HTTPS — mesmo se o cliente digitar http://.

7. Por fim, vá até o menu “Ferramentas” no WordPress → “Redirecionamentos” (ou use um plugin como Redirection).

   Verifique se não há redirecionamentos antigos ou mal configurados que estejam apontando para http://.

8. Depois de fazer todas as alterações, limpe o cache do seu site:

   • Se você usa um plugin de cache (como WP Rocket, W3 Total Cache, etc.), vá até ele e limpe o cache.
   • Se não usa plugin, pode limpar o cache do navegador (Ctrl + F5 ou Shift + F5).

   Teste o checkout novamente — agora ele deve estar 100% em HTTPS e sem avisos de conteúdo misto!

💡 Dica extra do Sensei

Se o problema persistir, pode ser que alguma imagem ou arquivo em seu tema ou plugin ainda esteja carregando por http://. Nesse caso:

• Use o Chrome DevTools (F12) → aba “Console” ou “Network” para ver quais recursos estão sendo carregados via HTTP.
• Verifique se o tema ou plugin está usando URLs absolutas (ex: http://seudominio.com.br/foto.jpg) em vez de relativas (ex: //seudominio.com.br/foto.jpg ou /foto.jpg).
• Se precisar, use um plugin como Really Simple SSL (recomendado) para forçar HTTPS automaticamente — ele detecta e corrige URLs mistas com inteligência.

🔐 Lembrete importante

Na GeHost, seu domínio já tem certificado SSL instalado automaticamente em todos os planos. Você não precisa instalar nada manualmente — o HTTPS já está ativo!

Se precisar, acesse o painel do cliente em painel.gehost.com.br e verifique se o SSL está ativo no seu domínio.

✨ Conclusão

Configurar o WooCommerce para funcionar corretamente com HTTPS é essencial para a segurança do seu cliente e para a confiança na hora da compra. Com esses passos simples, você evita o conteúdo misto e deixa sua loja mais profissional e segura.

Se tiver dúvidas, não hesite em entrar em contato com nosso suporte — estamos aqui para te ajudar, com todo o carinho e atenção que você merece. 💚

Até a próxima, com muito amor, código e boas práticas! 🌐✨