Come utilizzare le sezioni nell’editor della landing page?
Sections are a great way of organizing the content of your page. You can think of a section as a container that groups elements. When you group elements such as buttons, labels, or images, you can move or delete them with a single click.
Le sezioni hanno due funzioni principali:
- Organizzano gli elementi in gruppi logici.
- Ti consentono di gestire i tuoi contenuti in modo semplice.
La maggior parte dei nostri modelli di landing page sono composti da sezioni. Puoi anche aggiungere sezioni extra al tuo modello.
Come aggiungere una sezione alla tua landing page
- Nell’editor della landing page, fai clic sul pulsante Aggiungi elementi.
- Trascina e rilascia l’elemento Sezione nella tua pagina.
- Seleziona uno dei modelli dalla libreria delle sezioni oppure fai clic su +Aggiungi sezione vuota per utilizzare una sezione vuota.
Come spostare una sezione in un’altra parte della pagina
- Passando il mouse su una parte vuota della sezione che si desidera spostare, sulla destra verrà visualizzata una barra degli strumenti blu.
- Fai clic e tieni premuta l’icona di spostamento, quindi trascina la sezione verso l’alto e verso il basso.
- Rilascialo nel punto in cui desideri posizionarlo.
Come copiare (duplicare) una sezione all’interno della pagina
- Passando il mouse su una parte vuota della sezione, sulla destra verrà visualizzata una barra degli strumenti blu.
- Fai clic sull’icona Copia per duplicarlo.
La sezione copiata verrà aggiunta sotto la sezione corrente.
Come eliminare una sezione
- Passando il mouse su una parte vuota della sezione che si desidera spostare, sulla destra verrà visualizzata una barra degli strumenti blu.
- Fai clic sull‘icona del cestino per rimuoverlo.
Come salvare e riutilizzare una sezione
- Passa il mouse su una parte vuota della sezione che vuoi salvare per visualizzare una barra degli strumenti blu sulla destra.
- Fai clic sull’icona del disco per salvarlo.
- Aggiungi un nome e clicca sul pulsante Salva.
- Puoi trovare tutti i blocchi e le sezioni salvati all’interno dell’editor della landing page, in Aggiungi elementi > I miei blocchi.
Passaggi per le landing page legacy
Come lavoro con le sezioni
Per aggiungere una sezione extra, trascinare la relativa icona dalla barra degli strumenti all’area di lavoro.
Per semplificare le cose abbiamo introdotto un’evidenziazione di sezione. Ogni volta che sposti una sezione, vedrai evidenziate le sezioni vicine. L’evidenziazione funziona anche quando vuoi posizionare un elemento all’interno di una sezione.
Puoi spostare le sezioni su e giù nella pagina. Puoi farlo in due modi:
- Utilizzare i controlli di spostamento (diventano visibili dopo aver cliccato su un’area di sezione non popolata).
- Fai clic e trascina un’area della sezione.
Puoi anche cambiare l’altezza di ogni sezione. Per farlo, afferra il controllo in fondo alla sezione e muovilo verso l’alto o verso il basso.
Tieni presente che questo funziona allo stesso modo per tutte le sezioni, compresa quella in fondo alla pagina.
Come faccio a duplicare una sezione?
Per duplicare una sezione, clicca su un’area vuota nella sezione e clicca su + (icona di duplicazione) nella barra degli strumenti in cima alla sezione. La sezione copiata verrà posizionata sotto quella originale.
Come faccio a collegare le sezioni?
Puoi usare elementi cliccabili, pulsanti, immagini e testo, per collegare le sezioni. Gli elementi funzionano come collegamenti di ancoraggio. Portano i visitatori a un punto specifico della tua landing page. Puoi usare questa funzione, ad esempio, per collegare il testo a un modulo di iscrizione in fondo alla pagina. Oppure, per collegare i pulsanti in fondo alla pagina a un modulo in alto.
Crea un collegamento che ti aiuti a indirizzare i visitatori alla parte più importante della tua landing page. Ad esempio, collega un pulsante nell’ultima sezione a un modulo di iscrizione nella prima sezione. Quando lo fai, rendi più semplice l’iscrizione per i tuoi visitatori. Non devono scorrere di nuovo in alto e cercare il modulo.
Puoi usare uno dei nostri modelli, come Active Gym e Fitness Journey, che includono già elementi collegati (e ce ne saranno altri in arrivo). Puoi anche selezionare un altro modello e scegliere i tuoi elementi. Quindi, collegali nel modo che meglio si adatta alle tue esigenze. Per fare questo:
- Seleziona l’elemento cliccabile che vuoi collegare al tuo modulo e trascinalo in una sezione.
- Fai doppio clic sull’elemento per aprire la barra dell’editor.
3. Fai clic sull’icona del collegamento nella barra per visualizzare le opzioni.
4.Per Tipo, seleziona Sezione. Quindi, seleziona la sezione a cui desideri che l’elemento si colleghi (quella è la sezione in cui si trova il tuo modulo).
5. Clicca OK.
Ora puoi pubblicare o continuare a modificare la landing page. Se sposti le sezioni, le impostazioni degli elementi si aggiornano dinamicamente. “Reagiscono” alle modifiche che apporti e si collegano alla sezione nel suo nuovo punto. Ciò significa che il numero di sezione nell’editor dei pulsanti cambia automaticamente. Non devi tornare indietro e apportare modifiche.
Quando pubblichi la pagina e i visitatori cliccano sul pulsante, la pagina scorre fino alla sezione che contiene il modulo.
Nota: questa funzionalità non ti sposta tra le sezioni quando sei ancora nell’editor. Per vederla funzionare, devi pubblicare la pagina.
Posso usare le scorciatoie da tastiera nell’editor della landing page?r
Esistono numerose scorciatoie da tastiera per Mac e PC che puoi utilizzare per aiutarti a completare più rapidamente la modifica della landing page.
- premi CMD/CTRL+S per salvare le modifiche
- premi CMD/CTRL+D per duplicare uno o più elementi selezionati o una sezione
- premi CMD/CTRL+C per copiare uno o più elementi selezionati o una sezione
- premi CMD/CTRL+V per incollare uno o più elementi selezionati
- premi CMD/CTRL + clic sinistro del mouse per selezionare più elementi
- premi CMD/CTRL+Z per annullare un’azione
- premi MAIUSC+CMD/CTRL+Z per ripetere un’azione
- premi CMD/CTR+O – per ottimizzare il layout mobile (solo per l’area di lavoro mobile)
- premi i tasti SU, GIÙ, SINISTRA, DESTRA per spostare un elemento selezionato di 1 px
- premi MAIUSC+tasto SU, GIÙ, SINISTRA, DESTRA per spostare un elemento selezionato di 10 px
- premi BACKSPACE – rimuovi un elemento
