Ponnahdusikkunoiden luominen ja näyttäminen viestitunnisteen avulla WordPressissä

Haluatko luoda ja näyttää yhden ponnahdusikkunan viestiä kohden WordPressissä? Joten jatka tämän artikkelin lukemista.

Olemme varmoja, että tunnet jo pienen ikkunan, joka tulee näkyviin selatessasi verkkosivustoa. No, sitä kutsutaan ponnahdusikkunaksi tai ponnahdusikkunaksi. Ponnahdusikkunat voivat näkyä verkkosivustolla eri kokoisina ja eri paikoissa näytöllä.

WordPressissä on monia laajennuksia ponnahdusikkunoiden luomiseen, kuten Elementor Pro, JetPopup, Brizy Pro ja paljon muuta.

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.

Sisällysluettelo

Jotkut WordPress-laajennukset ponnahdusikkunoiden luomiseen

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 antaa sinulle täyden hallinnan verkkosivustosi ulkoasuun ja suunnitteluun. Tässä tapauksessa voit vapaasti muokata ponnahdusikkunasi ulkoasua.

käyttö Elementor Pro ponnahdusikkunan luominen post-tunnisteen avulla on erittäin yksinkertaista ja helppokäyttöistä. Voit helposti määrittää ponnahdusikkunasi näyttöehdot erittäin tarkasti.

Crocoblockin JetPopup on laajennus Elementor. Voit ostaa sen erillisenä laajennuksena tai ostaa sen nipussa muiden Crocoblock-laajennusten kanssa. JetPopupin käytön etuna ponnahdusikkunan luomiseen on, että siinä on paljon hienoja ominaisuuksia.

Voit leikkiä ponnahdusikkunan liipaisimilla.
Voit luoda animaatioita ponnahdusikkunaan.
Saatavilla on suuri määrä ponnahdusikkunamalleja.

Lue myös: 22 parasta Premium-lisäosaa Elementorille

Brizy Pro

Ponnahdusikkunoiden rakentaja Brizy Pro tarjoaa kaksi vaihtoehtoa. Ensimmäinen on napsautuksella aktivoitava ponnahdusikkuna, ja toinen on automaattiset laukaisimet ja ehdot.

Avaaminen napsautuksella: Ponnahdusikkuna voidaan laukaista yksinkertaisesti napsauttamalla sivusi elementtejä.
Automaattiset liipaisimet ja ehdot: Voit määrittää vierailijatoiminnot, jotka määrittävät, milloin ponnahdusikkunat näytetään.

Kuten aiemmin mainittiin, sinulla on useita vaihtoehtoja ponnahdusikkunan luomiseen WordPressissä. Tässä opetusohjelmassa näytämme, kuinka voit luoda ja näyttää ponnahdusikkunan viestikohtaisesti käyttämällä versiota Elementor Pro, assurez-vous donc d’en avoir déjà une.

Ensimmäinen asia on luoda uusi popup-malli. Voit luoda uuden ponnahdusikkunamallin siirtymällä osoitteeseen Mallit > Ponnahdusikkunat WordPress-hallintapaneelissasi ja napsauta painiketta Lisää uusi.

Lisää seuraavaksi ponnahdusikkunasi nimi ja napsauta painiketta LUO MALLI.

Sinut ohjataan mallikirjastoon, voit valita mallin kirjastoikkunasta tai suunnitella oman Popup-mallin. Jos haluat käyttää mallia kirjastosta, napsauta painiketta Lisää.

Mutta tässä opetusohjelmassa aiomme luoda Popup-mallin tyhjästä. Napsauta kuvaketta X sulkeaksesi mallikirjaston.

Meidän on tehtävä joitain muutoksia ponnahdusikkuna-asetuksiin ennen kuin alamme luoda ponnahdusikkunamallin. Löydät parhaat asetukset sivustollesi. Tässä opetusohjelmassa näytämme sinulle valitsemasi ponnahdusikkuna-asetukset.

Napsauta rataskuvaketta vasemmassa alakulmassa. Muuta ponnahdusikkuna-asetuksissa Leveys 90 %:ssa näkymän leveydestä (VW) Et asema en Keski-ala.

Suunnittele seuraavaksi ponnahdusikkunamalli. Lisää uusi osio ja valitse 5 sarakkeen rakenne. Aseta osion asetuksissa Leveys 950. Voit pelata asetuksillasi.

Voit esimerkiksi siirtyä välilehteen Tyyli Aseta tausta siirtymällä välilehdelle kehittynyt muokata marginaalia ja paljon muuta.

Nyt takaisin sarakkeihisi. Aseta vasemman sarakkeen leveydeksi 33 % ja neljälle muulle 16 %:ksi.

Lisäämme vasempaan sarakkeeseen Otsikko-widgetin, jossa on tekstiä. Voit lisätä tekstiä, joka kutsuu verkkosivustosi kävijöitä katsomaan muuta sisältöä, joka liittyy nykyiseen sisältöön, tai mitä tahansa muuta valitsemaasi tekstiä.

Oikealle lisäämme Kuva-widgetin. Voit lisätä kuvia viestien pikkukuvista/suosituskuvista tai ladata ne manuaalisesti.

Nyt rakenne on valmis. Palata takaisin Ponnahdusikkunan asetukset mukauttaaksesi tulo-, poistumis- ja marginaalianimaatioita. Tässä opetusohjelmassa asetamme syötteen arvoon Häivyttää ja lähtö päälle Häivyttää. Siirry sitten välilehteen kehittynyt ja aseta marginaaliksi 30 (linkkien yhteinen arvo).

Nyt kun malli on valmis, napsauta painiketta PUBLISH asettaaksesi näyttöolosuhteet ja liipaisimet. Määritä näyttöehto napsauttamalla painiketta LISÄÄ EHDOT ja valitse vaihtoehtosi avattavasta luettelosta.

Koska haluat näyttää Popup by post -tunnisteen, voit asettaa seuraavat näyttöehdot (katso animaatio).

Napsauta Seuraava. Välilehdellä Liipaisimet, aseta liipaisin asentoon Scrollilla kääntämällä kytkin asentoon kyllä. Määrittele Suunta päälle Bas ja Leveys yli 95 %. Koska haluamme ponnahdusikkunan ilmestyvän, kun vierailijat saapuvat artikkelimme loppuun.

Tässä opetusohjelmassa emme aio määritellä Lisäsäännöt. Napsauta siis TALLENNA JA SULJE. No, nyt olemme valmiit.

Katsotaan miltä se näyttää.

Tässä olet juuri saanut ponnahdusikkunan valmiiksi. Katso myös aiheeseen liittyvät artikkelimme:

Lataa Elementor Pro

Jaa tämä artikkeli:

Mikhos Gartner

Mikhos Gartner on digitaalisten työkalujen asiantuntija, joka ostaa, testaa ja arvioi SAAS-työkaluja pienyrityksille. Hän antaa oivaltavia arvioita vuosien teknologia-alan kokemuksen perusteella. Sen sisältöä kulutetaan laajalti, ja se palvelee miljoonia käyttäjiä joka kuukausi.