CANVAS: come creare Landing Page in Facebook in modo semplice, veloce e gratuito

24 Febbraio, 2016 By Paolo Casini

Le Canvas sono una nuovissima funzionalità di Facebook che permette di creare delle Landing Page molto accattivanti con una semplicità disarmante, e oltretutto in modo totalmente gratuito!

Se sai già cosa sono le Landing Page (ovvero pagine web di “atterraggio”), e conosci già le strategie più efficaci per mettere a frutto Facebook, molto bene! Comprenderai subito l’importanza e l’utilità di queste nuove Canvas.

Se invece non sai bene di cosa sto parlando, ti consiglio di guardare queste guide al riguardo: 2 Strumenti da Fan a Clienti.

Giusto per metterti l’acquolina in bocca, ecco una gif animata che ti mostra una Landing Page Canvas in azione (perdona la qualità bassa ma è per renderla più leggera e veloce da caricare).

Ecco cosa vedrai in questa guida:

cosa sono le Canvas (con esempi concreti)
i limiti che hanno queste nuove Landing Page
i pregi e gli aspetti positivi
la guida passo passo per crearne una da zero
come attivare le Canvas se non le hai ancora
come aggirare i limiti
come sfruttarle per promuoverti usando le inserzioni pubblicitarie

Cosa sono le CANVAS

Come ti dicevo, questa è una nuova funzionalità creata da Facebook stesso, che permette di creare delle Landing Page (pagine di atterraggio) in modo gratuito ed estremamente semplice.

Le Landing Page sono delle pagine web che possono avere le funzioni più svariate ma in generale si pongono l’obiettivo di far arrivare delle persone, presentare loro qualcosa (offerta, prodotto, servizio) e incentivarle a compiere un’azione.

Puoi vedere alcuni esempi pratici di utilizzo andando in questa pagina.

Presentare adeguatamente la tua attività, le sue offerte e i suoi servizi, utilizzando uno strumento che permetta di concentrare un messaggio chiaro, preciso ed efficace per spronare gli interessati a diventare clienti potenziali o addirittura clienti paganti, è fondamentale.

Vediamo quindi insieme questa novità delle Canvas e come usarla in concreto per creare le tue Landing Page!

NB: maggiori dettagli e guida passo passo nell’articolo sotto!

Se vuoi sapere come sfruttare Facebook per acquisire contatti di clienti potenziali e trasformarli in clienti, dai uno sguardo a questo Corso con guide passo passo semplici e chiare come questa che vedi qui, con un taglio molto pratico e diretto per farti ottenere risultati concreti per il tuo Business grazie alla Pagina Facebook! wink

2 Strumenti da FAN a Clienti

I Limiti delle Landing Page Canvas

Come già sai ci sono "notizie buone" e "notizie cattive". Direi di toglierci il dolore e partire subito con quelle cattive, così ce le lasciamo alle spalle e in seguito ci concentriamo su quello che di buono e utile può darci questa nuova funzionalità di Facebook.

La prima cosa da evidenziare è il fatto che sono visualizzabili solo su dispositivi mobile (smartphone e tablet).

Non escludo comunque che in futuro possano allargarsi anche ai computer e quindi su desktop. Un esempio di questo tipo di evoluzione c'è stato su un'altra potentissima funzionalità introdotta nella piattaforma di Advertising, ovvero le Lead Ads (inserzioni per acquisizione di contatti di clienti potenziali)

Il secondo aspetto negativo riguarda il loro possibile utilizzo come Squeeze Page, ovvero come variante delle Landing Page che ha lo scopo preciso di catturare contatti di clienti potenziali.

Non è infatti possibile installare un form all'interno delle Canvas.

Il form è indispensabile. Se non c'è, come fa l'utente a lasciarti i suoi dati (nome, email, ecc...) e tu come fai a ricontattarlo?

Bhe, per fortuna c'è un modo per aggirare il problema, e dopo lo vedremo in dettaglio.

NB: è utile acquisire contatti email di persone interessate e quindi clienti potenziali, ma non ti servono a nulla se poi non hai una Strategia che ti permette di sfruttarli, coltivarli e pian piano trasformarli in clienti paganti.

L'ultimo aspetto "negativo" di queste Canvas è il fatto che l'editor per certi versi sia un po' limitato. Puoi fare tante cose e possono venire fuori delle Landing Page bellissime, ma ad esempio non si possono inserire elenchi puntati (bullet points) all'interno dei testi.

