Aggiornamento 17.08.2023
Ho risolto il problema della visualizzazione del form contatti in tutte le pagine. Ora sarà visibile solo nella pagina in cui inserirai il codice. 😊
Non ricordo neanche più quando è stata l'ultima volta che ho pubblicato un
tutorial per migliorare la grafica dei templates di Blogger. Di certo è
passato molto tempo, e visto che la causa è stato il lavoro, beh direi che non è
stato per niente un male.
Oggi voglio farti un regalino: il codice per
inserire nella pagina del tuo blog il gadget form contatti di Blogger.
Il risulato sarà quello che vedi qui in basso.
Per inserire il codice:
- vai nella tua pagina contatti
- scrivi in modalità HTML
- copia e incolla il codice che trovi nel file di testo
Ricordati che puoi inserire gli stili così come sono nel file, oppure puoi incollarli nel tuo CSS, ma senza il tag "style" (se non sai come fare leggi come inserire i codici nel tuo CSS)
Per cambiare il colore del tasto 'invia' ricordati di modificare il codice del background, inserendo quello del tuo colore del brand o quello che preferisci.
...
background: #000;
...
}
Se invece preferisci cambiare la scritta all'interno del campo 'input', devi modificare nell'HTML ciò che si trova fra virgolette alla voce placeholder.
Se dovessi avere problemi di inserimento o di visualizzazione scrivilo pure nei commenti.
Se ti va, lasciami il tuo link alla pagina se usi questo breve tutorial, così potremo tutti venire a sbirciare e magari condividi il post :)
Per far sì che funzioni nella pagina, devi inserire il gadget del modulo
contatti da LAYOUT
(la posizione è indifferente, nel mio caso comunque l'ho inserita nella
sidebar, in fondo), vai poi in MODIFICA HTML, cerca il codice del gadget ContactForm e
inserisci:
cond='data:blog.url == data:blog.canonicalHomepageUrl +
"p/TUA-PAGINA.html"'
così come vedi nell'immagine sottostante. In questo modo gli imporrai la
condizione di essere visualizzato, e utilizzato in modo corretto, solo nella
pagina in cui hai inserito il form dei contatti.
.jpg)
Grazie Simona, ho scaricato e creato "Contatti", ora l'ho nascosto in quanto mi ha dato tutte le barre nere...cmq l'ho nascosto in attesa di risolvere un problema sorto con Blogger; non riesco a venirne a capo, il mio blog "Colazione da Jo" va e viene dando pagina di errore...se ricarico la pagina torna, ma spesso fa crash, sono disperata, non so più a chi rivolgermi per risolvere questo dilemma!
RispondiEliminaCiao Jolanda!
EliminaAllora ho visto il tuo codice e ti dà errore perchè entra in conflitto con un codice già esistente.
Se hai incollato il codice direttamente nella pagina contatti, per risolvere il problema ti mostrerò come fare in una breve diretta sul mio account ig @lacreativeroom.
Così mi sarà più facile aiutarti, ma ho bisogno che tu mi dia il permesso di mostrare il tuo blog :)
Ciao Simona, io sono pronta, so che tu lavori... possiamo fare domani pomeriggio per risolvere quel problema.
RispondiEliminaPer il permesso che mi chiedi ok!
Ciao Jolanda, certo! Domani ci sentiamo su direct di instagram prima ;)
EliminaCiao, molto carino questo tutorial! L'ho provato in un blog ma vedo che il modulo contatti viene visualizzato anche nella sidebar, oltre che nelle pagine: è normale? C'è un modo per nasconderlo dalla sidebar? grazie ^_^
RispondiEliminaCiao! Grazie Sara! Hai scritto bene la condizione cond='data:view.isPage' come nella foto?
EliminaFammi sapere :)
Questo commento è stato eliminato dall'autore.
EliminaMi pare di sì: scrivo qui la stringa eliminando la chiusura finale, altrimenti vedo che non me la pubblica:
Elimina<b:widget cond='data:view.isPage' id='ContactForm1' locked='false' title='Modulo di contatto' type='ContactForm'
È strano perché non dovrebbe comparire... Aspetta... Ma tu lo vedi nel pannello Layout? Perchè lì è normale che si veda!
EliminaNel tuo blog infatti non vedo il gagdet!
Il form non è nel mio blog personale ma in questo: www. mentaeliquirizia .com
EliminaIl widget si vede in tutte le pagine tranne che nella home (e nei post, ma perché quelli non hanno la sidebar)
Ho fatto la prova su un altro blog e non mi da problemi. Probabilmente c'è qualcosa che non va nella scrittura del codice.
EliminaRiesci a copiare e incollare qui tutta la riga del widget ContactForm1?
Ti ho inviato una mail :)
EliminaHai fatto benissimo! Ti ho già risposto :*
EliminaCiao ho anche io lo stesso problema su di un blog appena creato. mi puoi aiutare? non capisco perché resta in tutte le pagine tranne che nella home
EliminaCiao Faby! Se non funziona prova a forzare il codice aggiungendo al tuo CSS:
Elimina.sidebar #ContactForm1 {display:none;}
Fammi sapere se ha funzionato :*
ciao! sto provando anche io, fatto tutto correttamente, non funziona neanche questa ultima stringa aggiunta al css sulla pagina dedicata al modulo di contatto.
EliminaIl modulo si vede in tutte le pagine, in fondo (pie di pagina), tranne sull'home page.
ciao Vale scrivimi via mail (nella pagina contatti) così mi dai il link al tuo blog e vedo di capire come mai accade, anche perché io uso lo stesso codice.
EliminaCiao Simona! Stesso problema. Ti riporto i passaggi: 1) in Layout ho attivato il Gadget nativo "Modulo di Contatto"; 2) ho apportato la modifica all'html del blog come da te indicato perché il gadget sia visualizzabile nella pagina e non in home page; 3) ho creato un post nella pagina inserendo il tuo codice. Con la home page è tutto ok mentre, invece, nelle pagine del mio menù mi compare sempre il gadget nativo (ovviamente nella pagina dedicata ai contatti mi ritrovo sia il gadget nel modello da te proposto che il gadget nativo). Come fare?
EliminaCiao! Ho modificato il codice, per favore ripeti il passaggio della condizione nel codice HTML. Ho testato il codice qui nel mio sito e funziona correttamente! Fammi sapere se hai ulteriori problemi :)
EliminaFunziona perfettamente! Grazie mille!
EliminaCiao Simona,
RispondiEliminaho inserito il codice del form contatti nella barra laterale, il modulo si vede però non invia niente.
Mi potresti dire qualcosa in merito?
Questo è il blog: https://incontraregesu.blogspot.com/
Grazie e tanti saluti.
Giuseppe
Ciao Giuseppe, intanto benvenuto nel blog, e grazie per aver lasciato un commento :)
EliminaHo dato uno sguardo al tuo blog e, dato che probabilmente hai tolto il gadget, non riesco a vedere quale potrebbe essere il problema.
Parto intanto dalle domande di base:
- hai modificato il codice del widget nell'HTML?
- hai creato la pagina dei contatti e inserito lì il codice per visualizzare il form contatti?
Gent.ma Simona,
RispondiEliminagrazie per la tua risposta.
Ho reinserito la pagina con il tuo codice.
Lo puoi vedere qui: https://incontraregesu.blogspot.com/p/contatti.html
Il codice è copiato dal link che hai segnato.
Dai un'occhiata tu.
Grazie per la tua disponibilità.
Tanti saluti.
Ok, a me sembra perfetto! Hai fatto una prova ad inviarti un messaggio?
EliminaAnche se non vedi un messaggio di conferma, il sistema di Blogger invia ugualmente il messaggio verso l'email di iscrizione a Blogger.
Grazie Simona per la risposta.
RispondiEliminaHo provato è non arriva niente.
Puoi provare tu ad inviarmi un messaggio?
Scusa Simona sono stato sbadato: non ho completato le tue istruzioni.
RispondiEliminaDevo modificare nel HTML.
Grazie lo stesso.
Niente da fare, non esiste nel HTML il gadget FormContact1.
RispondiEliminaSembra che con questo template non si può istallare il form, neanche dai gadget.
Ho provato ad inserirlo nella barra laterale, si vede, però non arriva niente lo stesso.
La cosa strana è che il modulo c'è come gadget da poter inserire, ma non esiste nel HTML.
Dunque il widget esiste, e lo trovi come ContactForm1, cercalo e inserisci cond='data:view.isPage' come da ultima immagine nel post.
EliminaInoltre ti consiglio di spostare (dal pannello Layout) il widget in fondo a tutti gli altri :)
Vedrai che così funzionerà!
Ok grazie ora provo.
RispondiEliminaGent.ma Simona,
RispondiEliminascusa se ti disturbo ancora.
E' qualcosa di strano: ho provato dal mio cellulare ed ho ricevuto il messaggio, mentre usando il mio computer non ricevo niente.
Potresti provare ad inviare tu un messaggio, così vedo se è qualcosa che ha a che fare forse con il browser?
Guarda, se da cellulare funziona sicuramente avrai un problema dal tuo browser...
EliminaComunque ora provo ad inviarti un messaggio.
Grazie Simona,
RispondiEliminaho ricevuto il tuo messaggio.
Non so veramente da cosa dipende, ho provato anche da un altro pc e non ricevo niente lo stesso.
Può essere che è il browser Crome.
Tu che browser hai usato?
Io ho utilizzato Firefox, ma è la prima volta che sento di problemi così, anche perché da mobile ti funziona correttamente.
Elimina... si, ed anche lì ho Crome!?
RispondiEliminaciao Simona,
RispondiEliminail modulo funziona da pc ma facendo una prova dal mio cell (iphone7) premendo invio non succede nulla... :-((
Ciao Fabrizio, ho visto che hai 2 form contatti: uno in un post presente ora in homepage, l'altro in una pagina.
EliminaQuale non funziona? Perché comunque, solitamente, funziona nelle pagine con questo codice.
Ciao grazie molto utile
RispondiEliminaGrazie a te 🤗
EliminaCiao Simona, nel caso in cui volessi inserire una stringa aggiuntiva per il numero di telefono ho provato, brutalmente, a duplicare quella del nome e a modificarne il contenuto in modo che esca "il tuo numero di telefono". Ho però notato che in occasione dell'invio della mail di notifica il contatto telefonico non viene trasmesso e, di fatti, a fronte dell'invio, tutti i campi del modulo vengono azzerati eccetto quello del numero di telefono che rimane compilato. Come potrei fare?
RispondiEliminaCiao! Purtroppo aggiungere nuovi campi al form contatti poiché questi codici hanno bisogno di uno script per poter funzionare. Lo script di questo form è di proprietà di Google, quindi non visibile nel nostro codice. Se per te è proprio necessario, puoi specificare di inserirlo nel testo della pagina contatti.
EliminaBuongiorno io ho questo blog nato sfortunato.Dopo aver perso l'accesso ho perso tutti i followers del precedente blog-
RispondiEliminaI miei amici mi dicono che non possono accedere al mio blog altri invece (16)lo hanno fatto.Non capisco il motivo.Aiutami
Questo è il mio blog:https://unagerladidee.blogspot.com/
Grazie
Ciao! È difficile capire la motivazione per cui i tuoi amici non riescono ad entrare. Io sono riuscita senza problemi.
EliminaForse quei tuoi amici che non riescono ad entrare hanno un blocco per i cookies di terze parti, e in questo caso dovrebbero toglierlo dal loro browser.
Questa è solo un'ipotesi, purtroppo questo tipo di problemi non rientra nelle mie competenze. Mi spiace 🧡
grazie mille.
Elimina