Hai bisogno di personalizzare i moduli WPForms con Elementor?

I moduli creati con WPForms hanno un bell'aspetto. Tuttavia, ci sono momenti in cui desideri personalizzare WPForms a tuo piacimento. in tal modo…

Come si personalizzano i moduli WPForms?

 Esistono due modi per farlo senza dover scrivere codice CSS e soprattutto utilizzando il plug-in Elementor di WordPress:

  1. Utilizzo dell'estensione PowerPack Addons
  2. Utilizzo dell'estensione Ultimate Addons

Diamo un'occhiata a ciascuno di questi metodi ora.

Personalizza i moduli WPForms con i componenti aggiuntivi PowerPack di Elementor

Componenti aggiuntivi di Elementor PowerPack Ã¨ un plugin gratuito per WordPress. Quindi dovrai prima installare e attivare il plug-in Elementor, quindi installare e attivare i componenti aggiuntivi PowerPack.

Una volta che entrambi i plug-in sono attivi, modifica la pagina in cui desideri posizionare il modulo e fai clic sul pulsante Modifica con Elementor.

Ora nel pannello Elementor sinistro, scorri verso il basso fino alla sezione dei widget di PowerPack Elements e trascina e rilascia il widget Elementor WPForms sulla pagina.

Ora dovresti vedere le impostazioni del widget WPForms nel pannello di sinistra. Scegli il modulo WPForms che desideri personalizzare nel campo modulo di contatto.

Qui potrai anche impostare un titolo e una descrizione personalizzati per il modulo, nonché mostrare o nascondere il titolo, la descrizione, le etichette, il segnaposto e i messaggi di errore del modulo.

Nella scheda Stile, puoi utilizzare le impostazioni Titolo e descrizione per personalizzare il titolo e la descrizione del modulo.

Puoi utilizzare le impostazioni Etichette per personalizzare le etichette per il modulo WPForms.

Puoi usare le impostazioni Input e area di testo per personalizzare i campi di input e l'area di testo del modulo.

È possibile utilizzare i parametri Descrizione campo per personalizzare la descrizione del campo per il modulo.

Puoi utilizzare i parametri Segnaposto per personalizzare il colore del segnaposto del modulo.

personalizzare i moduli WPForms senza scrivere codice CSS

Puoi usare le impostazioni Radio e casella di controllo per personalizzare i pulsanti di opzione e le caselle di controllo sul modulo.

È possibile utilizzare le impostazioni del Invia Button per personalizzare il pulsante di invio di WPForms.

Puoi usare le impostazioni errori per personalizzare i messaggi di errore di WPForms.

E puoi utilizzare le impostazioni dei messaggi di conferma per personalizzare i messaggi di conferma di WPForms.

personalizzare i moduli WPForms senza scrivere codice CSS

È stato un sacco di modifiche!

Utilizzando WPForms con Elementor e PowerPack, puoi personalizzare WPForms nel modo desiderato senza scrivere codice CSS.

Allora perché perdere tempo a cercare il codice CSS?

WPForms funziona bene con i plug-in Elementor e PowerPack. E usando questi plugin risparmierai molto tempo.

Ora, se non sei un fan dei plug-in gratuiti e a tutti i costi desideri trovare un plug-in WordPress premium che ti aiuti ad arrivarci, ti consigliamo il plug-in. Gli ultimi addon di Elementor. Funziona esattamente come il plug-in PowerPack che hai appena visto sopra.

Come puoi vedere, l'utilizzo di un plugin per ottenere questo risultato ti farà risparmiare tempo prezioso.

Ottieni Elementor Pro ora!

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Strumenti di Gryphon SEO

Gryphon SEO Tools è un potente strumento che ti permetterà di migliorare la SEO del tuo sito web. Questo plugin WordPress premium richiede solo poche configurazioni e funzionerà su dispositivi mobili e su computer desktop, indipendentemente dal browser utilizzato.

Gryphon AutoBlog Plugin SEO per wordpress

Le sue caratteristiche includono: la disponibilità del Readability Score Test aggiunto alle pubblicazioni, l'aggiunta automatica dei tag "alt" e "title" a tutte le immagini, layout completamente personalizzabile, aggiornamenti regolari, assistenza clienti disponibile e altro.

Download | Demo | Web hosting

2. calendarista

Calendarista Premium WP Plugin per la prenotazione degli appuntamenti e plugin per il sistema di pianificazione wordpress

calendarista è un plug-in WordPress premium progettato per fornire un'esperienza di Prenotazioni online –Prenotazione- più veloce ed efficiente per i tuoi clienti. Il suo obiettivo è rendere i servizi molto veloci e facili da aggiungere per le aziende che offrono la prenotazione di sessioni o appuntamenti su Internet.

Quindi, se stai cercando un sistema di prenotazione completo per un hotel, una società di autonoleggio, un appartamento in affitto, un'agenzia di viaggi, un salone di bellezza, un ristorante, ecc ..., questo plugin sarà perfetto per te. 

Leggi questo articolo su Come visualizzare tutte le pubblicazioni WordPress su una sola pagina

Come caratteristiche offre tra le altre cose: 10 modelli di sistema di prenotazione pronti all'uso, supporto per gateway di pagamento 3, Supporto WooCommerce, l'integrazione di un form builder personalizzabile, Supporto per Google Map, un eccellente modello di calendario per la visualizzazione degli appuntamenti e molto altro.

Download | Demo Web hosting

3. Commenti di MailChimp

mailchimp commenta il plugin wordpress per la mailing list

Commenti MailChimp è un Estensione di WordPress che ti consente di iscrivere i commentatori dei tuoi articoli/pagine tramite MailChimp. Quando gli utenti commentano qualcosa sul tuo sito Web, vengono immediatamente aggiunti all'elenco delle iscrizioni e-mail.

Dai un'occhiata al nostro 8 plugin WordPress premium per la SEO di un blog

Puoi configurare il plugin in relazione ai tuoi utenti per evitare qualsiasi violazione (spam). MailChimp Comments è un modo perfetto per creare una mailing list dei tuoi commentatori.

Download | DemoWeb hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questa guida che ti aiuterà a personalizzare i moduli WPForms senza scrivere codice CSS. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...