ITS

Landing didattica Meta Ads — hub ITS

Home

Hub didattico Meta Ads

ITS

Ricrea la landing di esercizio in Elementor sul tuo sito.

Apri l’esempio live, poi costruisci la stessa struttura sul tuo WordPress (itsXX).

Apri esempio live Inizia dal brief

Regola d’oro: solo widget Elementor nativi — niente HTML / Custom CSS sulla landing. Template pagina: Elementor Canvas.

1 Setup pagina

  1. Pagine → Aggiungi — titolo es. Landing page, pubblica.
  2. Attributi → Template: Elementor Canvas.
  3. Modifica con Elementor — usa Container Flexbox (non sezioni classiche).
  4. Confronta sempre con l’esempio: /landing-page/

2 Solo 4 widget

HeadingBrand ITS, H1, titoli sezione
Editor di testoSottotitoli, lab-bar, footer
PulsanteTutte le CTA
Icon BoxI 3 benefici numerati

Il Container non conta come “tipo di widget”: serve solo per il layout.

3 Colori & font

Primary #0A3A4A Deep #062833 CTA #D6453D Hover #B83630 Mist #F7FBFC Bianco
  • Syne → titoli e brand · Figtree → testi e bottoni (Google Fonts in Elementor).
  • Primary: logo, titoli scuri, pulsante header, Icon Box.
  • Coral: pulsanti hero e banda CTA · Mist: sfondo «Cosa imparerai» · Deep: lab-bar.

4 Ordine sezioni

  1. Header — Heading ITS + Pulsante Prenota → #prenota (sfondo bianco, CTA primary).
  2. Hero full-bleed — brand + H1 + sottotitolo + CTA coral. Immagine sullo sfondo del Container.
  3. Cosa imparerai — Heading + 3 Icon Box in riga (stack su mobile), sfondo mist.
  4. CTA (CSS ID: prenota) — titolo + testo + Pulsante mailto, sfondo primary.
  5. Footer — una riga di testo: esercizio didattico / solo widget Elementor.

Opzionale in alto: lab-bar deep con testo «Livello principiante — 4 sezioni · 4 tipi di widget».

5 Immagine hero

Container Hero → Sfondo → Immagine · Cover · centro · overlay teal scuro ~70% (testo bianco leggibile).

https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80

Niente altre foto: i benefici usano Icon Box, non gallerie.

6 CTA (una sola azione)

Header · Prenota#prenota · #0A3A4A
Hero · Prenota il posto gratuito#prenota · #D6453D
Band · Prenota oramailto:support@koinecomunicazione.com?subject=Prenotazione%20ITS%20Base

Hover coral: #B83630. Non aggiungere CTA secondarie diverse.

7 Copy da copiare

H1Da 0 a clienti con Meta Ads
SottotitoloMasterclass gratuita online di 90 minuti per chi vuole iniziare con le ads.
Beneficio 1Il target giusto — A chi mostrare le tue ads (e a chi no).
Beneficio 2Il messaggio — Come scrivere un annuncio chiaro in 3 secondi.
Beneficio 3Il budget — Come partire con pochi euro al giorno.
CTA bandPrenota il tuo posto gratuito
Live giovedì alle 18:30. Ti mandiamo il link via email.
FooterITS · Esempio didattico per principianti · Solo widget Elementor

8 Checklist prima di consegnare

  • Template Canvas + solo i 4 widget (+ Container)
  • Colori e font Atlantic (Syne / Figtree)
  • Hero full-bleed con overlay leggibile
  • 3 Icon Box allineati · stack su mobile
  • Ancora #prenota da header e hero
  • Mailto CTA band funzionante
  • Controllo desktop + mobile

Riferimento ufficiale: its.francescodevito.it/landing-page