Come creare un popup in WordPress (il modo più semplice)

Pubblicato: 2022-09-22

Un popup è un ottimo modo per attirare l'attenzione dei visitatori del tuo sito web e dare loro la possibilità di iscriversi alla tua newsletter, saperne di più sul tuo ultimo prodotto o approfittare di un'offerta speciale. Esistono diversi modi per creare un popup in WordPress, ma il modo più semplice è utilizzare un plug-in. Esistono molti plugin popup disponibili per WordPress, ma ti consigliamo di utilizzare Popup di OptinMonster. Dopo aver installato e attivato il plugin, dovrai creare un nuovo popup. Per fare ciò, vai su Popup »Aggiungi nuovo nell'area di amministrazione di WordPress. Nella schermata successiva, dovrai inserire un nome per il tuo popup e selezionare un tipo di popup. OptinMonster offre diversi tipi di popup, inclusi popup lightbox, popup slide-in e popup a schermo intero. Per questo esempio, sceglieremo un popup lightbox. Dopo aver selezionato un tipo di popup, sarai in grado di scegliere un modello per il tuo popup. OptinMonster offre oltre 50 modelli popup progettati professionalmente che puoi utilizzare. Dopo aver selezionato un modello, sarai in grado di personalizzare il tuo popup. Puoi cambiare i colori, il testo, le immagini e altro. Quando sei soddisfatto del tuo popup, fai clic sul pulsante "Salva" per salvare le modifiche. Ora che hai creato il tuo popup, è il momento di aggiungerlo al tuo sito Web WordPress. Per fare ciò, vai su Popup »Gestisci popup e fai clic sulla scheda "Incorpora". Nella schermata successiva, vedrai del codice che devi aggiungere al tuo sito web. Puoi aggiungere questo codice al tuo sito Web manualmente oppure puoi utilizzare un plug-in come Inserisci intestazioni e piè di pagina per aggiungere il codice automaticamente. Dopo aver aggiunto il codice al tuo sito web, fai clic sul pulsante "Salva" e il gioco è fatto. Il tuo popup sarà ora visibile sul tuo sito web.

Come posso aggiungere un codice popup al mio sito WordPress? I passaggi seguenti richiedono solo circa 5 minuti per essere completati. Lo strumento Popupsmart, che ti consente di creare popup nel tuo sito Web con una singola riga di codice, è una scelta eccellente per la creazione di popup. Quando ti registri, fai clic su Crea un nuovo popup nella dashboard. Inserisci prima il codice di incorporamento, seguito dal tag del corpo. Il posizionamento del codice è fondamentale. Per completare il tag body, inserisci una pasta. Ora è possibile salvare e pubblicare ancora una volta il tuo popup.

Seleziona Modifica sito web dal menu a sinistra per accedere all'editor del tuo sito web. Seleziona Popup dai componenti aggiuntivi del sito Web dalla scheda Sito Web nella parte superiore dell'editor. La tua casella pop-up può essere personalizzata per soddisfare le tue esigenze specifiche. Attivando il pulsante Abilita pop-up, puoi abilitare o disabilitare la tua casella pop-up.

Il modulo popup può essere creato facendo clic su Moduli dal menu in alto, quindi selezionando la scheda Popup e quindi facendo clic su Crea popup. Il modulo verrà salvato e potrai procedere una volta assegnato un nome e salvato. Quindi, scegli il tuo gruppo di iscritti, un modello e personalizza il modulo e la pagina di successo finché non ti piace come appaiono.

Come posso creare un popup personalizzato in WordPress?

Credito: WPForms

Vai alla dashboard di WordPress e fai clic su Popup Maker . La schermata di modifica del popup viene visualizzata dopo aver abilitato Popup. Quando fai clic qui, la prima cosa che devi fare è inserire un nome per il tuo popup. Abbiamo usato questo esempio per dimostrare che puoi anche inserire un titolo di visualizzazione facoltativo. I visitatori potranno vedere questo titolo di visualizzazione opzionale, se disponibile.

