Elementor: come aggiungere un modulo di contatto 7

È necessario aggiungere un modulo creato con Modulo di Contatto 7 in Elementor senza utilizzare plug-in aggiuntivi?

Ecco i passaggi per aggiungere un modulo Modulo di Contatto 7 in Elementor:

1. Crea il modulo contact form 7 che desideri posizionare nella pagina creata con Elementor.
2. Copia lo shortcode del modulo di contatto 7.
3. modificare con Elementor la pagina in cui si vuole inserire il form creato con Contact Form 7.
4. Trascina e rilascia il widget Shortcode sulla pagina.
5. Incolla lo shortcode Contact Form 7 nelle impostazioni del widget Shortcode.
6. Salvare le modifiche.

Ora diamo un'occhiata dettagliata a ciascuno di questi passaggi.

Scopri anche Come aggiungere un modulo WPForms su una pagina Elementorr

PASSO 1: Crea il modulo con Contact Form 7

Innanzitutto, crea il modulo utilizzando il plug-in Contact Form 7 che desideri posizionare su una pagina utilizzando Elementor.

Una volta creato il modulo, vai su Contatti> Moduli di contatto e copia lo shortcode di questo modulo.

PASSO 2: Aggiungi il modulo alla pagina usando Elementor

Dopo aver copiato lo shortcode del modulo, modifica la pagina con Elementor in cui desideri posizionare questo modulo, una volta che Elementor è attivo, scorri verso il basso e trascina e rilascia il widget Shortcode sulla pagina.

Ora incolla lo shortcode del modulo nel campo "Inserisci il tuo shortcode" nel pannello delle impostazioni del widget a sinistra.

Il modulo di contatto 7 dovrebbe apparire sulla pagina. Salva le tue modifiche.

E questo è tutto !

Ecco come puoi aggiungere un modulo creato con il plug-in Contact Form 7 a una pagina utilizzando Elementor. Il tuo modulo sembrerà di base. Ma puoi personalizzarlo se vuoi.

Ottieni Elementor Pro ora!

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

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

1. Pannello scorrevole mobile avanzato

Il pannello scorrevole mobile avanzato è un WordPress Plugin che consente di visualizzare finestre controllabili in pochi minuti.

Ti fornisce una gamma di funzionalità, tra cui shortcodes, un tema "builder" e la possibilità di utilizzarlo con servizi pubblicitari di terze parti. Tra le sue caratteristiche, puoi contare: una scheda a scorrimento verticale, una scheda a scorrimento orizzontale, più schede visualizzabili contemporaneamente, un numero illimitato di schede e molto altro.

Download | Demo | Web hosting 

2. Revisore del plugin WordPress

Il Revisore è a WordPress Plugin che ti consente di inserire rapidamente e facilmente recensioni e grafici di confronto nei tuoi post, pagine e tipi di post personalizzati. Se hai bisogno di creare un ottimo riepilogo di una recensione o vuoi semplicemente creare un potente e semplice sistema di raccolta delle recensioni degli utenti, questo plugin è quello che stai cercando.

La struttura flessibile di quest'ultimo consente di raccogliere qualsiasi tipo di opinione o critica. Tutto quello che devi fare è creare un modello di modulo e inserirlo nei tuoi post o pagine. Utenti e visitatori potranno lasciare lì le loro opinioni.

Offre anche diversi temi personalizzabili in modo che tu possa adattare le tue recensioni e tabelle di confronto all'aspetto del tuo sito web.

Download | Demo | Web hosting

3. Tattile

Tactile è un menu di WordPress e una soluzione di intestazione per smartphone, creata utilizzando i principi di progettazione del material design di Google. Il design della testata è estremamente pulito.

Ha animazioni sottili e ponderate e allo stesso tempo offre molte possibilità di personalizzazione, che a loro volta lo rendono WordPress Plugin adatto a qualsiasi sito web.

Potrai cambiare rapidamente i colori di ogni elemento, aggiungere un motivo di sfondo, modificare le animazioni, mostrare o nascondere diversi elementi e così via ...

Download | Demo | Web hosting

Altre risorse consigliate

Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.

• Come aggiungere una foto di un autore in WordPress
• Come aggiornare i temi WordPress acquistati on ThemeForest
• Come creare un menu circolare segmentato usando Divi Blurbs
• Come visualizzare la data di un aggiornamento dell'articolo

Conclusione

Ecco ! Questo è tutto per questo tutorial. Spero che tu possa aggiungere Contact Form 7 in Elementor. sentiti libero di condividi il suggerimento con i tuoi amici sui tuoi social network.

Tuttavia, sarai anche in grado di consultare il nostro 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.

Ma, nel frattempo, parlaci del tuo commentaires e suggerimenti nella sezione dedicata.

...