Riassunto AI
Stiamo lavorando sodo per aggiungere tutte le funzionalità e i miglioramenti richiesti in WPForms. Se tutto va secondo i piani, ci saranno due aggiornamenti importanti questa settimana. Ecco le novità in WPForms 1.1.4.
Duplica un Modulo con 1 Clic
Molti di voi hanno chiesto un modo semplice per duplicare i moduli. Ora puoi facilmente duplicare i moduli con 1 clic.
Vai semplicemente alla schermata dei moduli, posiziona il mouse sul modulo che desideri duplicare e fai clic sul pulsante duplica.
So che i nostri modelli di moduli rendono molto facile creare nuovi moduli WordPress. Questa funzionalità sarà ancora più potente perché ora puoi duplicare quei moduli.
Prima ancora che tu lo chieda, sì, stiamo lavorando a un modo semplice per creare i tuoi modelli di moduli personalizzati. Anche se c'è un modo per farlo anche ora (richiede solo un po' di codice).
Stili Pulsante di Invio
WPForms ti permetteva di aggiungere CSS personalizzato a tutti i campi di input tranne il pulsante di Invio. Non siamo sicuri di come ci sia sfuggito, ma grazie per avercelo segnalato.
In questa versione, ora hai la possibilità di aggiungere stili CSS personalizzati al tuo pulsante di Invio.
Fai semplicemente clic sul pulsante di Invio e verrai portato alla schermata delle impostazioni dove potrai aggiungere la tua classe CSS personalizzata.
Miglioramenti + Correzioni Bug + Cosa Succede Dopo
Oltre a queste due nuove aggiunte, abbiamo anche corretto alcuni bug minori e aggiunto miglioramenti alle funzionalità esistenti.
Abbiamo in programma di rilasciare la v1.1.5 più tardi questa settimana, che ti permetterà di esportare le voci del tuo modulo, reinviare le notifiche via email e un'interfaccia utente molto migliorata per le pagine di singola voce.
La prossima settimana, lanceremo la nostra integrazione GetResponse e altre due fantastiche funzionalità.
Cerchi un costruttore di moduli WordPress drag & drop? Ottieni WPForms oggi e sblocca tutte le fantastiche funzionalità.
Ciao,
Mi piace molto WPForms, ma ho problemi a cambiare il colore del pulsante. Vorrei cambiare il colore del pulsante in #292929 e il colore del testo in #ffffff. E vorrei che il colore del pulsante al passaggio del mouse fosse #444444 e il colore del testo di nuovo #ffffff. Non voglio cambiare la dimensione, la forma o il carattere del pulsante. Ho provato vari approcci CSS, ma i colori del pulsante non sono cambiati. Quale codice CSS specifico dovrei aggiungere al campo "Submit Button CSS Class" per ottenere questi colori?
Ciao David,
Aggiungi semplicemente una classe CSS al tuo pulsante di Invio. Diciamo che la chiami: wpf-custom-button
Poi nel tuo file CSS aggiungi quanto segue:
.wpf-custom-button{ background: #292929 !important; color: #fff !important; }.wpf-custom-button:hover{background: #444 !important}Sto usando questo codice CSS personalizzato per cambiare l'aspetto del pulsante di invio ma non ha alcun effetto sull'aspetto.
.wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }
Ciao
Puoi insegnarmi come cambiare il colore di sfondo nel modulo?
Grazie mille
Ftim
Ciao Bonnie! Ci sono un paio di modi per personalizzare i tuoi WPForms.
Uno è con il plugin CSS Hero, che non richiede codifica – basta puntare e cliccare. Puoi vedere la nostra guida su come personalizzare WPForms con CSS Hero qui.
Puoi anche personalizzare i tuoi moduli da solo usando CSS. Abbiamo un post su come personalizzare i tuoi moduli di contatto con CSS qui.
Per cambiare lo sfondo di tutti i tuoi moduli, puoi usare un po' di CSS come questo:
.wpforms-form {background-color:black}Il post collegato sopra ha altri esempi e istruzioni su come farlo. Spero che aiuti! Non esitare a contattarci se hai altre domande 🙂
Salve,
Non voglio cambiare il colore di sfondo ma il testo della descrizione della casella di testo. Cioè: Nome, cognome, ecc…
Per favore, aiutami.
Ciao Andrew,
Puoi selezionare la descrizione della casella di testo usando il selettore CSS
.wpforms-form label. Puoi consultare il nostro post sul blog su come personalizzare i tuoi moduli di contatto con CSS per istruzioni dettagliate ed esempi. Non esitare a contattarci se hai bisogno di supporto 🙂C'è un modo per centrare il pulsante di invio?
Ciao Arnold,
Ottima domanda, ed ecco il CSS di cui avresti bisogno per farlo:
div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; }L'unica cosa da notare è che questo CSS centrerà il pulsante di invio su tutti i WPForms del tuo sito. Se preferisci applicare questo stile solo a un modulo specifico, puoi scoprire come farlo in questo tutorial (sotto la sezione 'Come personalizzare i design dei tuoi moduli di contatto', vedi Metodo 2).
Spero che questo aiuti! 🙂
Grazie, è fantastico!
Stavo cercando di centrare il div sbagliato...
Ciao Arnold,
Prego, felice di aiutare! Buona giornata 🙂
Ha funzionato per me–>>Grazie!!!
Sono molto felice che questo abbia funzionato per te, Bryan — e grazie per aver dedicato del tempo a farcelo sapere!
Buona giornata 🙂
Voglio solo tre campi per il mio modulo e sono obbligatori, ma il modulo aggiunge un campo extra casuale in fondo ed è diverso ogni volta che ricarico la pagina, di solito quello dei tre che ho già scelto. Che succede?? Come si risolve? Grazie
Ciao Lena,
In base alla tua descrizione, sembra che il nostro campo honeypot sia visibile. Il nostro campo honeypot normalmente non è visibile agli umani — tuttavia, i bot di spam possono vederlo. Quindi, quando un campo honeypot viene compilato in un modulo, sappiamo che si tratta di un bot di spam e possiamo impedire l'invio dell'inserimento.
Come ho detto, però, questo campo non dovrebbe essere visibile agli umani. Quindi, molto probabilmente il tuo tema sta applicando una CSS che rende accidentalmente visibile questo campo. Possiamo comunque renderlo di nuovo nascosto con un po' di CSS:
.wpforms-field-hp { display: none; }Se può essere utile, ecco un tutorial di WPBeginner sui modi semplici per aggiungere CSS personalizzato come questo al tuo sito.
Spero che questo aiuti! :)
Sto riscontrando un problema con Wpforms. Una volta premuto il pulsante di invio, la pagina reimposta automaticamente tutti i campi come vuoti e una volta reinserite tutte le informazioni e premuto il pulsante di invio, il modulo viene inviato correttamente e reindirizzato alla pagina di ringraziamento successiva. Ma ogni volta devo inserire il modulo due volte, la prima volta il modulo reimposta tutti i campi quando l'utente preme il pulsante.
Ciao Muhammad,
Saremmo felici di aiutarti! Quando hai un momento, contattaci tramite il supporto in modo che possiamo assisterti.
Se hai una licenza WPForms, hai accesso al nostro supporto via email, quindi per favore invia un ticket di supporto.
Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite su WordPress.org.
Grazie :)
Voglio cambiare il colore del pulsante Avanti. Puoi aiutarmi?
Ciao Marius,
Certamente! Per regolare questo stile, avrai bisogno di un po' di CSS personalizzato. Abbiamo condiviso lo snippet CSS necessario per la regolazione in questo tutorial e l'ho copiato qui sotto:
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next { background-color: #eee; border: 1px solid #ddd; color: #333; }In questo snippet, dovrai modificare i valori esadecimali (
#eee,#ddde#333) — questi vengono utilizzati per rappresentare colori diversi. Nel caso ti possa essere d'aiuto, mi piace un sito chiamato htmlcolorcodes.com per cercare i valori esadecimali dei colori che desidero. Questi regoleranno rispettivamente il colore di sfondo, il colore del bordo e il colore del carattere.Inoltre, WPBeginner ha un ottimo tutorial su come aggiungere CSS al tuo sito.
Spero sia d'aiuto! Se hai ulteriori domande a riguardo, ti preghiamo di contattarci 🙂
Ciao Ragazzi
Ho bisogno di aiuto, ho un problema che il mio sito web mostra moduli di checkout 2 invece di 1..
Come posso risolvere questo? Non posso fornire il link, è in localhost.
Ciao Zara,
Temo di essere un po' confuso dalla tua domanda. Quando avrai tempo, ti preghiamo di contattare il nostro team di supporto con maggiori informazioni e saranno in grado di approfondire.
Grazie!
Ciao, qualcuno potrebbe aiutarmi? Ho bisogno di creare un altro pulsante all'interno del modulo che indirizzi gli utenti a un altro sito web prima che inviino. È possibile, o dovrei aggiungere del codice?
Ciao Manjinder!
Attualmente, non abbiamo opzioni integrate in WPForms per aggiungere pulsanti diversi dal pulsante di invio, o dai pulsanti Avanti/Indietro delle pagine.
Se vuoi aggiungerne uno personalizzato, puoi provare a utilizzare il campo HTML e aggiungere del codice per un pulsante HTML lì e personalizzarne gli stili con un pezzo di CSS
Spero questo aiuti!
Buona giornata 🙂
registrazione di un utente una volta sola – come bloccare l'utente dopo una singola registrazione al mese, giorno, qualsiasi cosa.
sto usando wp form per raccogliere email degli utenti e alcune informazioni. il plugin funziona bene ma
problemi —
1. come impedire all'utente di inviare moduli multipli come il modulo di contatto. Una volta che una persona invia il modulo, dovrebbe essere inviato direttamente alla pagina finale la prossima volta e non dovrebbe chiedere i dettagli ancora e ancora.
Una volta compilato il modulo, la prossima volta non ci sarà bisogno di chiedere i dettagli per almeno 10-15 giorni, dovrebbe essere inviato all'ultima pagina. intendo la pagina dei ringraziamenti.
Per favore, aiutaci
Ciao,
La voce duplicata potrebbe essere dovuta al fatto che gli utenti rinfrescano la pagina quando viene mostrato un messaggio di conferma. In questo caso, ci sono un paio di possibili soluzioni per evitarlo:
1. Reindirizza gli utenti a una pagina di ringraziamento piuttosto che a un messaggio di conferma all'invio del modulo.
2. Utilizza l'invio del modulo AJAX. Questo può essere abilitato nel costruttore di moduli andando su Impostazioni > Generale per selezionare Abilita invio modulo AJAX
3. Se desideri impedire allo stesso utente di inviare più voci, puoi richiedere valori univoci per determinati campi. Questo può essere ottenuto utilizzando la funzione del componente aggiuntivo Form Locker per impedire voci multiple dallo stesso utente (disponibile con Pro e livelli superiori)
Spero che questo aiuti! Se hai una licenza WPForms, hai accesso al nostro supporto via email, quindi per favore invia un ticket di supporto. Altrimenti, forniamo supporto gratuito limitato nel forum di supporto di WPForms Lite su WordPress.org.
Grazie 🙂
Ottimo modulo
Come posso impedire voci duplicate su wpforms
mi piacerebbe sentirti
Ciao Sam, ci scusiamo per qualsiasi inconveniente che ciò possa aver causato.
La voce duplicata potrebbe essere dovuta al fatto che gli utenti aggiornano la pagina quando viene visualizzato un messaggio di conferma.
Per evitare voci duplicate, consigliamo quanto segue:
Reindirizza gli utenti a una pagina di ringraziamento anziché a un messaggio di conferma all'invio del modulo, che può spesso essere un'opzione ancora migliore, poiché le pagine di ringraziamento possono essere progettate per aiutare i tuoi utenti in più modi. Per maggiori dettagli su come impostare una pagina di ringraziamento, nonché esempi per rendere efficace questa pagina, consulta questo tutorial.
Utilizzando l'invio AJAX del modulo. Questo può essere abilitato nel generatore di moduli andando su Impostazioni > Generali per selezionare Abilita invio AJAX del modulo. Questa opzione impedisce la creazione di voci duplicate quando gli utenti aggiornano la pagina dopo l'invio del modulo. Per maggiori dettagli sull'invio AJAX dei moduli, consulta la nostra guida qui.
Detto questo, se stai ancora riscontrando lo stesso problema e hai una licenza WPForms, hai accesso al nostro supporto via email, quindi per favore invia un ticket di supporto. Altrimenti, forniamo supporto gratuito limitato nel forum di supporto di WPForms Lite su WordPress.org.
Grazie.