Ecco come inserire il modulo dei contatti che Blogger ci mette a disposizione in una pagina statica.
Anche se il form non deve comparire nella sidebar, dobbiamo comunque inserire il gadget affinché funzioni correttamente.
Quindi andate in Layout e scegliete il gadget Modulo dei contatti da 'altri gadget'
Per rendere invisibile il modulo all'interno della sidebar, aggiungete nel vostro CSS, negli stili del vostro blog questo codice:
#ContactForm1 {display:none;}
Create ora la pagina dei contatti, e nel campo HTML...+
...inserite il codice qui sotto
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
Nome
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
Email<span style='font-weight: bolder;'>*</span>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
Messaggio<span style='font-weight: bolder;'>*</span>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Invia'/>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'>
</p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'>
</p>
</form>
</div>
</div>Semplice, Semplice come sempre, ma se doveste avere problemi lasciate pure un commento!!!!
update 10/02/2018
Ho scritto un nuovo tutorial su come inserire e personalizzare il forma contatti nelle pagine di Blogger. Leggilo!
.jpg)
Oh grazie! Questa sera ci darò senz'altro un'occhiata con calma!!
RispondiEliminabrava Simona buona giornata!
RispondiEliminaFrancesca
Molto interessante...intanto me lo pinno ;D!
RispondiEliminaGrazie :D
EliminaGrazie Simona, ma a cosa serve esattamente?
RispondiEliminaEmanuela
Ciao Emanuela!
EliminaQuesto modulo dei contatti ti può servire se hai necessità di farti contattare direttamente dal tuo blog, in caso qualcuno voglia informazioni su creazioni o quant'altro presente nel tuo blog :)
grazie mille Simona :)
EliminaComplimenti per i 201 folowers!
RispondiEliminaGrazie ^_^
EliminaCiao Simona... Congratulazioni per i 200 follower... anzi, ne vedo 201! :)
RispondiEliminaAnch'io avevo visto il tutorial per mettere questo form di Blogger sulla pagina statica, ma chi si ricorda più dove... perciò stavolta mi pinno il tuo tutorial e ti ringrazio :D
C'è solo un "ma": l'ultima volta avevo lasciato perdere l'idea del form sul mio blog perché mi risulta che in Italia per legge è necessario mettere una spunta per permettere all'utente di acconsentire al trattamento dei dati, secondo l'articolo 13 del Decreto Legislativo n.196/2003. Infatti quand'ho messo il form nell'ultimo sito che ho realizzato ho cercato in lungo e in largo istruzioni per come fare, prima d'implementarlo.
Temo che sul form che ci propone Blogger questa opzione non ci sia: a te risulta? Magari si può anche dire "chissenefrega", ma personalmente su queste cose ho sempre una certa riserva...
Ad ogni modo, ancora congratulazioni e buon inizio settimana!
Grazie Silvia!!!
EliminaHai ragione! Non tutti l'utilizzano, ma per legge ora si deve fare... Io suggerirei di inserire semplicemente questa riga sotto:
Con l'invio del presente modulo acconsento al trattamento dei dati unicamente per la richiesta in oggetto. Consenso esplicito secondo il D.Lgs 196/2003.
e così tagliamo la testa al toro :D
Ecco, perfetto :D Meglio essere previdenti...
EliminaCiaooo ti ho scoperta in un tag sul blog di Elisha e visto che io sono imbranata con widget e grafiche erc posso solo che migliorare grazie al tuo blog. un bacino Eli
RispondiEliminaGrazie mille Elisa per i tuoi complimenti e benvenuta ^_^
EliminaOh! Simona, grazie, grazie, grazie di vero cuore!
RispondiEliminaCi sono riuscita ed è bellissimo!
Un grosso bacio!
Corro subito a vedere ;)
EliminaUn bacione!!!!
Grazie mille Silvia per l'informazione di cui non ero a conoscenza.
RispondiEliminaHo effettuato una riccerca in internet ed a quanto pare è propro così.
Ho provveduto ad aggiungere nella pagina dedicata la nota relativa al trattamento dei Dati personali.
Ho inserito anche nella pagina del form la modalità per acquisire tale nota e darne il consenso.
Un grazie a tutte voi!
Interessante!!!! Grazie Simona per il post e grazie per le notizie importanti inserite nei commenti che è sempre bene leggerli tutti.
RispondiEliminaciaoo,mi sn permessa di metterti fra i miei blog preferiti e di prendere uno widget per i commenti,grazie in anticipo!
RispondiEliminaInteressante questo post! Io ho inserito il mio modulo contatti attraverso un modulo di Google Drive creando una sorta di database dei messaggi che mi arrivano...
RispondiEliminaHo provato ad utilizzare il tuo metodo che mi sembra molto più semplice, solo che non riesco a modificare la larghezza delle aree di immissione testo: se modifico i parametri non mi cambia la dimensione... dove sbaglio?!?
Ciao Ottavia, perdonami se rispondo solo ora!!!
EliminaPer allungare lo spazio in cui inserire il testo ti basta aumentare il numero che trovi in 'input', ora settato a '30', per il corpo del messaggio devi aumentare il numero delle colonne definite come 'cols', ora settato a '25'.
Spero di essere stata chiara ^_^
Il problema è proprio quello... l'ho già fatto ma non succede niente! Mi cambia solo il numero delle 'rows' nel corpo del messaggio, il resto invece non cambia... :(
EliminaHo visto che sul tuo blog c'è il form contatti di Drive, vuoi modificare quello? Vorresti allargare lo spazio del nome e dell'email?
EliminaMantengo ancora il form di Drive perché ancora non riesco a risolvere...
EliminaIn realtà volevo utilizzare il tuo metodo, perché mi pare meno complicato e alla fine anche più personalizzabile a livello di impaginazione e di formattazione (ho la fissa per la personalizzazione xD ), l'unico problema è che mi piacerebbe allargare la zona del corpo del messaggio per adattarla meglio alla dimensione della pagina... ma non me lo fa!
In effetti non mi allarga neanche i campi di input, ma per quello pazienza...
Non mi va di farti perdere ancora tempo su questa cosa, anche perché tu sei gentilissima e mi dispiace assillarti più del dovuto, quindi se riesci a trovare il problema è fantastico, altrimenti non preoccuparti e lascia pure perdere, ti ringrazio comunque tantissimo per l'aiuto. ^_^
Non preoccuparti, non mi assilli :D
EliminaHo visto la larghezza, ti basta aggiungere questo codice infondo alla pagina dei contatti:
<style>
.contact-form-name, .contact-form-email, .contact-form-email-message {min-width:630px !important;}
</style>
FUNZIONAAAA!!!!!!
EliminaSei grande!!! Grazie mille! ^_^
sono felice!!! :D
Eliminafatto! in un attimo ho risolto mille dubbi, grazie!
RispondiEliminaMi fa molto piacere :D
EliminaGrazie a te ^_^
TOP
RispondiEliminaCiao, ho trovato molto utile il tuo articolo, e ho subito messo in pratica, volevo chiederti, è possibile fare uno sscambio link?
RispondiEliminaPuoi trovare il nostro antipixel sulla nostra pagina scambio link , e noi metteremo il tuo oppure ti linkeremo, come prefersicei, volevo chiederti questo ecco. Grazie per l'articolo.
Ciao! Grazie per il supporto :)
RispondiEliminapuoi dirmi o darmi il modo per centrarlo nella pagina e rendere bianche le stringhe?
Anna ^_^
Ciao Anna!
EliminaProva ad inserire, sia prima che dopo del codice del form, il tag center:
< center > ...codice forma... < /center >
Attenta però a scriverlo senza spazi nelle virgolette!!!
Io ho dovuto inserirli perché altrimenti non mi faceva pubblicare il commento ;)
Fammi sapere se ha funzionato.
A presto! :)
Ottimo! grazie funziona :)
Eliminainvece per rendere lo sfondo bianco come potrei fare?
Potresti lasciare il link alla tua pagina? Così mi verrà più facile aiutarti ;)
EliminaSì eccola!
Eliminahttps://misskdicinema.blogspot.com/p/blog-page_19.html
Ok, ho visto che prende il codice degli stili dal form del tema che hai installato, quindi per cambiare lo sfondo devi inserire questo codice qui sotto:
Elimina.entry-content .form input, .entry-content .form textarea {
background: #fff !important;
border: 1px solid #bbb;
}
.entry-content #ContactForm1_contact-form-submit {
background: #111 !important;
border: none;
}
Fammi sapere se funziona ;)
In questo non funzionava, ma ho risolto inserendo questa sezione di codice all'interno di questo: https://www.lacreativeroom.com/2018/02/personalizzare-e-inserire-gadget-form-contatti-in-una-pagina.html
RispondiEliminaGrazie del tuo velocissimo aiuto :)))
Ah perfetto allora 😍
EliminaGrazie a te!