Attenzione!

Questo articolo contiene codice PHP ed è destinato agli sviluppatori. Offriamo questo codice come cortesia, ma non forniamo supporto per personalizzazioni del codice o sviluppo di terze parti.

Per ulteriore assistenza, consulta il tutorial di WPBeginner su come aggiungere codice personalizzato.

Chiudi

Come aggiungere un video prima del tuo modulo

Vuoi aggiungere un video accattivante sopra il tuo modulo? Sia che tu stia utilizzando un modulo standard incorporato o sfruttando i componenti aggiuntivi Modulo Conversazionale e Pagine Modulo, puoi facilmente aggiungere un messaggio video utilizzando un semplice snippet di codice.

Questa guida ti mostrerà come implementare questa funzionalità.

Configurazione del tuo modulo

Innanzitutto, crea il tuo modulo e aggiungi i campi desiderati. Se hai bisogno di aiuto per creare un modulo, consulta la nostra guida su come creare il tuo primo modulo.

crea il tuo modulo e aggiungi i tuoi campi

Aggiungere il tuo video

Per aggiungere un video sopra il tuo modulo, dovrai aggiungere questo codice al tuo sito. Se non sei sicuro di come aggiungere codice personalizzato, consulta la nostra guida su come aggiungere snippet di codice JavaScript o CSS.

Ricorda di sostituire 999 con l'ID del tuo modulo. Se hai bisogno di aiuto per trovare l'ID del tuo modulo, consulta la nostra guida su come trovare gli ID dei moduli e dei campi.

Styling del tuo video

Per assicurarti che il tuo video si adatti correttamente al contenitore del tuo modulo, puoi aggiungere questo CSS opzionale. Se hai bisogno di aiuto per aggiungere CSS personalizzato, consulta la nostra guida su come aggiungere CSS personalizzato al tuo sito.

iframe {
    width: 100%;
    min-height: 400px;
}
Il tuo video ora viene visualizzato prima del tuo modulo

Il video apparirà:

  • Sopra i moduli standard incorporati
  • Nei link delle Pagine Modulo
  • Nelle pagine del Modulo Conversazionale
  • Con ridimensionamento reattivo grazie al CSS

E questo è tutto! Ora hai aggiunto con successo un video al tuo modulo. Successivamente, vuoi anche cambiare il titolo della scheda del browser? Dai un'occhiata al nostro tutorial su come cambiare il titolo della pagina nella scheda del browser per maggiori dettagli.

Azione di riferimento

wpforms_frontend_output_before