Scopri come i Layout Annidati di HITLEAD ti permettono di creare design di pagina avanzati e responsive con facilità. Questa funzionalità innovativa semplifica la creazione di layout multi-colonna e adattativi direttamente nel Funnel e Website Builder, risparmiando tempo e migliorando la precisione del design.

INDICE

Cosa sono i Layout Annidati?

I Layout Annidati ti permettono di inserire contenitori di layout all'interno di altri contenitori di layout, offrendoti un controllo preciso su come gli elementi sono strutturati in una pagina. Questa struttura ti consente di gestire facilmente design multi-colonna, spaziatura adattiva e sezioni responsive con un controllo visivo avanzato.

Che tu stia creando pagine di opt-in, tabelle di confronto o vetrine prodotto, i Layout Annidati semplificano il processo migliorando la coerenza visiva e l'allineamento.

Vantaggi principali dei Layout Annidati

I Layout Annidati eliminano la complessità e potenziano il tuo toolkit di design delle pagine:

  • Struttura flessibile: Posiziona facilmente righe, colonne e altri layout l'uno dentro l'altro.
  • Impostazioni in tempo reale: Cambia istantaneamente la direzione del layout (riga, colonna, collage) con anteprime live.
  • Strumenti di spaziatura precisi: Imposta margini, padding e allineamento esattamente come vuoi — a ogni livello.
  • Nessun workaround: Progetta pagine complesse senza CSS personalizzato o soluzioni di terze parti.
  • Layout riutilizzabili: Risparmia tempo duplicando e modificando contenitori annidati per un branding coerente.

Come configurare i Layout Annidati nel Builder

I Layout Annidati sono facili da implementare usando l'interfaccia drag-and-drop del Funnel o Website Builder. Ecco come iniziare:

  1. Accedi al tuo sub-account e apri il Funnel o Website desiderato.
  2. Trascina un Layout Container sul canvas.
  3. Trascina un secondo Layout Container all'interno del primo per creare la struttura annidata.
  4. Apri Layout Settings e scegli l'orientamento row, column o collage.
  5. Regola Spacing & Alignment per margini, padding e posizionamento. Ripeti i passi 3–5 per ulteriori livelli di annidamento se necessario.
  6. Clicca Save per salvare il layout o aggiungilo a Saved Sections per riutilizzarlo.

Schermata 1 — Layout Annidati nel Funnel e Website Builder

Esempi di ciò che puoi costruire ora

  • Pagine opt-in a due colonne: Metti il titolo e il Form su un lato, testimonianze e social proof sull'altro.
  • Tabelle di confronto prezzi: Crea layout multi-colonna con sezioni di dimensioni diverse per funzionalità, prezzi e pulsanti call-to-action.
  • Griglie di showcase funzionalità: Costruisci layout complessi con immagini, testo e pulsanti perfettamente allineati su righe e colonne.

Domande frequenti

D: Come aggiungo un contenitore annidato?

Trascina un Layout Container all'interno di un Layout Container esistente — il riquadro blu evidenzia una zona di rilascio valida.

D: Posso annidare Sezioni o Righe?

No. Solo i Layout Container possono essere annidati. Le Sezioni e le Righe rimangono a livello singolo per motivi di prestazioni.

D: C'è un limite di profondità?

Praticamente no, ma consigliamo tre o quattro livelli per facilità di manutenzione e velocità di caricamento.

D: I Layout Annidati funzionano nelle Saved Sections e nei Funnel?

Sì. Le Saved Sections mantengono la struttura annidata e si sincronizzano globalmente quando vengono aggiornate.

Articoli correlati