Quali strumenti sono disponibili nell’editor della Landing Page?

Una volta che inizi a creare la tua landing page, puoi personalizzare la pagina per adattarla meglio alle tue esigenze. Ecco alcune cose che potrai aggiungere e personalizzare all’interno dell’editor della landing page di GetResponse:

• Sezione
• Testo
• Immagine
• Pulsante
• Video
• Divisore
• Spaziatore
• Icone social media
• Codice personalizzato
• Galleria
• Timer
• Modulo
• Popup
• Modulo di iscrizione al webinar
• Casella del prodotto
• Casella del corso e indice

Sezioni

Le sezioni sono un ottimo modo per organizzare il contenuto della tua pagina. Puoi pensare a una sezione come a un contenitore che raggruppa elementi. Quando raggruppi elementi come pulsanti, etichette o immagini, puoi spostarli o eliminarli con un solo clic.

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.

Scopri di più su come utilizzare le sezioni nel nostro editor di landing page.

Testo

Puoi aggiungere una nuova casella di testo dalla barra degli strumenti o modificare il testo già presente nel modello. Fai clic sul testo o sulla casella di testo per apportare modifiche. Le opzioni di modifica includono:

• Tipo
• Carattere
• Dimensione carattere
• Stile carattere
• Colore carattere
• Colore sfondo
• Allineamento
• Altezza riga
• Stile elenco
• Collegamento ipertestuale
• Emoji
• Impostazioni blocco (colore, riempimento, bordo, raggio, ombra e media di sfondo)

Immagine

In GetResponse, troverai una varietà di immagini stock tra cui scegliere, oppure puoi caricare la tua grafica (immagini o gif) dal tuo computer o da un URL. Una volta inserite, cliccaci sopra per vedere altre opzioni di modifica. Tra queste:

• Testo alternativo
• Link cliccabile
• Larghezza e altezza
• Ridimensiona a larghezza schermo intero su dispositivo mobile
• Opacità
• Allineamento
• Impostazioni avanzate (bordo, raggio, ombra)
• Impostazioni blocco (colore, riempimento, bordo, raggio e ombra)

Puoi anche sostituire o modificare l’immagine usando un editor fotografico integrato direttamente dall’editor della Landing Page. Per sostituire l’immagine, clicca sul pulsante Sostituisci e selezionane una diversa. Per modificare l’immagine nell’editor, clicca sul pulsante Modifica.

Nell’editor, puoi ritagliare, ridimensionare, regolare e trasformare l’immagine. Puoi anche aggiungere filtri, sovrapposizioni, adesivi e testo.

Una volta terminata la modifica, clicca sul link Salva per salvare la versione modificata dell’immagine.

Pulsante

Se vuoi collegarti a un sito web diverso, numero di telefono, documento PDF, ecc., puoi usare un pulsante. Fai clic su un pulsante per regolare quanto segue:

• Testo del pulsante
• Tipo di collegamento
• URL
  A cosa dovrebbe ricollegare l’immagine?
• Stile
• Forma
• Dimensione
• Allineamento
• Impostazioni avanzate (raggio, ombra)
• Impostazioni del blocco (colore, riempimento, bordo, raggio e ombra)

Video

Puoi incorporare video da piattaforme di hosting video come YouTube direttamente sulla tua landing page. Una volta trascinato il blocco video sulla pagina, cliccaci sopra e specifica l’URL del video. Dopo averlo fatto, sarai in grado di regolare le seguenti impostazioni:

• Riproduzione automatica in muto: avvia automaticamente la riproduzione della clip in muto una volta caricata la pagina (non tutti i browser supportano la riproduzione automatica)
• Togli l’audio: abilita l’audio come impostazione predefinita
• Ciclo: imposta la riproduzione del video in loop ripetuto
• Comandi: mostra o nascondi i controlli video predefiniti forniti dalla piattaforma video
• Larghezza e altezza
• Ridimensiona alla larghezza a schermo intero su dispositivo mobile
• Allineamento
• Impostazioni avanzate (bordo, raggio, ombra)
• Impostazioni blocco (colore, riempimento, bordo, raggio e ombra)

Scopri di più su come aggiungere video alle tue landing page.

Divisore

I divisori sono linee grafiche che possono aggiungere piccoli accenti di design alla tua pagina e aiutare a evidenziare le aree più importanti. Puoi regolare:

• Layout (orizzontale o verticale)
• Stile
• Altezza
• Allineamento
• Impostazioni blocco (colore, padding, bordo, raggio e ombra)

Spaziatore

Utilizza i distanziatori per aggiungere ulteriore spazio tra gli oggetti sulla tua landing page. Può aiutarti a dirigere l’attenzione dei visitatori verso aree importanti e darti più opzioni per il design della pagina. Puoi configurare le seguenti impostazioni:

• Colore
• Bordo
• Raggio
• Ombra

Icone dei social media

Puoi aggiungere icone di social media e condivisione social alla tua landing page per fornire un accesso rapido e incoraggiare un maggiore coinvolgimento da parte dei tuoi visitatori. Nelle impostazioni di questo blocco, puoi specificare:

• Azione: cosa dovrebbe accadere quando si fa clic su una delle icone dei social media
• Piattaforme social media
• Stile
• Layout (orizzontale o verticale)
• Allineamento
• Colore
• Dimensioni
• Spaziatura
• Impostazioni blocco (colore, riempimento, bordo, raggio e ombra)

Scopri di più su come aggiungere le icone dei social media alla tua landing page.

Codice personalizzato

Puoi aggiungere il tuo codice HTML, la formattazione CSS e JavaScript alla tua landing page utilizzando l’elemento Codice personalizzato.

Qui puoi trovare informazioni dettagliate sul blocco di codice personalizzato.

Galleria

Puoi aggiungere una galleria di immagini alla tua landing page per presentare i tuoi prodotti e servizi, attirare l’attenzione dei visitatori sui punti salienti del tuo contenuto o creare un’atmosfera visiva che metterà in mostra la tua attività. Per questo blocco, puoi regolare:

• Immagini mostrate nella galleria
• Stile di visualizzazione (masonry, griglia o slideshow)
• Larghezza e altezza (per lo stile di visualizzazione slideshow)
• Dimensioni immagine (per gli stili di visualizzazione griglia e masonry)
• Spaziatura orizzontale e verticale delle immagini (per gli stili di visualizzazione griglia e masonry)
• Impostazioni avanzate (bordo, raggio e ombra)
• Impostazioni blocco (colore, riempimento, bordo, raggio e ombra)

Timer

Puoi aggiungere un timer alla tua landing page per il conto alla rovescia fino a una data futura specifica. Puoi anche impostare un conto alla rovescia evergreen. Conterà dal momento in cui i tuoi visitatori aprono la pagina e attiverà un reindirizzamento di upsell. Questo è un ottimo modo per pubblicizzare una vendita, un upsell o creare attesa per un evento. Aiuta a creare un senso di urgenza per incoraggiare potenziali contatti a iscriversi alla tua lista.

Per questo elemento è possibile configurare:

• Tipo (sempreverde o data fissa)
• Durata del conto alla rovescia
• Formato
• Design del contatore (carattere, dimensione del carattere, stile del carattere, colore del carattere, colore di sfondo, spaziatura, bordo, raggio)
• Design dell’etichetta (carattere, dimensione del carattere, stile del carattere, colore del carattere e mostra etichette)
• Impostazioni del blocco (colore, spaziatura, bordo, raggio e ombra)

Scopri di più su come utilizzare i timer nel nostro editor di landing page.

Modulo

Nel nostro editor di landing page puoi incorporare due tipi di moduli:

• Moduli di iscrizione: ti consentono di convertire i visitatori in abbonati e di aumentare la portata online della tua attività.
• Moduli di contatto: consentono ai tuoi visitatori di lasciarti messaggi e porre domande. Potrai rispondere tramite chat o manualmente tramite e-mail o telefono.

Qui puoi trovare maggiori informazioni sulla differenza tra moduli di contatto e moduli di registrazione.

Popup

Aggiungere popup alla tua landing page può motivare i clienti a intraprendere azioni specifiche. I popup possono includere moduli di iscrizione o essere utilizzati per promuovere vendite ed eventi. Per i popup, puoi configurare:

• Dimensioni
• Posizione
• Trigger
• Tempistica
• Frequenza
• Impostazioni blocco (colore, riempimento, bordo, raggio, ombra, sovrapposizione e colore sovrapposizione)

Clicca qui per saperne di più sui popup nell’editor della landing page.

Modulo di iscrizione al webinar

È anche possibile aggiungere moduli webinar alla tua landing page. Se hai già programmato webinar, trascina e rilascia il modulo webinar sulla tua landing page. Il resto avviene automaticamente. Per semplificarti la vita, il webinar che hai creato per ultimo è sempre selezionato di default. Ovviamente, puoi decidere quale webinar promuovere sulla tua landing page.

Quando trascini il modulo sul tuo sito web, il modulo webinar include il titolo, la data, il fuso orario, i campi per inserire il nome e l’indirizzo e-mail e un pulsante di partecipazione. Nella barra degli strumenti, puoi configurare la visualizzazione dei seguenti elementi:

• Titolo del webinar
• Data e ora
• Impostazioni modulo
• Impostazioni blocco (colore, spaziatura, bordo, raggio e ombra)

Qui puoi trovare maggiori informazioni sui moduli di iscrizione ai webinar.

Casella prodotto

Ora puoi aggiungere box prodotto alla tua landing page per fornire un accesso rapido e incoraggiare un maggiore coinvolgimento da parte dei tuoi visitatori.

Per utilizzare questa funzionalità, devi collegare il tuo negozio a GetResponse o creare un nuovo negozio nel nostro sistema.
Dopo averlo fatto, sarai in grado di selezionare prodotti specifici da visualizzare, nonché modificare le impostazioni del box prodotto, tra cui:

• Impostazioni di visualizzazione
• Design della scheda prodotto
• Impostazioni del blocco (colore, riempimento, bordo, raggio e ombra)

Scopri di più su come aggiungere una casella prodotto alla tua landing page.

Casella del corso e indice

Ora puoi promuovere i corsi sulle tue landing page utilizzando i nostri blocchi Casella del corso e Indice.

• Una casella del corso è un blocco che ti consente di visualizzare i corsi sui tuoi siti Web e sulle landing page per coinvolgere potenziali studenti. Offre ai tuoi contatti la possibilità di familiarizzare con il tuo corso e di iscriversi con il minimo sforzo.
• Un indice può essere utilizzato per visualizzare i capitoli e le lezioni inclusi nel corso su una landing page o un sito Web. Utilizzarlo può essere utile se vuoi familiarizzare i potenziali lead con l’offerta del tuo corso.

Ulteriori informazioni riguardanti questo corso sono disponibili qui.

Passaggi per le landing page legacy

Una volta entrato nell’area di lavoro Landing Pages Editor, puoi personalizzare la tua pagina per adattarla meglio alle tue esigenze. Ecco alcune cose che potrai aggiungere e personalizzare all’interno di GetResponse Landing Pages Editor:

• sfondo
• sezione
• testo
• immagine
• pulsante
• modulo
• forma
• webinar
• video
• icone di condivisione social
• pulsante PayPal
• codice personalizzato

Sfondo

Per cambiare lo sfondo di un modello, fai doppio clic su di esso per visualizzare le opzioni di modifica. Puoi scegliere tra:

• colore pieno
• sfumatura
• un’immagine diversa. Se selezioni un’immagine, puoi decidere come desideri che si adatti alla sezione.
  

Confine e ombra

Per ciascuno degli elementi che aggiungi o modifichi, puoi impostare un bordo e/o un’ombra. È un buon modo per far risaltare un elemento quando devi richiamare l’attenzione su di esso. Per accedere a queste impostazioni, fai doppio clic su un elemento e scegli l’icona degli strumenti di stile dalla barra degli strumenti.

For the border, you can set:

• style
• size
• color
• radius

For the shadow, you can set:

• color
• direction
• distance
• spread
• blur
  

Sezioni

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.

Scopri di più su come utilizzare le sezioni nel nostro editor di landing page.

Testo

Puoi aggiungere una nuova casella di testo dalla barra degli strumenti o modificare il testo già presente nel modello. Fai doppio clic sul testo o sulla casella di testo per apportare modifiche. Le opzioni di modifica includono:

• font
• dimensione carattere
• colore carattere
• sfondo testo
• spaziatura
• grassetto
• corsivo
• trattino basso
• barrato
• orientamento (sinistra, centro, destra)
• punti elenco
• elenco numerato
• collegamento ipertestuale
• ombra
• 
  

Immagine

In GetResponse troverai una varietà di immagini stock tra cui scegliere, oppure puoi caricare la tua grafica (immagini o gif) dal tuo computer o da un URL. Dopo averle aggiunte, fai doppio clic su di esse per visualizzare altre opzioni di modifica. Tra queste:

• dimensionamento
• bordo
• ombra
• collegamento ipertestuale

Puoi anche utilizzare una delle funzioni di modifica più avanzate, come:

• filtro
• pin
• orientamento
• ridimensionamento
• ritaglio
• aggiunta di testo
• disegno
• regolazione

Pulsante

Se vuoi collegarti a un sito web diverso, video, documento PDF ecc., puoi usare un pulsante. Fai doppio clic su un pulsante per regolare quanto segue:

• dimensionamento
• carattere testo pulsante
• dimensione carattere
• colore carattere
• grassetto
• corsivo
• trattino basso
• barrato
• collegamento ipertestuale
• ombra
• colore pulsante
• bordo e ombra

Collegamento ipertestuale

Elementi come blocchi di testo, blocchi di immagini e pulsanti includono l’opzione di aggiungere un collegamento ipertestuale. Per accedervi, fai doppio clic sull’elemento e scegli l’icona del collegamento ipertestuale. Una volta scelto, puoi selezionare tra diversi tipi di collegamento. Questi sono:

• indirizzo web viene utilizzato per reindirizzare i visitatori a un’altra pagina online di tua scelta.
• email aprirà una nuova finestra di posta elettronica all’interno dell’applicazione di posta predefinita del visitatore, indirizzata all’email di tua scelta. Puoi anche inserire un oggetto per quell’email.
• sezione può essere utilizzata per indirizzare i visitatori a una sezione specifica sulla tua landing page.
• telefono consentirà ai visitatori di effettuare una chiamata telefonica direttamente dalla landing page al numero selezionato.
• webinar viene utilizzato per collegare un elemento ai webinar attivi dal tuo account. Selezionando questo tipo di collegamento, i visitatori verranno indirizzati alla pagina di registrazione per il webinar selezionato.

Modulo

Alcuni modelli sono già dotati di un modulo di iscrizione. In caso contrario, puoi aggiungerne uno dalla barra degli strumenti. Scegli tra un modulo statico o un popup.

Per modificare il modulo di registrazione statico, fare doppio clic sul modulo per abilitare le opzioni di modifica aggiuntive:

• clicca sul modulo o sui campi specifici, o sul pulsante, per modificare il testo e la formattazione
• fai doppio clic sul modulo per iniziare ad aggiungere campi aggiuntivi: campi personalizzati e campi di consenso. I campi personalizzati ti aiutano a raccogliere informazioni di contatto. I campi di consenso consentono ai tuoi contatti di dare il loro consenso alle tue politiche di marketing o di elaborazione dei dati quando si iscrivono.