In questa guida passo passo imparerai come creare popup di moduli di contatto in WordPress. OptinMonster, un plug-in, è uno dei plug-in popup più popolari, con oltre un milione di utenti. I moduli compilabili, in particolare quelli forniti da MailerLite o Mailchimp, funzionano bene con i moduli popup . I tassi di conversione e gli indirizzi e-mail aumenteranno se utilizzi correttamente un modulo popup. Nel passaggio 1, crea un modulo di contatto utilizzando Formidable Forms e nel passaggio 2 crea un popup di WordPress utilizzando OptinMonster. Installando questi plugin nel tuo amministratore di WordPress, puoi iniziare a testarli su una tela bianca. Nei passaggi seguenti, procederemo al passaggio successivo dopo che sono stati installati e attivati.

Il prodotto finale del modulo verrà visualizzato quando viene pubblicato o visualizzato in anteprima. Per configurare i nostri trigger, vai alla scheda Regole di visualizzazione nella parte superiore della pagina e seleziona l'opzione appropriata. I visitatori possono scegliere se visualizzare o meno il popup al loro arrivo. Il tempo sul sito può essere scelto facendo clic sulla scheda Attivazione (Quando) nel menu contestuale. Un modulo popup è un ottimo modo per far apparire il tuo sito web più raffinato. Perché il piè di pagina o la barra laterale devono essere un modulo popup quando puoi creare facilmente moduli popup con WordPress? Il nostro styler di moduli visivi può essere utilizzato per abbinare l'aspetto dei moduli al tuo sito web.

Link a popup di WordPress

WordPress è un sistema di gestione dei contenuti (CMS) che ti consente di creare un sito Web o un blog da zero o di migliorare un sito Web esistente. Una delle funzionalità più utili di WordPress è il suo collegamento alla funzionalità di popup. Ciò ti consente di creare collegamenti che si aprono in una nuova finestra, rendendo facile mantenere i tuoi lettori sul tuo sito fornendo loro informazioni aggiuntive.

Puoi mostrare la tua funzionalità di WordPress Popup in vari modi, a seconda della velocità di caricamento della pagina, del tempo di scorrimento della pagina e di come esci dal sito. Una volta aggiunto il codice necessario, tutto è fatto. Come faccio a far apparire un popup dopo aver cliccato sul link del mio contenuto? In HTML, puoi utilizzare l'attributo onclick di popup su qualsiasi elemento del tuo sito se sai come farlo. I popup non verranno caricati sul server se utilizzi l'attributo onclick nel tema o in qualsiasi altra parte del contenuto del sito. Inserisci il codice necessario per visualizzare i popup sul tuo sito. Come primo passaggio, fai caricare PopUp dal lato server (database) e come secondo passaggio, collegalo al collegamento su cui hai fatto clic.

Come creare popup personalizzati in WordPress utilizzando Javascript

Esistono molti modi per creare popup personalizzati in WordPress utilizzando JavaScript. Un modo è utilizzare il plug-in Popup Maker. Questo plugin ti consente di creare popup personalizzati e aggiungerli al tuo sito WordPress. Un altro modo è utilizzare il plug-in WP Popup.

PenguinArts ha creato da zero una guida passo passo per creare popup personalizzati su una piattaforma WordPress. In questo tutorial, ti mostreremo come farlo da solo con PHP, jQuery e alcune righe di CSS. Tutto il contenuto del popup sarà gestito dall'amministratore e sarai in grado di selezionare il tuo design. Questo tutorial verrà eseguito utilizzando un magnific popup e un ACF. Affinché il popup appaia sulla nostra pagina, avremo bisogno di alcune righe di codice. Se riscontri problemi con questa implementazione, faccelo sapere e farò tutto il possibile per aiutarti.

Plugin popup modale di WordPress

Sono disponibili molti plugin per popup modali di WordPress. Alcuni dei più popolari sono: Popup Maker, Modal Popups di WPForms e Ninja Popups. Questi plug-in consentono di creare finestre popup che possono essere utilizzate per una varietà di scopi, come visualizzare un modulo di iscrizione, mostrare un video o fornire informazioni aggiuntive su un prodotto o servizio.

