Moduli duplicati in WPForms

WPForms 1.1.4 - Moduli duplicati e stili dei pulsanti di invio

Stiamo lavorando sodo per aggiungere a WPForms tutte le funzionalità e i miglioramenti richiesti. Se tutto va secondo i piani, questa settimana ci saranno due aggiornamenti importanti. Ecco le novità di WPForms 1.1.4.

Duplicare un modulo con un clic

Molti di voi hanno chiesto un modo semplice per duplicare i moduli. Ora è possibile duplicare facilmente i moduli con un solo clic.

È sufficiente andare nella schermata dei moduli, posizionare il mouse sul modulo che si desidera duplicare e fare clic sul pulsante di duplicazione.

Duplicare un modulo con WPForms

So che i nostri modelli di modulo rendono molto facile la creazione di nuovi moduli WordPress. Questa funzione sarà ancora più potente perché ora è possibile duplicare i moduli.

Prima ancora che ce lo chiediate, sì, stiamo lavorando a un modo semplice per creare i vostri modelli di modulo personalizzati. Tuttavia, esiste un modo per farlo anche adesso (richiede solo un po' di codifica).

Stili di pulsanti di invio

WPForms consente di aggiungere CSS personalizzati a tutti i campi di input, tranne che al pulsante Invia. Non so come ci sia sfuggito, ma grazie per avercelo fatto notare.

In questa versione, è ora possibile aggiungere stili CSS personalizzati al pulsante Invia.

È sufficiente fare clic sul pulsante Invia per accedere alla schermata delle impostazioni, dove è possibile aggiungere la classe CSS personalizzata.

Classe del pulsante Invia

Miglioramenti + Correzioni di bug + Prossimi sviluppi

Oltre a queste due nuove aggiunte, abbiamo anche risolto alcuni bug minori e aggiunto miglioramenti alle funzioni esistenti.

Abbiamo in programma di rilasciare la versione 1.1.5 nel corso di questa settimana, che consentirà di esportare le voci dei moduli, di inviare nuovamente le notifiche via e-mail e di migliorare notevolmente l'interfaccia utente per le pagine di inserimento singolo.

La prossima settimana lanceremo l'integrazione con GetResponse e altre due fantastiche funzionalità.

Cercate un costruttore di moduli WordPress drag & drop? Acquistate WPForms oggi stesso e sbloccate tutte le sue fantastiche funzionalità.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Syed Balkhi

Syed è il cofondatore di WPForms e fondatore e CEO di WPBeginner e Awesome Motive Inc. Ha iniziato a usare WordPress nel 2006 e ha intrapreso una carriera di grande successo come imprenditore nella comunità di WordPress.Per saperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

27 commenti su "WPForms 1.1.4 - Moduli duplicati e stili del pulsante di invio"

  1. 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. Vorrei che il colore del pulsante fosse #444444 e che il colore del testo fosse di nuovo #ffffff. Non voglio cambiare le dimensioni, la forma o il carattere del pulsante. Ho provato vari approcci CSS, ma i colori dei pulsanti non sono cambiati. Quale codice CSS specifico dovrei aggiungere al campo "Submit Button CSS Class" per ottenere questi colori?

    1. Ciao David,

      È sufficiente aggiungere una classe css al pulsante Invia. Diciamo che la chiamiamo: wpf-custom-button

      Quindi nel file CSS aggiungete quanto segue:

      .wpf-custom-button{ background: #292929 !important; color: #fff !important; }

      .wpf-custom-button:hover{background: #444 !important}

  2. Sto utilizzando questo codice CSS personalizzato per modificare l'aspetto del pulsante di invio, ma non ha alcun effetto sull'aspetto.

    .wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }

    1. Ciao Bonnie! Ci sono un paio di modi in cui si può procedere allo styling dei WPForm.

      Uno di questi è il plugin CSS Hero, che non richiede alcuna codifica, ma solo un semplice clic. Potete consultare la nostra guida su come personalizzare WPForms con CSS Hero qui.

      È anche possibile creare uno stile per i moduli utilizzando i CSS. Qui abbiamo un post su come creare uno stile per i moduli di contatto con i CSS.

      Per cambiare lo sfondo di tutti i moduli, si può usare un po' di CSS come questo:

      .wpforms-form {background-color:black}

      Il post linkato sopra contiene altri esempi e istruzioni su come fare. Spero che questo sia d'aiuto! Sentitevi liberi di contattarmi se avete altre domande 🙂

  3. Salve,

    Non voglio cambiare il colore dello sfondo ma il testo della descrizione della casella di testo. Ad esempio: nome, cognome, ecc...

    Per favore, aiutatemi.

    1. Ciao Arnold,

      Ottima domanda, ecco il CSS necessario 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 WPForm del vostro sito. Se preferite applicare questo stile solo a un modulo specifico, potete scoprire come farlo in questo tutorial (nella sezione "Come personalizzare il design dei moduli di contatto", vedere il Metodo 2).

      Spero che questo sia d'aiuto! 🙂

  4. Voglio solo tre campi con 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. Qual è il problema? Come risolvere questo problema? Grazie

    1. Ciao Lena,

      In base alla sua descrizione, sembra che il nostro campo honeypot sia visibile. Il nostro campo honeypot non è normalmente visibile agli esseri umani, ma i bot di spam possono vederlo. Pertanto, quando un campo honeypot viene compilato in un modulo, sappiamo che si tratta di un bot di spam e possiamo impedire l'invio della voce.

      Come ho detto, però, questo campo non dovrebbe essere visibile agli esseri umani. Quindi, molto probabilmente il vostro tema sta applicando un CSS che rende accidentalmente visibile questo campo. Con un po' di CSS, però, possiamo rendere questo campo nuovamente nascosto:

      .wpforms-field-hp {
          display: none;
      }
      

      In caso di aiuto, ecco un tutorial di WPBeginner su come aggiungere facilmente CSS personalizzati come questo al vostro sito.

      Spero che questo sia d'aiuto! 🙂

  5. Sto affrontando un problema con Wpforms, una volta premuto il pulsante di invio, la pagina resetta 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 prossima pagina di ringraziamento. Ma ogni volta che devo inserire il modulo due volte, la prima volta il modulo resetta tutti i campi quando l'utente invia il pulsante.

    1. Ciao Marius,

      Certo! Per regolare questo stile, è necessario un po' di CSS personalizzato. Abbiamo condiviso lo snippet CSS da modificare 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, è necessario modificare i valori esadecimali (#eee, #ddd, e #333) - sono utilizzati per rappresentare i diversi colori. In caso di aiuto, mi piace un sito chiamato htmlcolorcodes.com per cercare i valori esadecimali dei colori desiderati. 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 i CSS al vostro sito.

      Spero che questo sia d'aiuto! Se hai altre domande su questo argomento, contattaci 🙂

  6. Ciao amici
    Ho bisogno di aiuto ho un problema che il mio sito web mostra i moduli di checkout 2 invece di 1 ....
    Come risolvere questo problema? Non posso darvi il link è su localhost.

  7. Salve, qualcuno potrebbe aiutarmi. Ho bisogno di creare un altro pulsante all'interno del modulo che indirizzi gli utenti a un altro sito web prima dell'invio. È possibile o devo aggiungere del codice?

    1. Ciao Manjinder!
      Al momento non abbiamo opzioni integrate in WPForms per aggiungere pulsanti diversi dal pulsante Submit o dalle pagine Next/Prev.
      Se vuoi aggiungerne uno personalizzato, puoi provare a usare il campo HTML e aggiungere un po' di codice HTML per il pulsante e personalizzarne gli stili con un pezzo di CSS.
      Spero che questo vi sia d'aiuto!
      Buona continuazione 🙂

  8. registrazione una tantum di un utente - come bloccare l'utente dopo un contatto puntuale nel mese, giorno o altro.

    Sto usando wp form per raccogliere l'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 inviata alla pagina finale immediatamente dopo e non dovrebbe chiedere i dettagli ancora e ancora.

    Una volta compilato il modulo, la volta successiva in cui non sarà necessario richiedere i dati per almeno 10-15 giorni, si dovrà inviare il modulo all'ultima pagina, ovvero alla pagina dei ringraziamenti.

    Aiutateci

    1. Ciao,

      Il duplicato potrebbe essere dovuto al refresh della pagina da parte degli utenti quando viene visualizzato il messaggio di conferma. In questo caso, ci sono un paio di soluzioni possibili per evitarlo:

      1. Reindirizzare gli utenti a una pagina di ringraziamento anziché a un messaggio di conferma all'invio del modulo.

      2. Utilizzare l'invio del modulo AJAX. Questo può essere abilitato nel costruttore di moduli quando si va in Impostazioni > Generale e si seleziona Abilita invio modulo AJAX.

      3. Se si vuole evitare che lo stesso utente invii più voci, si possono richiedere valori unici per alcuni campi. Ciò può essere ottenuto utilizzando la funzione del componente aggiuntivo Form Locker, che impedisce l'inserimento di più voci da parte dello stesso utente (disponibile con il livello Pro e superiore).

      Spero che questo sia d'aiuto! Se avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto. Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.

      Grazie 🙂

    1. Ehi Sam, ci dispiace per i disagi che potrebbero essere stati causati da questa situazione.

      Il duplicato potrebbe essere dovuto al refresh della pagina da parte degli utenti quando viene visualizzato il messaggio di conferma.

      Per evitare duplicazioni di voci, si raccomanda quanto segue:

      Reindirizzare gli utenti a una pagina di ringraziamento piuttosto che a un messaggio di conferma dell'invio del modulo può essere un'opzione ancora migliore, in quanto le pagine di ringraziamento possono essere progettate per aiutare gli utenti in più modi. Per maggiori dettagli su come impostare una pagina di ringraziamento, nonché per esempi che la rendano efficace, consultate questo tutorial.

      Utilizzando l'invio del modulo AJAX. Questa opzione può essere attivata nel costruttore di moduli quando si va in Impostazioni > Generale e si seleziona Abilita invio modulo AJAX. Questa opzione impedisce la creazione di voci duplicate quando gli utenti aggiornano la pagina dopo l'invio del modulo. Per maggiori dettagli sull'invio di moduli AJAX, consultare la nostra guida qui.

      Detto questo, se state ancora affrontando lo stesso problema e avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto. Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.

      Grazie.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.