Come creare e visualizzare popup per post tag in WordPress

Vuoi creare e visualizzare un popup per tag post in WordPress? Quindi continua a leggere questo articolo.

Siamo sicuri che conosci già la piccola finestra che appare durante la navigazione in un sito web. Bene, si chiama popup o popup. I popup possono apparire in diverse dimensioni e posizioni sullo schermo su un sito web.

In WordPress, ci sono molti plugin per creare popup, come Elementor Pro, JetPopup, Brizy Pro e altri.

L’élément important à retenir est que les fenêtres contextuelles ne doivent pas être ennuyeuses pour les visiteurs de votre site web. Par conséquent, créez un popup aussi simple et attrayante que possible.

contenuto

Alcuni plugin di WordPress per creare popup

Elementor Pro

Elementor Pro est une extension d’Elementor avec des centaines de fonctionnalités premium. Il vous offre de puissants outils professionnels qui accélèrent votre flux de travail et votre conception. Elementor Pro ti dà il pieno controllo sul layout e sul design del tuo sito web. In questo caso, puoi personalizzare liberamente il design del tuo popup.

utiliser Elementor Pro creare un popup tramite post tag è molto semplice e facile da usare. Puoi facilmente definire le condizioni di visualizzazione del tuo popup in modo molto preciso.

JetPopup di Crocoblock è un'estensione per Elementor. Puoi acquistarlo come plug-in autonomo o acquistarlo in bundle con altri plug-in Crocoblock. Il vantaggio di utilizzare JetPopup per creare una finestra popup è che include molte funzioni interessanti.

Puoi giocare con i trigger della finestra popup.
Puoi creare animazioni per la finestra popup.
È disponibile un gran numero di modelli popup.

Brizy Pro

Il generatore di popup di Brizy Pro ti offre due opzioni. Il primo è il popup attivato con il clic e il secondo sono i trigger e le condizioni automatici.

Apertura al clic: il tuo popup può essere attivato semplicemente facendo clic sugli elementi della tua pagina.
Trigger e condizioni automatici: è possibile configurare le azioni dei visitatori che determineranno quando vengono visualizzati i popup.

Come accennato in precedenza, hai diverse opzioni per creare un popup in WordPress. In questo tutorial, ti mostreremo come creare e visualizzare un popup per post tag utilizzando la versione Elementor Pro, assurez-vous donc d’en avoir déjà une.

La prima cosa da fare è creare un nuovo modello Popup. Per creare un nuovo modello popup, vai a Modelli > Popup sulla dashboard di WordPress e fai clic sul pulsante Aggiungere nuova.

Quindi, aggiungi il nome del tuo popup e fai clic sul pulsante CREA UN MODELLO.

Verrai indirizzato alla libreria dei modelli, puoi scegliere un modello dalla finestra della libreria o progettare il tuo modello popup. Per utilizzare un modello dalla libreria, basta fare clic sul pulsante inserire.

Ma in questo tutorial, creeremo il modello Popup da zero. Fare clic sull'icona X per chiudere la libreria dei modelli.

Dobbiamo apportare alcune modifiche alle impostazioni del popup prima di iniziare a creare un modello popup. Puoi trovare le impostazioni migliori per il tuo sito. In questo tutorial, ti mostreremo le impostazioni Popup di tua scelta.

Fai clic sull'icona a forma di ingranaggio nell'angolo in basso a sinistra. Nelle impostazioni Popup, cambia il file Larghezza nel 90% della larghezza della vista (VW) Et la Posizione en Centro-Basso.

Quindi, progetta il tuo modello popup. Aggiungi una nuova sezione e seleziona la struttura a 5 colonne. Nella sezione impostazioni, impostare il Larghezza su 950. Puoi giocare con le tue impostazioni.

Ad esempio, puoi andare alla scheda Style per impostare lo sfondo, vai alla scheda avanzato per personalizzare il margine e molti altri.

Ora torniamo alle tue colonne. Nella colonna di sinistra, imposta la larghezza al 33% e per le altre quattro al 16%.

Nella colonna di sinistra, aggiungeremo un widget Titolo con del testo. Puoi aggiungere del testo che invita i visitatori del tuo sito Web a visualizzare altri contenuti pertinenti al contenuto corrente o qualsiasi altro testo a tua scelta.

Sulla destra, aggiungeremo un widget Immagine. Puoi aggiungere immagini dalle miniature/immagini in primo piano dei post o caricarle manualmente.

Ora la struttura è pronta. Ritornare a Impostazioni popup per personalizzare le animazioni di ingresso, uscita e margine. In questo tutorial, impostiamo l'input su Dissolvenza e l'uscita attiva Dissolvenza. Quindi vai alla scheda avanzato e imposta il margine su 30 (valore comune per i link).

Ora che il design è pronto, fai clic sul pulsante PUBBLICARE per impostare condizioni di visualizzazione e trigger. Per definire la condizione di visualizzazione, fare clic sul pulsante AGGIUNGI UNA CONDIZIONE e seleziona la tua opzione dall'elenco a discesa.

Poiché si desidera visualizzare il tag Popup per post, è possibile impostare le seguenti condizioni di visualizzazione (vedere l'animazione).

Fare clic su Avanti. Nella scheda trigger, impostare il trigger su Su scorrimento spostando l'interruttore su Sì. Definisci il Tipo di viaggio su Basso con Larghezza oltre il 95%. Perché vogliamo che il popup appaia quando i visitatori raggiungono la fine del nostro articolo.

In questo tutorial, non definiremo Regole avanzate. Quindi clicca su SALVA E CHIUDI. Bene, ora abbiamo finito.

Vediamo come appare.

Qui hai appena terminato il tuo popup. Vedi anche i nostri articoli correlati:

Scarica Elementor Pro

Condividi questo articolo:

Michos Gartner

Mikhos Gartner è un esperto di strumenti digitali che acquista, testa e recensisce strumenti SAAS per le piccole imprese. Basandosi su anni di esperienza nel campo della tecnologia, fornisce recensioni approfondite. Il suo contenuto è ampiamente consumato e serve milioni di utenti ogni mese.