Come faccio a ottimizzare la mia landing page per i dispositivi mobili?

Il nostro nuovo riquadro mobile nel generatore di landing page ti consente di fare l’anteprima e modificare la versione mobile della tua landing page. Ti permette inoltre di personalizzare la versione mobile:

  • ridimensionando e scalando testo e immagini
  • nascondendo e ripristinando gli elementi
  • riposizionando gli elementi
  • sostituendo le immagini di sfondo

Puoi usare il riquadro mobile per modificare:

  • i template vuoti che usi per creare la pagina da zero;
  • i template già pronti che puoi personalizzare in base alle tue esigenze di marketing;
  • le landing page esistenti che desideri aggiornare.

Clicca su Anteprima per aprire una scheda separata dove puoi controllare il modo in cui le modifiche effettuate verranno visualizzate sui dispositivi dei clienti.

Come faccio ad accedere al riquadro mobile delle landing page?

Se stai creando una nuova landing page clicca sull’icona del riquadro mobile per aprirlo.

Per le landing page esistenti clicca sull’icona del riquadro mobile nel generatore di landing page. Si aprirà un modulo pop-up che ti chiede di confermare di voler convertire la pagina. Dopo aver confermato, si aprirà il riquadro mobile.

Quando la landing page è stata convertita, la sua versione mobile potrà essere visualizzata sui dispositivi mobili. La dimensione massima per la versione mobile in GetResponse è di 600 pixel. Quindi se la tua landing page compare in un viewport di 600 pixel o meno, ne mostreremo la versione mobile.

Nota: se non vai al riquadro mobile per tutte le varianti della tua landing page e pagina di ringraziamento prima di salvarle, ti chiederemo di confermare se desideri convertirle in versioni mobili.

Come faccio a ottimizzare automaticamente la mia landing page per i dispositivi mobili?

Poiché il riquadro desktop e il riquadro mobile sono due versioni diverse dello stesso layout, non è possibile modificarne manualmente uno senza influire anche sull’altro. Ti offriamo però l’opzione di ottimizzare la tua landing page per i dispositivi mobili in modo automatico. Per completare il processo:

1. Clicca sull’icona del riquadro mobile.
2. Clicca su un punto qualsiasi del riquadro mobile.
3. Se usi Windows, seleziona Control + O sulla tastiera. Se usi Mac, seleziona Command + O sulla tastiera.
4. Comparirà un’altra finestra in cui ti verrà chiesto se desideri ottimizzare il layout mobile. Clicca su Sì, procedi per continuare.

La landing page verrà automaticamente ottimizzata per i dispositivi mobili.

Nota: ciò annullerà le modifiche effettuate al design della versione mobile. Non puoi annullare questa azione. La cronologia delle modifiche non sarà disponibile.

Come faccio a riposizionare gli elementi nel riquadro mobile?

Trascina e rilascia gli elementi per spostare gli oggetti nel riquadro mobile. Ricorda che alcune modifiche nel riquadro mobile possono influenzare la versione desktop:

  • Spostare gli elementi in una sezione diversa o rimuovere un oggetto da una casella influisce anche sulla versione desktop della landing page.
  • Spostare gli elementi all’interno di una sezione influirà solo sulla versione mobile. Non cambierà nulla nella versione desktop.

Ti notificheremo ogni volta che ciò accade mostrandoti un numero accanto all’icona del riquadro mobile.

Il numero indica quante delle modifiche effettuate influiscono sulla versione desktop. (La stessa cosa vale per le modifiche effettuate nella versione desktop che influiscono su quella mobile.)

Puoi solo spostare gli elementi all’interno di un’area specifica del riquadro. Non è possibile posizionare gli elementi alle estremità del riquadro (le aree coperte da strisce diagonali) perché potrebbero non essere subito visibili nel viewport dei dispositivi mobili e i clienti dovrebbero scorrere la pagina per visualizzare gli oggetti lì posizionati. Vogliamo assicurarci che la tua pagina sia visualizzata al meglio sui piccoli schermi per cui ti indichiamo dove è meglio non posizionare gli oggetti.

Come faccio a ridimensionare e scalare gli elementi nel riquadro mobile?

Puoi anche ridimensionare l’elemento per modificare l’ampiezza della cornice del testo. Poi puoi scalare un oggetto per aumentare o diminuire le dimensioni del testo nel riquadro mobile.

Il ridimensionamento e la scalatura ti consentono di modificare tutti i campi di testo nel riquadro mobile così compariranno nel viewport proprio come tu desideri. Ecco come farlo:

1. Clicca sull’oggetto per mostrare le maniglie di ridimensionamento.

2.Per ridimensionare clicca e trascina le maniglie di ridimensionamento sui lati per cambiare l’ampiezza della cornice del testo.

3. Per scalare clicca e trascina le maniglie di ridimensionamento negli angoli per ingrandire o rimpicciolire il testo.

Il ridimensionamento e la scalatura degli oggetti nel riquadro mobile non causeranno alcuna modifica nel riquadro desktop.

Posso eliminare gli elementi nel riquadro mobile?

Puoi nascondere gli elementi nel riquadro mobile. Per farlo clicca sull’icona di visibilità che compare dopo che hai selezionato un elemento.

Per visualizzare gli elementi nascosti clicca il pulsante Mostra nascosti nella barra degli strumenti in alto. L’area di lavoro diventerà grigia e gli oggetti nascosti saranno visibili. Ora puoi:

  • Ripristinare l’elemento. Per farlo clicca di nuovo sull’icona di visibilità.
  • Mantenere l’elemento nascosto. Per farlo clicca sul pulsante Nascondi elementi ora visibile accanto all’icona del riquadro mobile.

Nota: non sarà possibile aggiungere o eliminare elementi nel riquadro mobile. Per farlo devi passare al riquadro desktop.

Posso modificare i campi di testo e sostituire le immagini di sfondo nel riquadro mobile?

Puoi modificare i campi di testo e sostituire le immagini di sfondo nel riquadro mobile. Ecco come farlo:

  • Per gli elementi di testo fai doppio clic su un elemento per aprire la barra degli strumenti con le opzioni di modifica. Puoi modificare la dimensione, il colore e l’allineamento del testo.
  • Per le immagini di sfondo fai doppio clic sull’immagine per aprire la barra degli strumenti con le opzioni di modifica. Clicca sull’icona dell’immagine di sfondo per sostituire l’immagine corrente o sull’icona x per eliminarla.

Risorse comuni