I pregi e gli aspetti positivi delle Landing Page CANVAS

Ok, ci siamo tolti un peso, e ora vediamo cosa di bello e di unico ti offrono queste Canvas.

La cosa più evidente è il fatto che hanno una velocità di caricamento praticamente istantanea.

Questo prima di tutto è un pregio dal punto di vista dell'utente, e di riflesso, un visitatore soddisfatto è un visitatore che è più facile da convincere, conquistare e convertire.

Se hai un po' di esperienza sul web, sai che normalmente le pagine web ci impiegano qualche secondo per caricarsi. Anche un solo secondo in più molto spesso vuol dire perdere un visitatore che, stufo di aspettare, esce dalla pagina.

La velocità di caricamento delle pagine del tuo sito è un fattore che quindi influenza sia il posizionamento su Google (sei penalizzato se il tuo sito è lento) sia i tuoi costi pubblicitari se sfrutti i Facebook Ads, AdWords o altre piattaforme pubblicitarie.

Se paghi per acquisire un visitatore (clic sul sito web) e poi questo abbandona la pagina perché non ha avuto una buona esperienza... stai buttando via i soldi!

Il secondo aspetto positivo è il fatto che, essendo una funzione di Facebook, è gratuita.

Tutti hanno (o dovrebbero avere a breve) questa funzionalità all'interno della propria Pagina Facebook e per usarla non serve pagare.

Se conosci il mercato e il business delle Landing Page e dei software e servizi che vi ruotano attorno, sai che hanno un costo. A volte sono 20€ al mese ogni mese, a volte 200€ pagamento unico, ecc...

Non sono estremamente costosi, ma non tutti hanno molto budget da spendere, e fra questi, altri "n" servizi da acquistare e pubblicità da pagare... 20€ di qua, 10€ di là, 100€ dall'altra parte... bhe, hai capito.

Ah, per non parlare se le pagine web te le fai creare da un professionista... lì i costi salgono alle stelle (giustamente).

Il risparmio è un aspetto da non sottovalutare, ovviamente senza andare a scapito dell'efficacia.

Il terzo aspetto positivo delle Landing Page fatte con Canvas, è la loro estrema semplicità di utilizzo e la velocità con cui si possono creare queste pagine di presentazione.

Non serve sapere assolutamente nulla di HTML, CSS, Javascript, siti web, domini, hosting, ecc... e come sempre, Facebook è riuscito a creare un processo chiaro e semplice che davvero chiunque può utilizzare da subito senza praticamente dover imparare nulla!

Lo vedrai tu stesso a breve quando passo passo costruiremo assieme la tua prima Canvas.

Guida passo passo per creare una Landing Page con Canvas

Mettiamoci all'opera e vediamo in concreto cosa devi fare se vuoi usare questa funzionalità.

Come prima cosa accedi alla tua Pagina Facebook e sul menu di amministrazione in alto, sopra alla copertina, clicca sulla voce "Strumenti di Pubblicazione".

Se anche tu hai questa nuova funzione abilitata, dovresti vedere la voce "Canvas" in fondo al menu di spalla a sinistra.

Se non c'è, nel giro di qualche giorno dovresti vederla anche tu. La funzione sarà sbloccata per tutti a livello mondiale.

In caso puoi provare ad utilizzare questo form per richiederne l'attivazione, oppure accedere al Power Editor, creare una campagna "Clic sito web", impostare nel Gruppo solo il posizionamento mobile, andare nell'Inserzione, scegliere l'opzione Canvas al posto dell'URL per il sito web, e crearne una usando il pulsante "+" a destra. Così dovrebbero sbloccarsi anche sulla Pagina FB.

Comunque, cliccando sulla voce "Canvas" che vedi nello screenshot sopra, vedrai comparire una tabella come questa:

dove all'inizio ci sarà una sola riga, quella del Canvas Tutorial.

Cliccando sul pulsante "View" a destra vedrai una schermata di esempio del pannello di gestione e creazione di una Landing Page.

Puoi uscire da questa anteprima e, cliccando sul pulsante blu "+ Crea" in alto a destra, inizierai a costruire la tua prima Landing Page Canvas.

In alto a sinistra puoi impostare il nome al tuo progetto, e subito sotto iniziano le sezioni degli elementi presenti in pagina nella Landing Page finale.

Tieni presente che le Canvas ragionano a blocchi orizzontali e che occupano un'intera riga. Nei dispositivi mobile, date le dimensioni ridotte e strette dello schermo, non si utilizzano più colonne in una stessa riga o posizioni particolari degli elementi. Sono semplicemente uno sotto l'altro.

