Come usare l'HTML per personalizzare una landing page

Usa l'HTML per aggiungere divisori, call-to-action e altro alla landing page

Puoi personalizzare completamente la tua landing page utilizzando l'editor HTML.

Aggiungine uno alla tua landing page.

Fai clic sul suo menu a tre puntini e fai clic sull'icona </> per passare alla vista HTML.

Ecco alcuni esempi di ciò che puoi aggiungere:

Divisori

Puoi aggiungere linee o divisori tra i vari contenuti.

Aggiungi la seguente stringa:

Con "border-top:" puoi impostare lo spessore della linea in pixel.

Con "solid #" puoi impostare il suo colore tramite codici colore esadecimali.

Link per chiamare un numero di telefono

Puoi creare un link che consenta agli utenti di avviare una telefonata direttamente dai loro dispositivi.

Aggiungi un attributo "href" con il numero di telefono di destinazione al testo (Call us) che aprirà l'app del telefono. Ad esempio:

Sostituisci "+1234567890" con il numero di telefono corrispondente. Il segno "+" indica il prefisso internazionale.

Link per inviare un'email

Puoi creare un link che consenta agli utenti di inviare un'email a un indirizzo specifico direttamente dai loro dispositivi.

Aggiungi un attributo "href" con l'indirizzo di destinazione al testo (Send Email) che aprirà l'app di posta. Ad esempio:

<a href="mailto:abc@example.com">Send Email</a>

Sostituisci "abc@example.com" con l'indirizzo email corrispondente.

Link per inviare un messaggio a WhatsApp

Puoi creare un link che consenta agli utenti di inviare un messaggio a un numero WhatsApp specifico direttamente dai loro dispositivi.

Aggiungi un attributo "href" con il numero WhatsApp di destinazione al testo (Contact us on WhatsApp) che aprirà l'app WhatsApp. Facoltativamente, puoi aggiungere un messaggio da inviare (This is a message) dopo "?text=". Ad esempio:

<a href="https://wa.me/+1234567890?text=This is a message">Contact us on WhatsApp</a>

Sostituisci "+1234567890" con il numero WhatsApp corrispondente.

Link a una parte specifica

Puoi creare un link che consenta agli utenti di saltare direttamente a una sezione specifica della tua landing page.

1) Aggiungi un attributo "id" all'elemento di destinazione (Section 1). Ti consigliamo di usare per l'elemento lo stesso nome dell'id (section1). Ad esempio:

<a id="section1">Section 1</a>

2) Aggiungi un attributo "href" usando l'id creato al passaggio 1 (#section1) al testo che porterà all'elemento di destinazione (Go to Section 1). Ad esempio:

<a href="#section1">Go to Section 1</a>

Incorporare un video

Puoi mostrare video di YouTube, Vimeo e altre piattaforme video online sulla tua landing page a condizione che abbiano un'opzione di incorporamento (tag "iframe"). Dopo averlo copiato, vai alla tua landing page e incolla il tag "iframe". Ad esempio:

Incorporare una mappa di Google

Puoi mostrare più mappe di Google cercando gli indirizzi in Google Maps, facendo clic su Share > Embed a map e copiando il tag "iframe". Dopodiché, vai alla tua landing page e incolla il tag "iframe". Ad esempio: