Come creare una landing page su Facebook

di: Ludus
Parole: 593 | Visite totali: 737

Una fan page su Facebook ha lo scopo di creare un contatto più diretto e continuativo coi propri clienti e di espandere il proprio raggio di attività in quello che in breve tempo è divenuto il più importante social network del pianeta.

Una pagina fan è uno degli esempi più comuni di marketing su Facebook e ha la stessa struttura del profilo personale, con una bacheca in cui scrivere il proprio status, inserire link o foto. In una fan page aziendale, o comunque professionale, è più opportuno mostrare una pagina di atterraggio, una vera e propria landing page che ha lo scopo di introdurre l'utente ai contenuti della pagina fan.

Creare una landing page per una pagina fan in 7 passi

Facebook permette la creazione di pagine personalizzate all'interno di una fan page. Per poter personalizzare una fan page è necessario poter scrivere codice HTML all'interno della stessa e questo è possibile grazie all'installazione di una particolare applicazione, che si chiama Static HTML.

1. Accedete al vostro account di Facebook.
2. Cercate tramite il motore di ricerca interno "Static HTML: iframe tabs".
3. Appena entrati nella pagina, cliccate sul bottone "Vai all'applicazione".
4. Nella finestra che comparirà troverete scritto "Aggiungere Static HTML: iframe tabs?"; nel menu a tendina che compare selezionate la vostra fan page.
5. Cliccate sul bottone successivo "Aggiungi Static HTML: iframe tabs".
6. Nella barra laterale della vostra fan page, a sinistra, comparirà il link "Welcome".
7. Cliccateci e scrivete il vostro codice HTML nel primo campo in alto (editor).

Questa applicazione vi dà la possibilità di mostrare due landing page, quindi due distinti messaggi promozionali, uno ai fan e uno ai non-fan. Se volete mostrare un'unica pagina di atterraggio, allora riempite soltanto il primo campo in alto, perché ciò che scriverete nel secondo campo sarà visibile solo ai fan.

Come scrivere il codice HTML nella fan page

Considerate l'editor come fosse un programma per la creazione di pagine web, ma in modalità codice.

Se farete uso di fogli di stile e di immagini, il file .css e tutte le immagini dovranno risiedere nel server del vostro sito e dovrete riportare nel codice HTML i collegamenti esatti, come negli esempi che seguono:

<link rel="stylesheet" href="http://www.nomesito.it/fb.css" type="text/css" media="all" />

<div id="logo"><img src="http://www.nomesito.it/logo.png" alt="Logo">

Due soluzioni per la landing page

Una landing page su Facebook può essere realizzata in due modi: tramite un'unica immagine oppure come una vera pagina web.

1. Immagine: si tratta di una landing page grafica. Potete creare una sorta di "locandina", un piccolo manifesto in cui scrivere, con l'ausilio delle immagini, il vostro messaggio promozionale. Vantaggi: potrete sbizzarrirvi con ogni fantasia grafica. Svantaggi: la vostra landing impiegherà più tempo per aprirsi.
2. Pagina web: si tratta di una landing page classica. Viene realizzata come una normale pagina web, quindi testo più immagini, colori di fondo e un foglio di stile che regola la tipografia della pagina. Vantaggi: la vostra landing sarà più veloce ad aprirsi. Svantaggi: dovrete conoscere bene il codice HTML e i CSS.

Informazioni sull'Autore

Luca Morandin scrive guide passo passo sul marketing su Facebook, la creazione di una list building di successo e su come generare traffico sul tuo sito.

Articolo scritto da Daniele Imperi.

Fonte: Article-Marketing.it

Ripubblica questo articolo gratuitamente nel tuo sito

Clicca all'interno dell'area e copia il contenuto evidenziato. L'articolo è così pronto per essere ripubblicato dove vuoi.

<h1>Come creare una landing page su Facebook</h1> <p>Una <strong>fan page su Facebook</strong> ha lo scopo di creare un contatto più diretto e continuativo coi propri clienti e di espandere il proprio raggio di attività in quello che in breve tempo è divenuto il più importante social network del pianeta.</p> <p>Una pagina fan è uno degli esempi più comuni di <a href="http://www.face-marketing.it/"><strong>marketing su Facebook</strong></a> e ha la stessa struttura del profilo personale, con una bacheca in cui scrivere il proprio status, inserire link o foto. In una <strong>fan page aziendale</strong>, o comunque professionale, è più opportuno mostrare una pagina di atterraggio, una vera e propria <em>landing page</em> che ha lo scopo di introdurre l'utente ai contenuti della pagina fan.</p> <h2>Creare una landing page per una pagina fan in 7 passi</h2> <p>Facebook permette la creazione di <strong>pagine personalizzate all'interno di una fan page</strong>. Per poter personalizzare una fan page è necessario poter s<strong>crivere codice HTML</strong> all'interno della stessa e questo è possibile grazie all'installazione di una particolare <strong>applicazione</strong>, che si chiama <em>Static HTML</em>.</p> <ol> <li>Accedete al vostro account di Facebook.</li> <li>Cercate tramite il motore di ricerca interno &quot;Static HTML: iframe tabs&quot;.</li> <li>Appena entrati nella pagina, cliccate sul bottone &quot;Vai all'applicazione&quot;. </li> <li>Nella finestra che comparirà troverete scritto &quot;Aggiungere Static HTML: iframe tabs?&quot;; nel menu a tendina che compare selezionate la vostra fan page.</li> <li>Cliccate sul bottone successivo &quot;Aggiungi Static HTML: iframe tabs&quot;. </li> <li>Nella barra laterale della vostra fan page, a sinistra, comparirà il link &quot;Welcome&quot;.</li> <li>Cliccateci e scrivete il vostro codice HTML nel primo campo in alto (editor).</li> </ol> <p>Questa applicazione vi dà la possibilità di mostrare <strong>due landing page</strong>, quindi due distinti messaggi promozionali, uno ai fan e uno ai non-fan. Se volete mostrare un'unica pagina di atterraggio, allora riempite soltanto il primo campo in alto, perché ciò che scriverete nel secondo campo sarà visibile solo ai fan.</p> <h2>Come scrivere il codice HTML nella fan page</h2> <p>Considerate l'editor come fosse un programma per la creazione di pagine web, ma in modalità codice.</p> <p>Se farete uso di fogli di stile e di immagini, il file .css e tutte le immagini dovranno risiedere nel server del vostro sito e dovrete riportare nel codice HTML i collegamenti esatti, come negli esempi che seguono:</p> <p>&lt;link rel=&quot;stylesheet&quot; href=&quot;http://www.nomesito.it/fb.css&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt; </p> <p>&lt;div id=&quot;logo&quot;&gt;&lt;img src=&quot;http://www.nomesito.it/logo.png&quot; alt=&quot;Logo&quot;&gt;</p> <h2>Due soluzioni per la landing page</h2> <p>Una landing page su Facebook può essere realizzata in due modi: tramite un'unica immagine oppure come una vera pagina web.</p> <ol> <li><strong>Immagine</strong>: si tratta di una <strong>landing page grafica</strong>. Potete creare una sorta di &quot;locandina&quot;, un piccolo manifesto in cui scrivere, con l'ausilio delle immagini, il vostro messaggio promozionale. Vantaggi: potrete sbizzarrirvi con ogni fantasia grafica. Svantaggi: la vostra landing impiegherà più tempo per aprirsi.</li> <li><strong>Pagina web</strong>: si tratta di una <strong>landing page classica</strong>. Viene realizzata come una normale pagina web, quindi testo più immagini, colori di fondo e un foglio di stile che regola la tipografia della pagina. Vantaggi: la vostra landing sarà più veloce ad aprirsi. Svantaggi: dovrete conoscere bene il codice HTML e i CSS.</li> </ol> <h2>Informazioni sull'Autore</h2> <p><p>Luca Morandin scrive guide passo passo sul <a href="http://www.face-marketing.it/">marketing su Facebook</a>, la creazione di una list building di successo e su come <a href="http://www.generaretraffico.com/">generare traffico sul tuo sito</a>.</p> <p><a href="/costi-article-marketing/">Articolo scritto</a> da Daniele Imperi. </p></p> <p>Fonte: <a href="http://www.article-marketing.it/" title="Article Marketing">Article-Marketing.it</a></p>