Questa sezione Domande e Risposte non viene più utilizzata. Per domande di supporto scrivi direttamente nel campo che trovi sotto ogni video lezione.
Anonimo ha scritto 9 anni fa
Ciao Lorenzo,
ti chiedo una cortesia di supporto codice su contact form 7.
Il funzionamento è chiaro. lanosa che mi risulta pressoché impossibile è la formattazione personalizzata del layout form, però non capisco una cosa:
Io creo un nuovo form e mi compare questo esempio:
<p>Il tuo nome (richiesto)<br /> [text* your-name] </p> <p>La tua email (richiesto)<br /> [email* your-email] </p> <p>Oggetto<br /> [text your-subject] </p> <p>Il tuo messaggio<br /> [textarea your-message] </p> <p>[submit "Invia"]</p>
Io però avrei bisogno che gli input text (solo di questo form) avessero delle classi personalizzate (per ottenere bordi arrotondati, colori background ecc…)
Io creo la classe a CSS, ma come faccio a dichiarare la classe nel tag? Se volessi agire con campi input affiancati, (float), dove lo devo dichiarare?
Infine un’ultima domanda: Se inserisco l’accettazione alla privacy e quest’ultima è inserita in un pop-up che appare cliccando sulla parola “PRIVACY”, significa che a codice devo inserire il tag <a>privacy</a>, ma gli script del pop-up come li stabilisco?
Quando un cliente poi deve gestirsi in autonomia queste cose (aggiunta di campi sul form ecc…), deve impararsi per forza il codice o esiste una sorta di “form builder” dove lui può cliccare le icone desiderate e il codice si compone da solo?
Grazie
Lorenzo Staff ha risposto 9 anni fa
Ciao,
quante domande! Cerco di procedere per punti, spero non mi sfugga niente.
Puoi targhettizzare i campi di input a tuo piacimento. Guarda il corso HTML e CSS che poi queste cose ti saranno automatiche.
Per esempio
<p class="modulo">Il tuo nome (richiesto)<br /> [text* your-name] </p> <p class="modulo">La tua email (richiesto)<br /> [email* your-email] </p> <p class="modulo rosso">Oggetto<br /> [text your-subject] </p>
con css:
p.modulo input { ... definizione delle proprietà css ... }
p.modulo.rosso input { color:#990000; }
Come vedi puoi arrivare a comandare elementi annidati grazie al fatto che l’html e i css seguono l’ordine gerarchico.
Avresti potuto anche fare:
<div class="modulo"> <p>Il tuo nome (richiesto)<br /> [text* your-name] </p> <p>La tua email (richiesto)<br /> [email* your-email] </p> <p class="rosso">Oggetto<br /> [text your-subject] </p> </div>
Con css:
.modulo input { ... definizione delle proprietà css ... }
.modulo .rosso input { color:#990000; }
guarada queste lezioni
e anche le altre. Tutte le soluzioni le trovi lì.
Per quanto riguarda invece l’ultima domanda, dove chiedi come fare gestire a un cliente tutto ciò in autonomia. Purtroppo c’è la miscrendenza che fare web sia semplice e non ci sia bisogno del minimo know how. Allora, che sia semplice e alla portata di tutti, anche per non tecnici, questo è vero, ma che basti pensare a una cosa per vedersela realizzata, questo è sbagliato. Delle nozioni ci vogliono, quindi ti trovi davanti a due strade.
Se il cliente vuole fare da solo, ma poi fa i pasticci, allora quando ti chiama per sistemarli ti fai pagare.
Se il cliente vuole fare da solo, ma prima giustamente ti chiede formazione, allora o ti fai pagare o altrimenti in fase di preventivo gli metti fuori un’appuntamento per dargli la formazione necessaria a fare da solo.
Se invece il cliente non ne vuole sapere, allora gli puoi fare un contratto di assistenza mensile o annuale che sia, ma miraccomando stendi nel contratto dei paletti, altrimenti può essere il tuo budget ad essere “impalato”.
La fase di accounting di ogni progetto è quella che detiene le redini fra produzione e cliente, quella che può fare diventare un progetto di profitto o condannarlo alla perdita per poche parole dette o peggio non scritte.
Ah, dimenticavo. Abbiamo pubblicato nel corso Moduli di Contatto una nuova serie di lezioni. Andiamo a spiegare il plugin Ninja Form che, come potrai vedere, è molto più “layout builder” di Contact Form 7.
Spero di esserti stato d’aiuto.
Buona giornata
