4 In Blogging/ Internet/ Tutorial

Come Creare Un Modulo Di Contatto Per Altervista/WordPress

Salve a tutti e bentornati in questo mio piccolo angolo di web!

Oggi nuovo tutorial per Altervista/WordPress dedicato al modulo di contatto! Vi sarà capitato, su alcuni siti, di trovare nella barra laterale o al fondo un modulo di contatto. Ebbene, anche se oggi non è più particolarmente utilizzato è comunque una risorsa molto utile perché permette alle persone di scrivere direttamente sulla mail che avete impostato per il vostro blog. Alcune piattaforme, come Blogger per esempio, ne mettono a disposizione uno creato dalla piattaforma. Per quanto riguarda Altervista/WordPress, invece, può essere necessario affidarsi ad un plugin. In questo post andiamo a vedere quello gratuito che utilizzo io, semplicissimo da impostare e molto efficace.

Come Creare Un Modulo Di Contatto Per Altervista/WordPress Con Ninja Forms

Aprite il vostro pannello di controllo e andate su plugin:

Si aprirà un fumetto con una serie di opzioni. Cliccate su Aggiungi Nuovo e si aprirà questo:

Sulla Barra Di Ricerca digitate Ninja Forms e otterrete diversi risultati. Installate questo:

A me lo dò già attivo ma voi troverete la scritta installa adesso: cliccate e attendete. Quando apparirà la scritta attiva cliccate su attiva. Una volta fatto verrete rinviati alla pagina dei plugin installati. Controllate che Ninja Forms sia attivo e se non lo è cliccate nuovamente su attiva.

A questo punto guardate nella barra laterale e troverete Ninja Forms (probabilmente subito sotto Commenti).

Cliccate e si aprirà questo:

Come vedete il modulo di contatto viene creato in automatico, tuttavia siccome è in inglese è meglio modificarlo (e poi potreste voler aggiungere altri campi). Per farlo cliccate su Contact Me e verrete rinviati a questa pagina:

Per modificare i singoli campi vi basta cliccarci sopra (sul titolo o sulla barra) e si aprirà questo:

Da qui potete modificare il titolo del campo. Una volta che avete modificato il titolo cliccate su Fatto. Tutti i campi vanno modificati singolarmente con la stessa procedura.

Nel caso vogliate aggiungere alcuni capi sappiate che Ninja Forms ne mette a disposizione parecchi. Per trovarli vi basterà cliccare su più.

Si aprirà la schermata di tutti i campi disponibili. Per inserirli vi basterà trascinarli nel punto che preferite del modulo.

Una volta che avrete completato il modulo cliccate su Pubblica.

Poi cliccate sulla catenella del link che trovate di fianco.

Si aprirà una schermata con uno shortcode. Cliccate su Copy.

Successivamente cliccate nuovamente su fatto e poi su X.

Adesso tornate sul vostro pannello di controllo e andate su Aspetto:

Come Creare Un Modulo Di Contatto Per Altervista/WordPress: Versione Per Editor A Blocchi

Metodo 1:

Si aprirà un fumetto con diverse opzioni. Cliccate su Widget. Sarete rimandati alla pagina dei vostri widget.

Da qui in poi le strade si dividono: c’è infatti chi ha l’editor a blocchi e chi ha quello classico. I procedimenti, in questo caso, sono differenti e presentando entrambi due metodi possibili. Qui di seguito vediamo i primi due per l’editor a blocchi e subito dopo i due per quello classico.

Per chi ha l’editor a blocchi la pagina dei widget probabilmente sarà simile a questa.

Scendete fino a quando trovate il tasto più.

Cliccate e si aprirà questo:

Sulla barra di ricerca digitate shortcode e selezionate questo:

Si aprirà questo:

Ora incollate lo shortcode all’interno e poi cliccate su Aggiorna (lo trovate in alto) et, voilà! Avete aggiunto il vostro widget!

Metodo 2

Il procedimento è uguale a quello precedente fino all’apertura di questa schermata:

A questo punto sulla barra di ricerca digitate Ninja Forms e cliccate su questo:

Si aprirà questo:

Cliccate sui tre trattini. Si aprirà una tendina. Selezionate Contact Me e poi cliccate su Aggiorna in alto a sinistra. Modulo di contatto inserito.

Come Creare Un Modulo Di Contatto Per Altervista/WordPress: Versione Per Editor Classico