Snitcher include una varietà di funzionalità che ti consentono di aggiungere popup su qualsiasi pagina, indipendentemente dal tipo di contenuto. Puoi usarlo per suscitare l'interesse degli utenti nelle tue promozioni, offerte e annunci di funzionalità, nonché per fornire informazioni importanti tramite messaggi popup luminosi. Ciascuna finestra ha il proprio set di preferenze di stile per ogni elemento, consentendoti di creare un aspetto unico per il tuo sito. Il plug-in è conforme allo standard WCAG Level AA e consente un elevato livello di accessibilità dei contenuti all'interno del popup. È semplice visualizzare il pop-up facendo clic, scorrendo, passando con il mouse, in base all'orario di attività o inattività, o modificando la scheda o esci, e si aprirà immediatamente dopo il caricamento della pagina. Questo strumento è supportato da Chrome, Firefox, Opera, Safari e altri, indipendentemente dal browser che gli utenti visualizzano il tuo sito.

Come rimuovere i popup in WordPress

Esistono diversi modi per rimuovere i popup in WordPress. Un modo è semplicemente disabilitare il plug-in che sta causando la visualizzazione del popup. Un altro modo è modificare il codice del plugin per rimuovere il popup. Infine, puoi anche utilizzare un plug-in di blocco dei popup di WordPress per bloccare tutti i popup sul tuo sito.

In precedenza ho utilizzato un plug-in Popup Builder sulla mia pagina, ma non era più rilevante, quindi volevo eliminarlo. Questo popup sembra essere difficile da codificare nella pagina. Non riesco a modificarlo o rimuoverlo dal mio computer. Come procedo con la mia candidatura? Puoi provare a svuotare la cache e ricontrollare?

Come faccio a sbarazzarmi del modulo popup Mailchimp in WordPress?

Se disponi di più siti collegati, fai clic sul collegamento Modifica per selezionare quelli in cui desideri visualizzare il modulo popup. Per disabilitare il modulo pop-up sul tuo sito web, fai clic sull'interruttore.

Come aprire il popup modale sul pulsante Fare clic su WordPress

Per aprire un popup modale al clic del pulsante in WordPress, dovrai creare un elemento pulsante e aggiungervi la seguente classe: "popmake-trigger". Quindi, dovrai creare un popup modale e aggiungervi la seguente classe: "popmake-modal".

Come aggiungere un popup in WordPress in tre semplici passaggi – WPMPet Questo è il modo più semplice per aggiungere un popup a un sito WordPress. I popup sono un ottimo modo per aumentare il numero di iscritti alla newsletter aumentando l'esperienza utente del tuo sito web. Sulla base di 2 miliardi di popup modali, il 10% più ricco dei siti Web ha avuto un tasso di conversione medio del 9,28%. È noto che i modali popup hanno un alto tasso di successo tra le campagne di generazione di lead. In meno di due anni, Sumo afferma di aver raccolto oltre 23 milioni di indirizzi e-mail utilizzando una modalità popup. Quando si richiede ai visitatori del sito Web di agire o di notare un messaggio importante, l'utilizzo di modali è un modo molto efficace per ottenere questo risultato. Il framework ElementsKit ti consente di modificare il layout, il typeggler, la posizione del popup e la visualizzazione della tua finestra modale.

Oltre a un'immagine o un video personalizzato, puoi farlo apparire proprio come una pagina facendolo apparire. Anche l'icona di chiusura, l'intestazione e il piè di pagina possono essere nascosti. Il plugin ElementsKit WordPress è un creatore di popup all-in-one che può essere utilizzato per la creazione di siti Web. Il modulo di contatto 7 può essere aggiunto al file Modal con ElementsKit. Usa i widget integrati in ElementsKit per creare modali accattivanti. I metodi ti consentono di raggiungere più abbonati e raccogliere i dati degli utenti.