⚙️ Painel de Controle - Landing Pages

Sistema completo de gerenciamento e configuração das páginas de vendas

Yorùbá History Channel

✅ 17 Páginas Ativas
🎨 Design Responsivo
🔗 Links Hotmart
📱 Mobile Friendly
📊 Visão Geral
📄 Landing Pages
⚙️ Configurações
🔗 Integração
📚 Guia Completo

📊 Resumo do Sistema

✅ Sistema 100% Operacional Todas as 17 landing pages estão configuradas e conectadas aos links de pagamento da Hotmart.
Categoria Quantidade Status
Livros Individuais 8 páginas ● Ativo
Coletâneas 6 páginas ● Ativo
Dicionários 3 páginas ● Ativo

🎯 Elementos Padronizados em Todas as Páginas

  • Meta Viewport: width=device-width, initial-scale=1.0 (responsivo garantido)
  • Hero Gradient: linear-gradient(135deg, #1a1a1a 0%, #6b4007 50%, #1a1a1a 100%)
  • Logo: 240px width no "Sobre o Canal" (13 páginas possuem)
  • Refund Process: Hotmart → yoruba.hc.oficial@gmail.com → 5 dias úteis
  • Autor: Bàbá Akindele - Ògán consagrado (padronizado em todas)
  • Timer: 12 horas de contagem regressiva
  • Garantia: 7 dias incondicional
  • Bonus Sections: Ocultos (display: none) onde aplicável

📱 Responsividade

🎨 Design Adaptável Garantido Sistema configurado com grids flexíveis que se adaptam automaticamente a qualquer tela.
  • Desktop (>1200px): Grids de 3 colunas para cards de produto
  • Tablet (768px-1200px): Grids de 2 colunas automaticamente
  • Mobile (<768px): Grids de 1 coluna (empilhamento vertical)
  • Grids Especiais: repeat(auto-fit, minmax(280px, 1fr)) nas páginas com 3 versões
  • CSS Global: Media queries em @media (max-width: 768px) no landing-page.css

📚 Livros Individuais

Ativo

🌍 Yorùbá Descomplicado

livro-yoruba-descomplicado.html

💰 Preços Configurados

E-book: R$ 39,99
Livro Físico: R$ 79,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

📿 Aprendendo a Jogar Obì

livro-obi.html

💰 Preços Configurados

E-book: R$ 29,99
Livro Físico: R$ 69,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
3 Cards

🌿 Èwé Òró

livro-ewe-oro.html

💰 Preços Configurados (3 Versões)

E-book: R$ 39,99
Livro P&B: R$ 89,99
Livro Colorido: R$ 129,99
  • Layout 3 cards responsivo ✅
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Grid: auto-fit minmax(280px) ✅
VER PÁGINA →
Novo ⭐

🌿 Ìwẹ̀ Ewé - Banhos Sagrados

livro-banhos.html

💰 Preços Configurados

E-book: R$ 19,99
Livro Físico: R$ 69,99
  • Hero gradient: #2d5016 ✅
  • Logo 240px ✅
  • Tema verde (ervas) ✅
  • 50+ receitas de banhos ✅
VER PÁGINA →
Ativo

🥁 Ilú Odára

ilu.html

💰 Preços Configurados

E-book: R$ 24,99
Livro Físico: R$ 59,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

🔮 Odù no Ẹ́ẹ́rìndínlógún

livro-odu.html

💰 Preços Configurados

E-book: R$ 34,99
Livro Físico: R$ 74,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

✨ O Livro dos Èbós

livro-ebos.html

💰 Preços Configurados

E-book: R$ 69,99
Livro Físico: R$ 109,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

🍲 Òunjẹ́ Àṣẹ

livro-ounje.html

💰 Preços Configurados

E-book: R$ 49,99
Livro Físico: R$ 89,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

📛 Orúkọ - Nomes Yorùbá

oruko-nomes.html

💰 Preços Configurados

E-book: R$ 24,99
Livro Físico: R$ 64,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →

📖 Coletâneas

Ativo

👑 Ritos e Mistérios - Òrìṣà

coletanea-orisa.html

💰 Preços Configurados

E-book: R$ 29,99
Livro Físico: R$ 79,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

⚖️ Ritos e Mistérios - Cargos

coletanea-cargos.html

💰 Preços Configurados

E-book: R$ 29,99
Livro Físico: R$ 79,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

🌙 Ritos e Mistérios - Ìyámi

coletanea-iyami.html

💰 Preços Configurados

E-book: R$ 29,99
Livro Físico: R$ 79,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

🔥 Ritos e Mistérios - Sàsányìn

coletanea-sasanyn.html

💰 Preços Configurados

E-book: R$ 29,99
Livro Físico: R$ 79,99
  • Hero gradient: #6b4007 ✅
  • Sem seção "Sobre o Canal" ⚠️
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
3 Cards

🌱 Ensinamentos I - Favas

coletanea-ensinamentos1.html

💰 Preços Configurados (3 Versões)

E-book: R$ 39,99
Livro P&B: R$ 99,99
Livro Colorido: R$ 149,99
  • Layout 3 cards responsivo ✅
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Grid: auto-fit minmax(280px) ✅
VER PÁGINA →
Ativo

📜 Ìtàn Yorùbá I - Criação

itan-livro1.html

💰 Preços Configurados

E-book: R$ 19,99
Livro Físico: R$ 54,99
  • Hero gradient: #6b4007 ✅
  • Sem seção "Sobre o Canal" ⚠️
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →

📚 Dicionários

Ativo

📖 Dicionário Português-Yorùbá

dicionario-por-you.html

💰 Preços Configurados

E-book: R$ 49,99
Livro Físico: R$ 89,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

📖 Dicionário Yorùbá-Português

dicionario-you-por.html

💰 Preços Configurados

E-book: R$ 49,99
Livro Físico: R$ 89,99
  • Hero gradient: #6b4007 ✅
  • Logo 240px ✅
  • Refund atualizado ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

📚 Combo Dicionários

combo-dicionarios.html

💰 Preços Configurados

Combo E-book: R$ 69,99
Combo Físico: R$ 139,99
  • Hero gradient: #6b4007 ✅
  • Estrutura verificada ⚠️
  • Responsivo garantido ✅
  • 2 dicionários completos 📖
VER PÁGINA →
Ativo

🤖 Agente IA Tradutor

agente-ia-tradutor.html

💰 Preços Configurados

Status: Ativo
  • Landing page de ferramenta ✅
  • Design moderno ✅
  • Responsivo garantido ✅
VER PÁGINA →
Ativo

📚 Coletânea Ensinamentos II

coletanea-ensinamentos2.html

💰 Preços Configurados

E-book: A definir
  • Hero gradient: #6b4007 ✅
  • Coletânea de ensinamentos ✅
  • Responsivo garantido ✅
VER PÁGINA →

⚙️ Guia de Configuração das Landing Pages

🔧 Como Personalizar as Landing Pages Este guia ensina a modificar elementos-chave de cada página.

1. Alterando Preços

Para modificar os preços nas páginas, edite os seguintes elementos:

<!-- Hero Section - Preço Atual --> <p class="lp-current-price" style="color: #e74c3c;">R$ 29,99</p> <!-- Hero Section - Preço Original --> <p class="lp-original-price" style="color: #666;">De R$ 54,99</p> <!-- Seção de Oferta --> <p style="font-size: 2rem; color: var(--accent-color);"> <span style="text-decoration: line-through;">R$ 54,99</span> <br>R$ 29,99 </p>

2. Modificando o Hero Gradient

Para alterar o gradiente do hero, modifique a tag <section class="lp-hero">:

<section class="lp-hero" style="background: linear-gradient(135deg, #1a1a1a 0%, #6b4007 50%, #1a1a1a 100%); position: relative; overflow: hidden;">

Cores disponíveis:

  • • #6b4007 - Marrom/Dourado (padrão atual)
  • • #8B4513 - Marrom escuro
  • • #1e3a8a - Azul escuro
  • • #27ae60 - Verde
  • • #f39c12 - Laranja/Dourado

3. Atualizando Links Hotmart

Localize e substitua os links de pagamento:

<!-- E-book --> <a href="https://pay.hotmart.com/CODIGO-EBOOK" class="lp-cta-button"> COMPRAR E-BOOK R$ 29,99 </a> <!-- Livro Físico --> <a href="https://pay.hotmart.com/CODIGO-FISICO" class="lp-cta-button"> COMPRAR LIVRO FÍSICO R$ 79,99 </a>

4. Personalizando o Timer

O timer reinicia a cada visita. Para alterar a duração:

<script> function startCountdown() { let timeLeft = 12 * 60 * 60; // 12 horas (altere aqui) // ... resto do código } </script>

5. Modificando Informações de Contato

<!-- Email de Reembolso --> yoruba.hc.oficial@gmail.com <!-- Instagram e TikTok --> @yoruba_historychannel @yoruba_history_channel

6. Ajustando Layout Responsivo

Para páginas com 3 cards (Ensinamentos1, Ewe-Oro):

<!-- Grid Responsivo Automático --> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; max-width: 1200px; margin: 40px auto;"> <!-- Cards aqui --> </div>

📂 Estrutura de Arquivos

Arquivo/Pasta Descrição
landing-pages/ Pasta contendo todas as 17 landing pages HTML
landing-page.css Estilos globais importados por todas as páginas
Capas_de_livro/ Imagens das capas dos livros (formato PNG)
img/ Imagens gerais (logo, autor, etc.)
index.html Loja principal com modal de produtos
index-landing-pages.html Este painel de controle

🔗 Integração Hotmart

✅ Links já Configurados Todas as landing pages já possuem os links Hotmart configurados nos botões de compra.

Localização dos Links

Os links Hotmart estão em 3 locais principais em cada landing page:

  • Hero Section: Cards de preço iniciais
  • Seção de Oferta (id="oferta"): Cards principais de compra
  • CTAs Intermediários: Botões "QUERO APROVEITAR" espalhados pela página

Como Verificar Links

1. Abra a landing page no navegador 2. Clique com botão direito no botão "COMPRAR" 3. Selecione "Inspecionar elemento" 4. Verifique o atributo href="https://pay.hotmart.com/..."

Pixel de Conversão (Opcional)

Para rastrear conversões, adicione antes do </head>:

<!-- Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXXX-X'); </script> <!-- Facebook Pixel --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'SEU_PIXEL_ID'); fbq('track', 'PageView'); </script>

📧 Integração com Email Marketing

As landing pages podem ser integradas com:

  • Hotmart: Automação nativa após compra
  • RD Station: Captura de leads (necessário formulário)
  • Mailchimp: Lista de email (necessário formulário)
  • ActiveCampaign: Automação avançada
💡 Dica: Adicione formulários de captura nas páginas para construir lista de email antes da venda.

🔒 Segurança e SSL

  • Hotmart: Processa pagamentos com certificado SSL próprio
  • Seu Site: Recomendado ter SSL (https://) para credibilidade
  • Certificado Gratuito: Let's Encrypt (via cPanel ou Cloudflare)

📚 Guia Completo de Uso

🚀 Lançamento Rápido (5 Passos)

  1. Upload: Faça upload de todos os arquivos para seu servidor
  2. Teste: Acesse cada landing page e teste todos os botões
  3. Links: Verifique se os links Hotmart estão corretos
  4. Mobile: Teste em celular e tablet
  5. Divulgue: Compartilhe os links nas redes sociais

📊 Checklist de Validação

Item Status Ação
✅ Hero gradient padronizado Concluído -
✅ Responsividade garantida Concluído -
✅ Links Hotmart configurados Concluído -
✅ Refund process atualizado Concluído -
⚠️ Testar em produção Pendente Fazer upload e testar
⚠️ Configurar Analytics Opcional Adicionar código de tracking

🎯 Melhores Práticas

💡 Dicas para Aumentar Conversão:
  • Timer: Mantenha o timer de 12h para criar urgência
  • Garantia: 7 dias é o padrão ideal (reduz objeções)
  • FAQ: Adicione perguntas reais dos clientes
  • Depoimentos: Considere adicionar reviews futuros
  • WhatsApp: Mantenha botão de suporte visível
  • Mobile First: Maioria dos acessos vem de celular
  • Velocidade: Otimize imagens para carregamento rápido

📈 Otimização SEO

Para melhor ranking nos buscadores:

  • Título da página (<title>) descritivo e único
  • Meta description com palavras-chave relevantes
  • URLs amigáveis (já configurado)
  • Alt text nas imagens
  • Schema.org markup para produtos (opcional)

🐛 Troubleshooting Comum

Problema Solução
Imagens não aparecem Verificar caminho relativo ../img/ e ../Capas_de_livro/
CSS não carrega Verificar link para ../landing-page.css
Cards desalinhados no mobile Já corrigido com grid responsivo auto-fit
Timer não funciona Verificar se JavaScript está habilitado
Links Hotmart quebrados Atualizar com códigos corretos da Hotmart

📞 Suporte e Contato

📧 Email: yoruba.hc.oficial@gmail.com
📱 Instagram: @yoruba_historychannel
📱 TikTok: @yoruba_history_channel

🚀 Ações Rápidas

🏠 Voltar para a Loja 👁️ Ver Exemplo 📝 Lista Completa

✨ Sistema Profissional de Landing Pages ✨

17 páginas otimizadas para conversão | Design responsivo | Links Hotmart integrados

Yorùbá History Channel - 2025