Per aggiungere i campi, fare clic sul pulsante Campi del modulo Web.

Quindi, fai clic sulla scheda Campi personalizzati e seleziona i campi personalizzati che vuoi utilizzare. Fai clic sulla scheda Campi di consenso per visualizzare i campi di consenso che hai creato nel tuo account. Quindi, seleziona i campi che vuoi aggiungere al modulo.

Il pulsante del tuo modulo può solo raccogliere contatti sul tuo account. Non può essere utilizzato come collegamento ipertestuale. Per indirizzare i contatti a una posizione specifica dopo la registrazione, utilizza le impostazioni della pagina di ringraziamento.

Forme

Le forme possono aiutarti ad aggiungere marcatori di separazione visiva, ad attirare l’attenzione su determinate sezioni della tua pagina o a creare cornici per elementi specifici. Puoi scegliere una delle seguenti opzioni:

• cerchio
• rettangolo
• linea orizzontale o verticale

Fai doppio clic sulla forma per modificarne lo sfondo, il bordo e l’ombra.

Webinar

Per rendere più semplice ai tuoi contatti la registrazione a un webinar, puoi aggiungere un modulo di registrazione al webinar direttamente alla tua landing page. Fai doppio clic sul webinar per selezionare quello che vuoi usare (se ne hai più di uno programmato). Come per il modulo, puoi quindi personalizzare il modulo di registrazione e aggiungere campi personalizzati e di consenso.

Scopri di più su come aggiungere webinar alla tua landing page.

Video

Puoi incorporare video da piattaforme di hosting video come YouTube direttamente sulla tua landing page. Una volta trascinato il blocco video sulla pagina, fai doppio clic per impostare:

• l’URL del video
• bordo e ombra
• impostazioni di visualizzazione video

Scopri di più su come aggiungere video alle tue landing page.

Icone di condivisione social

Queste icone consentono ai tuoi visitatori di condividere la pagina sui loro feed e di generare più traffico. Non sono modificabili.

Le icone di condivisione social non possono essere utilizzate come link ai tuoi profili social. Se vuoi creare un link ai tuoi profili, aggiungi i loghi delle piattaforme social come immagini e utilizzali come hyperlink.

Pulstante PayPal

Offriamo un’integrazione PayPal per semplificare la vendita dei tuoi prodotti tramite landing page. Scopri di più sull’integrazione e su come utilizzare il pulsante.

Codice personalizzato

Se sei un utente avanzato, puoi utilizzare l’opzione codice personalizzato per aggiungere funzionalità che non sono disponibili nella barra degli strumenti della landing page.

Scopri di più su come aggiungere codice personalizzato alla tua landing page.

Timer per il conto alla rovescia

Il timer per il conto alla rovescia ti consente di contare alla rovescia i giorni, le ore, i minuti e i secondi fino a una data futura specifica o di impostare un timer evergreen. Questo è un ottimo modo per pubblicizzare una vendita, fare upselling o creare attesa per un evento. Aiuta a creare un senso di urgenza per incoraggiare potenziali contatti a iscriversi alla tua lista.

Scopri di più su come utilizzare il timer per il conto alla rovescia.

Impostazioni SEO

Sotto l’icona Impostazioni, potrai scegliere come apparirà la tua pagina nei risultati di ricerca e quando verrà collegata.

Puoi impostare quanto segue:

• titolo pagina
• descrizione pagina
• notifica cookie
• favicon
• immagine Facebook

Anteprima

Puoi visualizzare in anteprima la landing page, la pagina di ringraziamento e le loro versioni mobili mentre lavori. Fai clic sull’icona Anteprima per dare un’occhiata a come apparirà la tua pagina quando sarà pubblicata.