Manual Ilustrado do Cliente • Pacote Landing Page All-in-One • RMTI

1

Fluxo Rápido: Colocando Sua Página no Ar em 5 Passos

Você não precisa ser programador nem instalar softwares no computador. O projeto já vem 100% pronto para uso.

PASSO 01

Extrair o ZIP

Descompacte a pasta do projeto em qualquer lugar do seu computador.

PASSO 02

Abrir o Site

Dê duplo clique em index.html para testar diretamente no navegador.

PASSO 03

Acessar Admin

Abra admin/index.html (Senha inicial de fábrica: 123456).

PASSO 04

Personalizar

Altere layout, checkout, preços, textos e clique em "Baixar config.js".

PASSO 05

Publicar

Suba na Vercel (grátis em 3 min) ou envie para sua hospedagem cPanel.

2

Mapa Visual da Estrutura de Arquivos

Entenda onde fica cada elemento do seu pacote para manusear com total segurança e clareza.

pacote-landing-page/

├── index.html → Página principal que exibe os 3 layouts dinâmicos

├── checkout.html → Página de checkout com os 3 modelos de pagamento

├── obrigado.html → Tela de confirmação e agradecimento pós-compra

├── admin/ → Painel Administrativo Próprio do Cliente

│ ├── index.html → Interface visual com formulários e seletores

│ └── admin.js → Lógica de login, troca de senha e gerador de config.js

├── assets/imagens/ → Onde você coloca seu logotipo e suas fotos

│ ├── logo-placeholder.png (400x120px - SUA LOGO AQUI)

│ ├── banner-placeholder.png (1200x675px - SEU BANNER AQUI)

│ └── especialista-placeholder.png (600x750px - SUA FOTO AQUI)

├── js/

│ ├── config.js → O "Cérebro": arquivo que guarda todas as suas configurações

│ └── app.js → Motor do site, alternância de layouts e FAQ retrátil

├── MANUAL-ILUSTRADO.pdf → Este guia oficial pronto para impressão ou leitura

└── README.md → Documentação técnica completa para desenvolvedores

3

Os 3 Modelos de Layout Integrados (Wireframes Ilustrados)

Você escolhe qual dos 3 modelos quer ativar na sua página com 1 clique no painel admin. Veja o esquema visual de cada um:

seusite.com.br (Modelo 01)

⚡ Oferta Especial por Tempo Limitado

[SUA LOGO] COMPRAR

Headline Forte de Desejo

Subheadline explicativa do método

▶ Player de Vídeo VSL

📦 Módulo 1

📦 Módulo 2

📦 Módulo 3

📦 Módulo 4

De R$ 497,00

Por R$ 197,00

Quero Me Inscrever Agora

seusite.com.br (Modelo 02)

[SUA LOGO] WHATSAPP

Sua Foto

Especialista Headline Autoridade

💎 Pilar 1: Método

💎 Pilar 2: Prática

💎 Pilar 3: Acompanha

💎 Pilar 4: Resultados

Plano Essencial
R$ 97

VIP Mentoria
R$ 297

Elite Black
R$ 597

Falar com Especialista

seusite.com.br (Modelo 03)

[SUA LOGO] ORÇAMENTO

SOLUÇÕES CORPORATIVAS

Transformando Empresas

+500
Projetos

99.8%
Uptime

12h
SLA

4.9★
Avaliações

🛠️ Consultoria

⚙️ Infraestrutura

🔒 Segurança

📊 Big Data

Solicitar Proposta B2B

4

O Painel Administrativo Próprio (admin/index.html)

O centro de comando da sua landing page. Aqui você altera tudo sem encostar em nenhuma linha de código.

Aba do Painel	O que Você Pode Alterar	Impacto na Página
🎨 Geral & Identidade	Nome da empresa, slogan, logotipo, banner, link do WhatsApp e cor tema primária.	Atualiza todo o cabeçalho, rodapé e identidade visual.
💳 Modelos & Checkout	Escolha do modelo da página (01, 02 ou 03), escolha do modelo de checkout (1, 2 ou 3) e forma de recebimento.	Muda a estrutura inteira do site e o comportamento de pagamento.
📦 Conteúdo & Textos	Headline principal, subheadline, módulos do curso, pilares de autoridade, serviços B2B e FAQ.	Permite adaptar o site para qualquer nicho de mercado.
💰 Oferta & Preços	Preço original ("de"), preço promocional ("por"), número de parcelas e garantia incondicional.	Calcula e exibe as ofertas automaticamente no site e no checkout.
🛡️ Segurança & Senha	Troca da senha de acesso ao painel admin (senha inicial de fábrica: `123456`).	Garante que somente você consiga editar as informações.

⚠️ ATENÇÃO: COMO TORNAR AS ALTERAÇÕES DEFINITIVAS
Ao clicar no botão verde "Salvar Alterações", o site atualiza instantaneamente no seu navegador.
Para que as alterações fiquem gravadas permanentemente e funcionem em qualquer celular, computador ou servidor na internet, clique no botão azul "Baixar config.js" e substitua o arquivo correspondente dentro da pasta js/config.js.

5

