Reparto · Funnel

Funnel — tutti gli step, in ordine

Costruire le 3 pagine dentro il builder nativo di GHL, usando blocchi Custom HTML generati via AI ("vibe coding") solo dove il builder non basta esteticamente.

Missione di questo reparto

Adattare il template GHL duplicato al brand e al copy del cliente, sezione per sezione — senza toccare l'automation/i tag (quelli sono IT).

Entro quanto

~2-4 ore per le 3 pagine — dopo che Copy e Design hanno consegnato i loro output.

Se hai dubbi

Sul layout/brand → Design. Sul copy esatto → Copywriter. Sui blocchi che il builder GHL non sa fare → vibe coding via Claude Code.

Se non hai strumenti

Accesso al sub-account GHL col template già importato (Fase IT, step 01): richiedilo a IT/PM.

6 / 6 step
01
Le pagine sono native GHL, non file HTML nel repo
Da sapere

Nessun file HTML da editare in locale — si lavora dentro l'editor GHL sul sub-account. Il "codice" (blocchi Custom HTML) vive dentro gli elementi del builder, non in un repo Git.

02
Verifica che il template importato sia quello giusto
Costruzione

Apri le 3 pagine (Optin, Thank You/Bridge, Download) e confrontale coi wireframe (Mappa) — stesse sezioni, stesso ordine. Se manca una sezione prevista, è normale: i 3 template non sono identici tra loro (vedi Template).

03
Applica brand board e inserisci il copy reale
Costruzione

Colori/font/logo dai valori esatti passati da Design. Copy mancante o ambiguo → richiedilo al Copywriter, non inventarlo per andare avanti — stessa regola di ogni altro funnel su questo sito.

04
Blocchi Custom HTML via vibe coding, solo dove serve
Costruzione

Se un elemento del builder nativo non basta (es. un layout particolare della hero, un componente animato), genera il blocco HTML/CSS con Claude Code e incollalo nell'elemento Custom HTML/Code di GHL.

Non sostituire il builder nativo con custom code "perché è più comodo". Ogni sezione fatta con elementi nativi GHL è più facile da mantenere da chiunque nel team — il custom code è l'eccezione, non la regola di default.
05
Testa a 320px e su un giro completo
Costruzione

Anteprima mobile GHL a 320px su tutte e 3 le pagine. Poi un giro reale: compila il form, verifica che arrivi il tag, la consegna, la prima email della sequenza.

06
A cosa stare attenti
Attenzione
  • Non lasciare placeholder [Risultato]/[Beneficio] visibili al pubblico — cercarli esplicitamente prima di dire "fatto"
  • Il pulsante di download in Fase 3 (pagina Download) deve funzionare davvero — verificarlo, non assumerlo
  • Se la Bridge Offer non è prevista per questo cliente, rimuovere la sezione dal builder, non lasciarla vuota

Checklist di chiusura reparto

Prossimo: Design →