La prima sezione è dedicata alla selezione del tema, che non è altro che la scelta del colore di sfondo della pagina.

Puoi impostarlo: bianco, nero o con un colore personalizzato (scegliendo da una tabella di colori).

Da qui in giù iniziano le sezioni dedicate ai veri e propri elementi. Se noti, ognuna ha in alto a destra una serie di comandi:

due frecce per spostare su e giù la sezione, per posizionarla dove vuoi all'interno della pagina, e un cestino per eliminare la sezione.

Header

Iniziamo dalla prima, quella della testata.

Questa è utile per inserire ad esempio il tuo logo. Tieni conto che risulterà molto piccolo, quindi funzionano meglio quelli rettangolari e piatti piuttosto che tondi e quadrati.

Le dimensioni consigliate sono 120 x 44 pixel, ma puoi caricare immagini fino a dimensioni 882 x 66 pixel (che riempirà tutto lo spazio della riga.

Se hai un logo quadrato, puoi inserire a lato il nome dell'azienda così da creare un'immagine lunga e stretta.

Questa sezione rimarrà sempre fissa e visibile in cima alla Landing Page, anche se l'utente scorre verso il basso.

Photo

La seconda sezione può essere ad esempio una foto o un'immagine.

Nel caso delle immagini hai varie opzioni di visualizzazione:

impostazione predefinita - l'immagine si adatta alla larghezza dello schermo, viene mostrata tutta e puoi impostarla cliccabile con un link

tocca per espandere - l'immagine si adatta alla larghezza dello schermo, quindi solitamente viene rimpicciolita, ma se l'utente la tocca, si apre a dimensione reale e può scorrerla

inclina per la visualizzazione panoramica - in questo caso l'immagine viene messa in modo che l'altezza occupi tutto lo schermo, tagliando le parti a destra e sinistra, ma se l'utente inclinerà il telefono lateralmente, vedrà scorrere l'immagine con l'effetto molto bello che hai visto nella gif animata in cima o nel video.

Le dimensioni delle foto a schermo pieno sono 1080 x 1920 pixel, oppure con larghezza fino a 3232 pixel per l'opzione "panoramica" (sempre altezza massima 1920 pixel).

Video

Nel caso tu voglia inserire un video, puoi utilizzare questa sezione.

Tieni presente che:

è consigliata una risoluzione di 720p
usa un formato MP4 o MOV
il primo fotogramma verrà usato come immagine anteprima del video (e non sarà possibile cambiarla)
la lunghezza del video non può superare i 2 minuti

Fra l'altro i video all'interno delle Canvas partiranno in automatico (autoplay) quando l'utente scorre fino a visualizzare la sezione dove si trovano, e si fermeranno quando scorrerà oltre.

Text

Un'altra sezione sicuramente da usare è quella per inserire del testo.

Come dicevo prima, i testi sono un po' limitati, ci sono pochi font a disposizione e non è possibile inserire elenchi puntati, però tutto sommato fanno il necessario.

Carousel

Una sezione molto bella da inserire è quella dei Caroselli (a tal proposito ti invito anche a dare un occhio alle inserzioni pubblicitarie a Carosello perché sono veramente molto efficaci per ottenere più risultati a costi molto inferiori).

Si tratta semplicemente di una serie di immagini in sequenza che l'utente può scorrere a destra e sinistra utilizzando il touch screen.

Le immagini possono essere anche associate a dei link che mandano a pagine web esterne, o usate come galleria e ingrandite se cliccate.

NB: tutte le immagini di un carosello devono avere le stesse identiche dimensioni.

Button

L'ultimo elemento che vediamo è quello per creare un bottone.

Puoi configurarlo personalizzando la scritta all'interno del pulsante, inserendo il link che rimanda ad una pagina web esterna, modificando il colore, scegliendo se farlo solo col bordo o riempito, e se tenerlo in fondo alla Landing Page o renderlo fisso in basso e sempre visibile anche quando l'utente scorre la pagina.

Ovviamente puoi inserire anche più bottoni. Specie se la Landing Page Canvas diventa molto lunga, puoi usare più call-to-action in punti diversi.

Ma come si fanno ad inserire più elementi in pagina?

In alto a sinistra nella schermata di creazione della Canvas trovi un pulsante con un'icona "+" e scritto sotto "Component", oppure trovi un link "+ Aggiungi Elemento" scorrendo in basso fino all'ultimo elemento della Canvas.

Se cliccati, entrambi apriranno questo popup sotto che ti permetterà di inserire ulteriori sezioni con:

testo
immagini e foto
video
carosello
pulsante
titolo (solo se non già inserito)

Salvare, visualizzare Anteprima, Finalizzare e Condividere

Mentre stai lavorando su una Canvas, sei ancora nella versione "Bozza" e non pubblicata.

In questo stato, hai in alto questo menu

con le funzioni:

Anteprima - che permette di inviarti una notifica sullo smartphone per vedere un'anteprima reale di come verrà la Canvas su un dispositivo mobile (utilizzabile solo dopo aver salvato)

Condividi - stessa cosa dell'anteprima, solo che in questo caso puoi inviarla anche alle altre persone con un ruolo sulla Pagina Facebook dove risiede la Canvas

Salva - per salvare le modifiche fatte sino a quel momento (se non ci sono modifiche è in grigio non cliccabile)

Fine - per concludere e creare definitivamente la Canvas rendendola pubblica (solo se è prima stata salvata)

Una volta che avrai aggiunto e impostato tutti i componenti della tua Canvas, che avrai salvato, che avrai visualizzato l'anteprima sul tuo cellulare per controllare se tutto torna e fatto eventuali modifiche correttive o migliorative, cliccando sul pulsante "Fine" nel menu in alto, ti comparirà questo avviso.

Se accetterai, renderai pubblica la tua Landing Page.

Tieni bene a mente (come ti dice l'avviso sopra) che una volta finalizzata la Canvas, non sarà più possibile modificarla.

Nel caso ti accorgessi di aver commesso un errore o se volessi migliorarla cambiando, aggiungendo, togliendo o spostando qualcosa, l'unica cosa che puoi fare è duplicarla.

Se accedi ad una Canvas già finalizzata e pubblicata, ti accorgerai che il menu delle funzioni in alto è cambiato.

Al posto di "Salva" e "Fine" ci sono:

Replica - che permette di clonare (o duplicare) la Canvas, così da poter fare i cambiamenti necessari e pubblicarne una nuova versione

Post della Pagina - per creare un post organico pubblicato sulla tua Pagina Facebook, che se cliccato aprirà la Canvas (visibile e utilizzabile solo da dispositivi mobili, da computer non si vede il post)

Ottieni URL - che ti fornirà l'URL link da usare se vuoi che le persone cliccandolo aprano la Landing Page Canvas

Ovviamente ricorda che se crei una nuova Canvas modificando la copia di un'altra, gli URL e i riferimenti saranno diversi.

Dovrai quindi creare un nuovo post o sostituire la Canvas selezionata nelle tue inserzioni pubblicitarie, per fare in modo che le persone se clicchino vadano sulla nuova versione.

Come creare un POST con una Canvas

Come vedi dalla penultima immagine della sezione precedente di questa guida passo passo, Facebook ti dà due opzioni, usare il link URL o creare un post al volo usando il "Post della Pagina".

Pubblicare il post sulla Pagina non è un problema perché su computer desktop tale post non comparirà (non essendo utilizzabile e funzionante). Sarà visibile solo su dispositivi mobili. Tu lo vedrai anche da PC ma solo perché sei amministratore della Pagina Facebook.

Ovviamente ti consiglio comunque di creare delle inserzioni che portino traffico a queste Landing Page, altrimenti con la visibilità organica si otterrà ben poco e non sfrutterai il lavoro fatto.

Vediamo prima la cosa più semplice: creare il post della Pagina Facebook con la Canvas.

Al 99% l'anteprima creata da Facebook in automatica sarà orrenda, quindi ti consiglio di preparare la tua immagine (600 x 338 pixel o uguale proporzione) e inventarti un titolo.

Cliccando l'apposito pulsante nel menu, Facebook creerà l'anteprima del post e da lì potrai modificare l'immagine, personalizzare il testo del titolo e aggiungere il testo del post così da ottenere esattamente l'effetto desiderato.

Per modificare il titolo basta che ci clicchi sopra e digiti.

E qui sotto un esempio finale di un post ottimizzato:

Comunque promuoverle a pagamento con degli annunci pubblicitari è sicuramente il modo migliore per sfruttare queste Landing Page al massimo (che poi vale lo stesso discorso anche per le classiche fatte da servizi terzi), e anche in quel caso puoi personalizzare immagine e titolo del post.

Come usarle al meglio

Da quello che hai visto puoi capire che un aspetto predominante di queste Canvas sono le immagini (e anche i video). Per essere di grande impatto devono essere molto visive, quindi è fondamentale utilizzare foto professionali.

Chiaramente sono un'occasione d'oro per quei business che sono molto visuali come ad esempio quelli che operano in settori inerenti l'arredamento, la moda, il turismo, la fotografia, ecc... in questi casi si possono far venire fuori delle Landing Page veramente bellissime.

Anche i negozi e le attività fisiche sul territorio possono sfruttare queste Canvas ad esempio creando caroselli di prodotti e sfruttando immagini del locale.

In questi casi puoi sfruttare le immagini per renderle cliccabili e magari direzionare l'utente in diverse sezioni del tuo sito a seconda dell'interesse dimostrato nella Canvas.

Negli altri casi, come ad esempio il nostro dei professionisti, dove non c'è realmente qualcosa di visivo e di facilmente rappresentabile tramite immagini e foto, può essere un po' limitante ma si possono comunque creare delle Landing Page carine ed efficaci.

Magari proprio in questi giorni, dato che hai visitato il mio sito, ti capiterà di vedere una di quelle che ho creato io e che sto sperimentando wink

Sfruttare le Canvas Landing Page con le Pubblicità su Facebook

Come dicevo, se vuoi veramente sfruttarle, devi creare degli annunci pubblicitari.

Ora che le hai abilitate, andando nel Power Editor, potrai sfruttarle per le campagne con obiettivo "Clic sul Sito Web".

Per far comparire l'opzione ricorda che:

devi impostare la Pagina dove hai la Canvas
devi usare da solo il posizionamento Sezione Notizie dispositivi mobili
e devi selezionare l'opzione dell'inserzione con una immagine sola

Oltre al normale URL di una pagina web, puoi scegliere se utilizzare una Canvas già creata (o crearne una al volo).

Da qui potrai personalizzare l'aspetto del post che apre la Canvas.

Il post che ne verrà fuori sarà diverso dal solito, e avrà delle caratteristiche uniche.

L'immagine è la stessa di una campagna "Clic sul link", ma nella parte sotto comparirà un pulsante tondo con una freccia e un invito all'azione ("tocca per espandere" non visibile in questa anteprima).

La parte sotto ha un breve titolo centrato ed è priva di descrizione.

Al tap, l'utente vedrà espandersi istantaneamente la Canvas Landing Page che hai creato.

Come aggirare alcuni limiti delle Canvas

All'inizio ti parlavo del limite che ad esempio non permette di inserire bullet points (elenchi puntati) nel testo. Per aggirarlo ti basta semplicemente creare i tuoi elenchi in un editor di testo e poi fare uno screenshot dell'elenco e usare una sezione immagine delle Canvas per inserirlo. Ecco un esempio:

E per quanto riguarda i form e quindi la possibilità di usare le Canvas come sistema per acquisire contatti di clienti potenziali (Lead Generation)?

Anche qui è molto semplice.

Solitamente tutti gli Autoresponder (servizi che insegno ad usare qui assieme ad altro) ti permettono di creare i form per inserire persone nelle tue liste, e tali form vengono pubblicati su delle pagine web gratuite che ti genera l'autoresponder stesso.

Ad esempio io uso ActiveCampaign che mi crea una pagina vuota con il form.

Ti basta prendere l'URL di questa pagina e inserirlo nel pulsante dentro la tua Landing Page fatta con Canvas.

In questo modo l'utente vede la presentazione e, se convinto, per ricevere ciò che hai promesso in cambio del suo contatto, clicca sul pulsante arriva dritto sul form, lo compila e lo catturi.

Il Prossimo Passo

Oggi abbiamo visto una nuovissima funzionalità di Facebook chiamata Canvas e come puoi utilizzarla per promuovere la tua attività creandoti delle Landing Page accattivanti ed efficaci.

È uno step fondamentale da capire e uno strumento utile da utilizzare, ma se ti interessa imparare ad acquisire contatti di clienti potenziali grazie a Facebook e poi coltivarli e farli diventare dei clienti paganti che acquistano i tuoi prodotti o servizi, allora ti serve una guida come questa!

Ti mostrerò nella pratica con video guide passo passo e tramite eBook come utilizzare in modo concreto e facile 2 Strumenti per creare una Strategia per portare risultati tangibili per il tuo Business grazie a Facebook!