Os 3 Modelos de Checkout Integrados (Wireframes)

Selecione na aba "💳 Modelos & Checkout" qual visual de checkout melhor atende ao seu público:

MODELO 01 Conversão Rápida

1 Coluna Mobile-First: Otimizado para celular e tráfego direto.

⏱️ Desconto reservado por 15:00

Resumo: [Nome do Produto]
R$ 197,00

[ ] Nome Completo
[ ] E-mail de Entrega
[ ] WhatsApp

PAGAR VIA PIX (1 CLIQUE)

MODELO 02 Alta Conversão

2 Colunas + Order Bump: Depoimento 5 estrelas e oferta adicional.

[Dados Pessoais]

⭐ 5.0 (Aluno Satisfeito)
"Mudou meus resultados!"

[✓] Sim, adicionar Order Bump (+R$ 47)

FINALIZAR PEDIDO SEGURO

MODELO 03 Minimalista Premium

Dark Titanium B2B: Interface limpa para Pessoa Física ou Jurídica.

Fatura Comercial B2B [x] CNPJ [ ] CPF

Razão Social / Nome da Empresa
CNPJ / Inscrição Estadual

Subtotal: R$ 197,00

EMITIR FATURA & PAGAR

6

Como Configurar Suas Formas de Recebimento

Você decide como quer receber pelas suas vendas. Configure tudo na aba "💳 Modelos & Checkout" do Admin:

🔵 Mercado Pago

Cole o link de cobrança do app Mercado Pago. O cliente paga via Pix e Cartão em até 12x.

⚡ Pix Direto (Sua Chave)

Receba direto na sua conta bancária sem taxas intermediárias, com botão de envio do comprovante no WhatsApp.

🚀 Outro Gateway

Redireciona para seu link da Kiwify, Hotmart, Eduzz, Stripe, Braip ou Monetizze com 1 clique.

💬 Vendas no WhatsApp

O cliente preenche os dados e o pedido chega pronto no seu WhatsApp para atendimento consultivo humano.

7

Guia de Imagens e Dimensões Recomendadas

Para garantir a melhor qualidade visual e carregamento ultrarrápido, siga as recomendações de tamanho abaixo:

Arquivo na pasta `assets/imagens/`	Dimensão Recomendada	Formato Ideal	Onde é Utilizado
`logo-placeholder.png`	400 x 120 px	PNG Transparente ou SVG	Topo (navbar) de todos os modelos e cabeçalho do checkout.
`banner-placeholder.png`	1200 x 675 px (Proporção 16:9)	JPG ou WebP Otimizado	Banner hero principal e capa do vídeo/VSL do Modelo 01.
`especialista-placeholder.png`	600 x 750 px (Proporção 4:5)	PNG ou JPG de alta resolução	Foto de perfil com moldura de autoridade do Modelo 02.
`mockup-produto.png`	600 x 600 px (Proporção 1:1)	PNG Transparente	Caixa lateral de resumo do checkout (Modelos 01 e 02).

💡 DICA PROFISSIONAL DE DESEMPENHO: Você pode usar ferramentas gratuitas como o TinyPNG.com ou Squoosh.app para comprimir suas imagens antes de subir. Imagens leves fazem sua página carregar em menos de 1 segundo!

8

Como Publicar Seu Site na Internet

Sua página está pronta. Escolha o método de publicação de sua preferência:

MÉTODO 1 Vercel (Recomendado • Grátis em 3 min)

Acesse vercel.com e faça login ou crie sua conta gratuita.
Arraste a pasta descompactada deste projeto para o painel.
Clique no botão "Deploy". Em 40 segundos seu site estará no ar!
Você receberá um endereço oficial com certificado de segurança SSL gratuito (https://).
Opcional: Na aba Settings > Domains, adicione seu domínio próprio (ex: seunegocio.com.br).

MÉTODO 2 Hospedagens Tradicionais (cPanel / Hostinger)

Acesse o Gerenciador de Arquivos do seu painel cPanel ou FTP.
Abra a pasta public_html (ou raiz do seu domínio).
Envie todos os arquivos e pastas deste projeto para dentro dela.
Certifique-se de que o arquivo index.html esteja na raiz.
Pronto! O site já responderá no seu domínio imediatamente.

9

Perguntas Frequentes (FAQ)

Preciso pagar alguma mensalidade?

Não! O pacote é de pagamento único. Os arquivos são de sua propriedade perpétua e não dependem de nenhuma mensalidade para continuar funcionando.

Posso usar com meu domínio próprio?

Com certeza! Você pode apontar qualquer domínio .com.br ou .com registrado no Registro.br ou GoDaddy tanto na Vercel quanto no cPanel.

E se eu esquecer a senha do Admin?

A senha inicial é 123456. Caso altere e esqueça, você pode abrir o arquivo js/config.js ou limpar os cookies/armazenamento do seu navegador para restaurar.

Como trocar o vídeo da página?

Basta acessar o painel admin na aba "Conteúdo & Textos" e colar a URL do seu vídeo do YouTube ou Vimeo no campo de vídeo. O player atualiza na hora.

Pacote de Landing Page All-in-One