Como ajuda
Ajuda o lead a entender a propria situacao com mais nitidez, enxergar o proximo passo com menos atrito e perceber por que vale a pena consumir esse material agora.
← Voltar para magnets
Rascunho
Diagnóstico: Sua Venda Ainda Depende de Indicação?
Sua empresa ainda vive de indicações? Descubra a raiz dessa dependência e o caminho ex
Rascunho editavel
Ajuste o que quiser direto na tela
Texto completo
Copia pronta para copiar
Este texto junta todos os campos do rascunho em uma versao linear e facil de reaproveitar.
Diagnóstico: Sua Venda Ainda Depende de Indicação?
Formato: Ferramenta Interativa de Diagnóstico
PROMESSA
Sua empresa ainda vive de indicações? Descubra a raiz dessa dependência e o caminho ex
PARA QUEM E
Empresario B2B que ainda concentra o comercial nas costas, desconfia de marketing bonito e quer um ativo que gere clareza pratica.
DOR CENTRAL
Ele sente que o crescimento depende demais da agenda do fundador, de indicacoes e de esforcos pouco previsiveis.
O QUE ESTE LEAD MAGNET AJUDA A RESOLVER
Mostra de forma especifica o problema que esse material ajuda a resolver, o momento em que ele se torna valioso e o ganho pratico que ele entrega.
COMO ISSO AJUDA NA PRATICA
Ajuda o lead a entender a propria situacao com mais nitidez, enxergar o proximo passo com menos atrito e perceber por que vale a pena consumir esse material agora.
O QUE A PESSOA RECEBE
Um GPT guiado que conduz a conversa, extrai as informacoes certas e devolve um resultado utilizavel no final.
COMO USAR ESTE GPT
1. Abra o GPT e inicie a conversa com o contexto real do seu negocio.
2. Responda as perguntas com o maximo de especificidade para melhorar a qualidade do resultado.
3. Use a saida final como base de decisao, execucao ou refinamento do seu ativo.
PROXIMO PASSO
CTA: Abrir o GPT
Link: https://chatgpt.com
Abrir o GPT e seguir a conversa guiada.HTML exportavel
Pagina pronta para Elementor
Aqui esta o codigo final da pagina do lead magnet. Ele ja nasce com a linguagem visual da AlavancaX e um CTA com placeholder de link para voce trocar antes de publicar.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Diagnóstico: Sua Venda Ainda Depende de Indicação?</title>
<style>
:root {
--bg-primary: #f8f6f1;
--bg-panel: rgba(255,255,255,0.72);
--bg-grid: rgba(38,50,75,0.06);
--accent-primary: #ed6c2b;
--accent-secondary: #f4a06d;
--text-primary: #25314b;
--text-secondary: #627087;
--text-muted: #9ba6b7;
--border-soft: rgba(38,50,75,0.09);
--shadow-soft: 0 20px 40px rgba(35,48,73,0.08);
--radius-xl: 32px;
--radius-lg: 24px;
--radius-pill: 999px;
--font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
--font-display: 'Playfair Display', Georgia, serif;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-sans);
color: var(--text-primary);
background:
linear-gradient(var(--bg-grid) 1px, transparent 1px),
linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px),
radial-gradient(circle at top, rgba(237, 108, 43, 0.14), transparent 35%),
var(--bg-primary);
background-size: 46px 46px, 46px 46px, auto, auto;
overflow-x: hidden;
min-height: 100vh;
}
.page {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 22px 16px 72px;
position: relative;
}
.glow {
position: fixed;
width: 560px;
height: 560px;
border-radius: 50%;
background: radial-gradient(circle, rgba(237,108,43,0.16), transparent 70%);
filter: blur(70px);
pointer-events: none;
z-index: 0;
}
.glow.left {
top: 60px;
left: -180px;
}
.glow.right {
top: 180px;
right: -220px;
}
.topbar {
position: relative;
z-index: 1;
padding: 0 6px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.brand-logo {
width: 156px;
max-width: 100%;
height: auto;
display: block;
}
.author {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
margin-top: 8px;
}
.author-photo {
width: 44px;
height: 44px;
border-radius: 999px;
object-fit: cover;
border: 2px solid rgba(237,108,43,0.35);
box-shadow: 0 10px 24px rgba(35,48,73,0.08);
flex-shrink: 0;
}
.author-meta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.author-label {
font-size: 14px;
color: var(--text-secondary);
}
.author-name {
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
}
.author-badge {
width: 17px;
height: 17px;
object-fit: contain;
flex-shrink: 0;
}
.eyebrow {
color: var(--accent-secondary);
font-size: 15px;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.hero {
position: relative;
z-index: 1;
margin-top: 14px;
padding: 10px 8px 4px;
text-align: left;
}
.hero h1 {
font-family: var(--font-display);
font-size: clamp(28px, 4vw, 48px);
line-height: 0.94;
letter-spacing: -0.05em;
max-width: 920px;
margin: 0;
}
.hero .accent {
color: var(--accent-primary);
font-style: italic;
}
.hero p {
max-width: 760px;
margin: 12px 0 0;
font-size: clamp(18px, 1.7vw, 22px);
line-height: 1.55;
color: var(--text-secondary);
}
.steps {
position: relative;
z-index: 1;
max-width: 860px;
margin: 18px 0 0;
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
background: rgba(255,255,255,0.88);
box-shadow: 0 18px 36px rgba(35,48,73,0.06);
padding: 18px 18px 16px;
}
.step-item {
display: flex;
align-items: flex-start;
gap: 12px;
}
.step-badge {
width: 28px;
height: 28px;
border-radius: 999px;
background: rgba(237,108,43,0.12);
color: var(--accent-primary);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
flex-shrink: 0;
}
.step-copy {
padding-top: 2px;
}
.step-copy h2 {
font-family: var(--font-sans);
font-size: 20px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.01em;
}
.step-copy p {
margin-top: 2px;
color: var(--text-secondary);
line-height: 1.5;
font-size: 17px;
}
.fold-cta {
position: relative;
z-index: 1;
margin: 14px 0 0;
max-width: 860px;
text-align: left;
}
.fold-cta p {
margin-top: 10px;
color: var(--text-muted);
line-height: 1.5;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 0;
padding: 18px 28px;
border-radius: 18px;
background: linear-gradient(180deg, #f07834, #de5d1e);
color: white;
text-decoration: none;
font-weight: 700;
font-size: 17px;
box-shadow: 0 18px 42px rgba(237,108,43,0.24);
}
.grid {
position: relative;
z-index: 1;
margin-top: 22px;
display: grid;
gap: 18px;
grid-template-columns: 1fr;
}
.card {
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
background: rgba(255,255,255,0.66);
padding: 24px;
}
.card h2 {
font-family: var(--font-display);
font-size: 28px;
line-height: 0.98;
letter-spacing: -0.04em;
margin-top: 10px;
}
.card p {
margin-top: 14px;
color: var(--text-secondary);
line-height: 1.8;
font-size: 15px;
}
.footer-note {
margin-top: 18px;
text-align: center;
color: var(--text-muted);
font-size: 13px;
line-height: 1.8;
}
@media (max-width: 860px) {
.page {
padding: 18px 12px 56px;
}
.brand-logo {
width: 132px;
}
.author {
gap: 8px;
margin-top: 6px;
}
.author-photo {
width: 38px;
height: 38px;
}
.author-label {
font-size: 12px;
}
.author-name {
font-size: 14px;
}
.author-badge {
width: 15px;
height: 15px;
}
.hero {
margin-top: 10px;
padding: 12px 2px 6px;
text-align: left;
}
.steps {
gap: 10px;
max-width: 340px;
margin: 14px 0 0;
padding: 14px;
}
.grid {
grid-template-columns: 1fr;
}
.hero h1 {
font-size: 26px;
max-width: 340px;
}
.hero p {
margin-top: 10px;
max-width: 340px;
font-size: 17px;
line-height: 1.45;
}
.topbar {
justify-content: flex-start;
}
.brand {
align-items: flex-start;
}
.author {
justify-content: flex-start;
}
.step-badge {
width: 26px;
height: 26px;
font-size: 12px;
}
.step-copy h2 {
font-size: 18px;
}
.step-copy p {
font-size: 16px;
}
.cta {
width: 100%;
padding: 16px 20px;
font-size: 16px;
}
.fold-cta {
max-width: 340px;
margin: 12px 0 0;
}
}
</style>
</head>
<body>
<div class="glow left"></div>
<div class="glow right"></div>
<div class="page">
<section class="topbar">
<div class="brand">
<img class="brand-logo" src="/brand/logo.png" alt="AlavancaX" />
<div class="author">
<img class="author-photo" src="/brand/raphael.png" alt="Raphael Massagardi" />
<div class="author-meta">
<span class="author-label">Por</span>
<strong class="author-name">Raphael Massagardi</strong>
<img class="author-badge" src="/brand/badge.png" alt="Badge verificado" />
</div>
</div>
</div>
</section>
<section class="hero">
<h1>Diagnóstico: Sua Venda Ainda Depende de Indicação?</h1>
<p>Sua empresa ainda vive de indicações? Descubra a raiz dessa dependência e o caminho ex</p>
</section>
<section class="steps">
<p class="eyebrow">Como usar este GPT</p>
<div class="step-item">
<span class="step-badge">1</span>
<div class="step-copy">
<p>Abra o GPT e inicie a conversa com o contexto real do seu negocio.</p>
</div>
</div>
<div class="step-item">
<span class="step-badge">2</span>
<div class="step-copy">
<p>Responda as perguntas com o maximo de especificidade para melhorar a qualidade do resultado.</p>
</div>
</div>
<div class="step-item">
<span class="step-badge">3</span>
<div class="step-copy">
<p>Use a saida final como base de decisao, execucao ou refinamento do seu ativo.</p>
</div>
</div>
</section>
<section class="fold-cta">
<a class="cta" href="https://chatgpt.com" target="_blank" rel="noopener noreferrer">Abrir o GPT</a>
<p class="cta-note">Abrir o GPT e seguir a conversa guiada.</p>
</section>
<section class="grid">
<article class="card">
<span class="eyebrow">O proximo passo</span>
<h2>O que voce vai receber</h2>
<p>Um GPT guiado que conduz a conversa, extrai as informacoes certas e devolve um resultado utilizavel no final.</p>
</article>
</section>
<p class="footer-note">
Codigo gerado pela Central de Lead Magnets da AlavancaX. Pronto para colar no widget HTML do Elementor.
</p>
</div>
</body>
</html>