Header Ads

Come fare una pagina di contatto

L´organizzazione di un blog prevede non solo una bella grafica ,ma tutti i link (controllateli sempre) collegati e pagine statiche curate. Oggi parleremo come fare una pagina di contatto in una pagina statica. Pochi passi ed anche noi avremmo un form contact come quelli dei siti professionali. Se non siete ancora convinti potete dare un occhiata alla mia nuova grafica della pagina dei contatti qui.
Credo che sia opportuno oltre avere la mail di contatto anche un piccolo formulario cosi´ da non far dilungare  il lettore sempre di fretta che vuole contattarci,ma non vuole rimanere piu´ di mezz´ora incollato alla sua sedia per scrivere una mail.
Quindi aiutiamo il nostro lettore con piccoli menu´ a tendina e facciamo selezionare risposte alle domande relative al nostro blog.
Oggi per la rubrica Nerd zone ci serve il sito che condivido con voi  per creare il form contact,creativita´,una bella tazza di caffe´ed una manciata di minuti.
Siete pronti???
Jotform ci da una bella mano piu´ di mille template aspettano solo voi.  E´ gratuito non serve registrarsi per accedere al pannello di design al momento del completamento del nostro modello dobbiamo inserire la nostra mail senno´ il foglio di contatto non funziona.
Detto cio´ andiamo ad aprire il pannello di Jotform e costruiremo insieme un template contact.
Il sito e´ molto intuitivo possiamo creare direttamente da un foglio bianco o dai templari che ci sono a disposizione.
Importante
1. Inserire adesso la vostra mail cosi´ che il form contact si attivera´.Ogni talvolta che un lettore vi scrive il messaggio sara´ recapitato sulla vostra casella di posta.
2.Ringraziamo il lettore che ci scrive qui ci sono tre possibilita´, inserire un messaggio di ringraziamento o riindirazzarlo nella nostra homepage.
3.Codice embed ci servira´ per copiare ed incollarlo nella nostra pagina statica cosi´ andiamo a creare il nostro contatto.
4. Preferenze di caratteri,spaziatura,grassetto ed altro ancora.
Trovo molto interessante anche il fatto che possiamo scegliere il colore di sfondo e non il solito bianco.
A questo punto ci resta che creare una  intestazione passare il codice embed ed unire i due disegni nella nostra pagina.
1. il template creato
2.intestazione creare un foglio trasparente 842px100px per i piu´ bravi potete sbizzarrirvi con le misure cambiandole poi anche nel template.
3. codice embed ce lo fornisce il sito direttamente
4. uniamo i disegni con una stringa da mettere appena sopra il codice embed fornito dal sito.

<div style="background: url(Url_intestazione) no-repeat; padding-bottom: 70px; padding-left: 0px; padding-right: 0px; padding-top: 100px;"> chiudere con </d> tutto il codice
a questo punto nella pagina statica abbiamo questo modello creato da noi che ci servira´ per metterci in contatto con i nostri lettori.


Se vuoi utilizzare la mia intestazione basta salvare l´immagine e trovarne l´Url con tinypic.

enjoy!

2 commenti:

  1. Grazie per il tutorial!
    Devo cominciare a spulciarmi qualche tuo vecchio post per migliorare il mio blog, che ne ha veramente bisogno... Credo che con il tuo aiuto ce la farò!
    Daniela - Mani di Dani

    RispondiElimina
    Risposte
    1. Grazie sono contenta che ti puo´ tornare utile :)

      Elimina

Powered by Blogger.