Metodo 1

Una volta cliccato su widget si aprirà questo:

Nella parte Widget Disponibili cercate HTML Personalizzato:

Si aprirà questo:

Ora incollate il vostro shortcode nella prima riga e salvate! Et, voilà! Il gioco è fatto!

Metodo 2:

Una volta arrivati nella pagina dei Widget nella sezione Widget Disponibili cercate Ninja Form Widget:

Una volta trovato trascinatelo nella parte Left/Right Bar o nel footer che vi interessa. In automatico si aprirà questo:

Ora cliccate su nessuno. Si aprirà una tendina. Cliccate su Conctatc me e successivamente su fatto. Avete inserito il vostro widget!

Ora per controllare che il tutto sia riuscito aprite il vostro blog (per entrambi gli editor)!

Bonus: Come Inserire Il Modulo Di Contatto in Una Pagina O In Un Post

Potrebbe capitare di voler inserire il modulo di contatto anche in una pagina o in un post. Io per esempio l’ho inserito anche nella pagine contatti. Ecco come fare per i due diversi editor.

Editor A Blocchi

Per inserire il modulo di contatto in un post o in una pagina con l’editor a blocchi la procedura è sempre la stessa. Cliccate sul tasto più:

Si aprirà questo:

Sulla barra di ricerca, se non lo trovate subito, digitate Ninja Form e poi cliccate su questo:

Si aprirà questo:

Ora cliccate sui tre trattini. Si aprirà una tendina: selezionate Contact Me et, voilà! Il gioco è fatto!

Editor Classico

Anche nel caso dell’editor classico la procedura è la stessa sia per i post che per le pagine. Dopo aver aperto il post o la pagina in questione e cliccate su aggiungi form:

Si aprirà questo:

Ora cliccate sulla freccetta e selezionate Contact Me e avrete inserito il vostro modulo!

PS: Il metodo di inserimento tramite shortcode si può fare anche nei post ma essendo molto lungo e laborioso lo sconsiglio, meglio utilizzare quelli che vi ho mostrato. Sono più semplici e veloci e ugualmente efficaci. Per i widget invece li ho messi entrambi perché dipende da voi. Io per esempio ho preferito inserirli tramite shortcode anche se penso che in questo caso i metodi (sia per l’editor classico che per quello a blocchi) siano entrambi validi.

Bene, anche questo Post su come creare un modulo di contatto per Altervista/WordPress è finito e io sono curiosissima di sapere cosa ne pensate voi! Avete un modulo di contatto sul vostro blog? Come vi state trovando? Ne vorreste uno? Naturalmente per qualsiasi dubbio non esitate a chiedere!

Al prossimo post!

Immagine Di Copertina Del Post: StockSnsp

Se il post ti è piaciuto lascia un commento (ci tengo, lo ammetto) e condividilo! Sono piccoli gesti che possono può aiutarmi molto!

4 Commenti

  • Rispondi
    Silvia
    29 Luglio 2022 at 09:33

    Come sempre ottimo tutorial!! Grazie.

    • Rispondi
      Enrica Masino
      2 Agosto 2022 at 22:41

      Grazie a te!♥♥

  • Rispondi
    Grazia
    30 Luglio 2022 at 17:20

    Grande Enrica, ottimo tutorial! Anch’io utilizzo i moduli contatto, li trovo molto agevoli, ma uso un altro plugin, si chiama Contact form 7 e mi sto trovando bene. Più o meno l’installazione è simile e fino ad ora non ho mai avuto problemi , nel senso che le e-mail arrivano. E a te? E’ capitato che per errore qualche email finisse nello spam? Un abbraccio forte, alla prossima ♥

    • Rispondi
      Enrica Masino
      2 Agosto 2022 at 23:05

      Grazie mille! Non conoscevo Conctat Form 7, appena riesco lo testo. Si, purtroppo per ora sono finite in spam le mie mail di prova fatte come test ma non so se sia sempre così. Magari con un testo vero e più preciso non capita (io avevo scritto solo “testo di prova”). Tuttavia proverò anche quello che mi hai suggerito, potrebbe essermi molto utile! Avevo installato questo perché era tra i più consigliati online ma se con il tuo non campita lo provo!♥♥

    Lascia un Commento

    Hai bisogno di un sito web per te o per la tua attività? Scopri cosa posso fare per te!
    This is default text for notification bar