### [Come collegare il logo del tuo modulo conversazionale](https://wpforms.com/developers/how-to-link-your-conversational-form-logo/)

**Pubblicato:** 6 ottobre 2021
**Autore:** David Ozokoye

**Estratto:** Questo tutorial ti mostrerà come collegare il logo del tuo modulo conversazionale alla homepage con un po' di JavaScript e PHP. 

**Contenuto:**

## Introduzione

Ti piacerebbe collegare il logo del tuo modulo conversazionale dal modulo alla tua homepage? In questo tutorial creeremo un modulo conversazionale utilizzando l'[add-on WPForms Conversational Forms](https://wpforms.com/addons/conversational-forms-addon/ "Conversational Forms Addon"), caricheremo un logo per il nostro modulo e poi aggiungeremo uno snippet che collegherà quel logo alla nostra homepage utilizzando un piccolo frammento di codice.

Questa guida ti mostrerà come abilitare questa funzionalità passo dopo passo.

## Configurazione del modulo

Per prima cosa, dovremo creare un nuovo modulo e aggiungere i nostri campi a questo modulo. Ai fini di questo tutorial, creeremo semplicemente un modulo di prenotazione con alcuni campi di base.

![Per prima cosa dovrai creare il tuo modulo](https://wpforms.com/wp-content/uploads/2021/10/wpforms-create-conversational-forms.jpg)### Abilitazione dei moduli conversazionali

Successivamente, dovrai abilitare il modulo come **Modulo conversazionale**. Per farlo, vai su **Impostazioni » Moduli conversazionali** per abilitare il formato conversazionale per il tuo modulo.

 Per ulteriori informazioni sui Moduli conversazionali, consulta la nostra guida dettagliata sul [componente aggiuntivo Moduli conversazionali](https://wpforms.com/docs/how-to-install-and-use-the-conversational-forms-addon/).

![Abilita i moduli conversazionali nelle impostazioni del tuo modulo](https://wpforms.com/wp-content/uploads/2021/10/enable-wpforms-conversational-forms.jpg)### Caricare il tuo logo

Ora è il momento di caricare il tuo logo nel modulo conversazionale. Nella scheda **Moduli conversazionali**, clicca su **Carica immagine** e carica il tuo logo. Una volta completato, clicca su **Salva** per salvare le modifiche.

![nella scheda Moduli di conversazione, clicca per caricare l'immagine del tuo logo](https://wpforms.com/wp-content/uploads/2021/10/wpforms-upload-logo-image-cf.jpg)Per impostazione predefinita, questa immagine non rimanda a nulla. Nel prossimo passaggio, aggiungeremo uno snippet di codice che collegherà questa immagine alla homepage.

## Aggiunta del frammento di codice

Ora è il momento di aggiungere al tuo sito un frammento di codice che trasformerà l'immagine del tuo logo in un link.

Per assistenza nell'aggiunta del codice, consulta la nostra guida su [come aggiungere JavaScript o PHP personalizzati](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Personalizzazione del codice

Dovrai apportare due modifiche importanti al codice:

Alla **riga 10**, sostituisci `375` con l'ID effettivo del tuo modulo. Puoi trovare l'ID del modulo nella pagina Panoramica dei moduli di WPForms.

Alla **riga 20**, sostituisci `'/'` con l'URL desiderato. Ad esempio:

- Per la homepage: mantieni `'/'`
- Per un'altra pagina: usa `'/about'`
- Per un sito esterno: usa `'https://example.com'`

**Nota:** Abbiamo usato `'/'` per rappresentare la pagina di destinazione dell'immagine. Questo indirizzerebbe gli utenti alla tua homepage. Tuttavia, puoi aggiornare il valore `'/'` accanto alla chiave `href` con qualsiasi link tu voglia utilizzare.

Ora, quando visualizzi il tuo modulo conversazionale e passi il mouse sull'immagine del logo, vedrai il puntatore per cliccare sull'immagine.

![ora il logo del modulo conversazionale è collegato alla tua homepage](https://wpforms.com/wp-content/uploads/2021/10/wpforms-logo-link-cf.jpg)E questo è tutto ciò che ti serve per collegare il logo dei tuoi Moduli Conversazionali. Vuoi fare lo stesso anche per l'add-on **Form Pages**? Dai un'occhiata al nostro tutorial su [Come collegare il logo del modulo Form Pages](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "Come collegare il logo del modulo Form Pages").

## Correlati

Riferimento all'azione: [wpforms\_wp\_footer](https://wpforms.com/developers/wpforms_wp_footer/ "Utilizzo dell'azione wpforms_wp_footer")

**Categorie:** Tutorial

**Tag:** Javascript, JS, PHP

---