WordPress'te popup haz\u0131rlamak i\u00e7in sayfa olu\u015fturucu kullanman\u0131z gerekmez. \u00d6zel bir popup eklentisi \u00e7o\u011fu kampanyay\u0131 y\u00f6netebilir. Tek ve basit bir pencereye ihtiya\u00e7 duyan geli\u015ftiriciler ise k\u00fc\u00e7\u00fck bir \u00f6zel \u00e7\u00f6z\u00fcm haz\u0131rlayabilir.<\/p>\n
Ancak kullan\u0131lan ara\u00e7 tek ba\u015f\u0131na iyi sonu\u00e7 vermez. Yanl\u0131\u015f anda a\u00e7\u0131lan, mobilde sayfay\u0131 kapatan veya her ziyarette yeniden g\u00f6r\u00fcnen bir popup, tasar\u0131m\u0131 ne kadar \u015f\u0131k olursa olsun kullan\u0131c\u0131y\u0131 rahats\u0131z eder. Mesaj, tetikleyici, hedef kitle ve kapatma davran\u0131\u015f\u0131 en az tasar\u0131m kadar \u00f6nemlidir.<\/p>\n
\u00d6nce kampanyan\u0131n amac\u0131n\u0131, hedef kitlesini, tetikleyicisini ve g\u00f6sterim s\u0131kl\u0131\u011f\u0131n\u0131 belirleyin. \u00c7o\u011fu site i\u00e7in popup eklentisi yeterlidir; tek ve basit bir ihtiya\u00e7ta eri\u015filebilir \u00f6zel kod da kullan\u0131labilir.<\/p>\n
Popup, mevcut sayfan\u0131n \u00fczerinde a\u00e7\u0131lan bir mesaj kutusudur. Metin, form, g\u00f6rsel veya buton i\u00e7erebilir. Ziyaret\u00e7i genellikle pencereyi kapat\u0131r ve sayfay\u0131 kullanmaya devam eder.<\/p>\n
\u00d6rne\u011fin fiyatland\u0131rma sayfas\u0131ndaki ziyaret\u00e7i i\u00e7eri\u011fin yar\u0131s\u0131n\u0131 okuduktan sonra k\u00fc\u00e7\u00fck bir pencere a\u00e7\u0131labilir. Bu pencere, herkesi hemen ba\u015fka bir sayfaya g\u00f6ndermeden \u00fcr\u00fcn demosu teklif eder.<\/p>\n
Modern popup, yeni bir taray\u0131c\u0131 penceresi de\u011fildir. WordPress ara\u00e7lar\u0131 \u00e7o\u011funlukla mevcut sayfan\u0131n i\u00e7inde bir HTML katman\u0131 g\u00f6sterir. B\u00f6ylece g\u00f6r\u00fcn\u00fcm ve davran\u0131\u015f site y\u00f6neticisinin kontrol\u00fcnde kal\u0131r.<\/p>\n
Popup, mesaj ziyaret\u00e7inin yapt\u0131\u011f\u0131 i\u015fle ilgili oldu\u011funda daha faydal\u0131d\u0131r. Her sayfay\u0131 ayn\u0131 genel reklamla kesmek ise k\u0131sa s\u00fcrede rahats\u0131z edici h\u00e2le gelir. Mesaj\u0131 ziyaret\u00e7inin o anda ilgilendi\u011fi i\u00e7erikle ili\u015fkilendirmek daha iyi sonu\u00e7 verir.<\/p>\n
Sayfada zaten g\u00f6r\u00fcnmesi gereken temel bilgileri popup i\u00e7ine saklamay\u0131n. Kargo \u00fccretleri, yasal a\u00e7\u0131klamalar ve ana sat\u0131n alma butonu, kullan\u0131c\u0131 popup a\u00e7masa da bulunabilir olmal\u0131d\u0131r.<\/p>\n
Anla\u015f\u0131l\u0131r bir popup genellikle be\u015f par\u00e7aya sahiptir: ba\u015fl\u0131k, k\u0131sa a\u00e7\u0131klama, tek ana eylem, g\u00f6r\u00fcn\u00fcr kapatma kontrol\u00fc ve ne zaman a\u00e7\u0131laca\u011f\u0131n\u0131 belirleyen kural.<\/p>\n
Ba\u015fl\u0131k ziyaret\u00e7inin kazanaca\u011f\u0131 \u015feyi s\u00f6ylemelidir. A\u00e7\u0131klama, ba\u015fl\u0131\u011f\u0131 farkl\u0131 kelimelerle tekrarlamak yerine en \u00f6nemli soruyu cevaplamal\u0131d\u0131r. Buton da \u201cKontrol listesini indir\u201d veya \u201cDemo talep et\u201d gibi sonraki ad\u0131m\u0131 a\u00e7\u0131k\u00e7a anlatmal\u0131d\u0131r.<\/p>\n
Kapatma butonunu saklamay\u0131n. Gizli bir \u00e7arp\u0131 yanl\u0131\u015fl\u0131kla daha fazla t\u0131klama getirebilir, fakat g\u00fcveni azalt\u0131r. Mobil ekranda kullan\u0131c\u0131 yak\u0131nla\u015ft\u0131rma yapmadan ve k\u00fc\u00e7\u00fck bir alana denk getirmeye \u00e7al\u0131\u015fmadan pencereyi kapatabilmelidir.<\/p>\n
Eklenti ekran\u0131n\u0131 a\u00e7madan \u00f6nce tek bir ama\u00e7 yaz\u0131n. \u201cPopup g\u00f6stermek\u201d bir ama\u00e7 de\u011fildir. \u201cYedekleme yaz\u0131lar\u0131n\u0131 okuyanlara yedekleme kontrol listesi sunmak\u201d ise mesaj\u0131 ve hedeflemeyi belirleyecek kadar a\u00e7\u0131kt\u0131r.<\/p>\n
Bu k\u0131sa plan, \u00f6nce kutuyu tasarlay\u0131p daha sonra ona bir ama\u00e7 bulmaya \u00e7al\u0131\u015fma hatas\u0131n\u0131 \u00f6nler.<\/p>\n
\u00c7o\u011fu WordPress kullan\u0131c\u0131s\u0131 i\u00e7in en kolay yol \u00f6zel bir popup eklentisidir. Sayfa olu\u015fturucuya ihtiya\u00e7 duymadan i\u00e7erik d\u00fczenleyici, g\u00f6sterim kurallar\u0131, tetikleyiciler ve s\u0131kl\u0131k kontrol\u00fc sunar.<\/p>\n
\u201cPopup 3\u201d yerine \u201cFiyatland\u0131rma demo \u2014 masa\u00fcst\u00fc \u2014 a\u011fustos\u201d gibi bir i\u00e7 ad kullan\u0131n. Bu k\u00fc\u00e7\u00fck ayr\u0131nt\u0131, kampanyay\u0131 aylar sonra bulmay\u0131 ve y\u00f6netmeyi kolayla\u015ft\u0131r\u0131r.<\/p>\n
Tetikleyici popup’\u0131n ne zaman a\u00e7\u0131laca\u011f\u0131n\u0131 belirler. Zaman gecikmesi kolay anla\u015f\u0131l\u0131r, ancak ziyaret\u00e7i sayfay\u0131 g\u00f6rmeden \u00e7al\u0131\u015fmamal\u0131d\u0131r. Kayd\u0131rma oran\u0131 uzun yaz\u0131larda ilgi d\u00fczeyini g\u00f6sterir. T\u0131klama tetikleyicisi ise pencereyi kullan\u0131c\u0131 istedi\u011fi i\u00e7in genellikle en az rahats\u0131z eden se\u00e7enektir. Tetikleyiciyi okuma ilerlemesine ve kullan\u0131lan cihaza g\u00f6re se\u00e7in.<\/p>\n
Dokunmatik cihazlarda fare imleci olmad\u0131\u011f\u0131 i\u00e7in \u00e7\u0131k\u0131\u015f niyeti ayn\u0131 g\u00fcvenilirlikle \u00e7al\u0131\u015fmaz. Mobil i\u00e7in ayr\u0131 kural belirleyin. WordPress \u00e7\u0131k\u0131\u015f niyeti popup rehberi<\/a> bu fark\u0131 daha ayr\u0131nt\u0131l\u0131 a\u00e7\u0131klar.<\/p>\n Mesaj\u0131 sayfa, cihaz ve kampanya ihtiyac\u0131na g\u00f6re s\u0131n\u0131rland\u0131r\u0131n. Sayfa ve cihaz kurallar\u0131yla popup hedefleme<\/a> yaz\u0131s\u0131nda daha fazla \u00f6rnek bulunur.<\/p>\n Kapat\u0131lan popup sonraki sayfada hemen yeniden a\u00e7\u0131l\u0131rsa kullan\u0131c\u0131ya bozuk g\u00f6r\u00fcn\u00fcr. Ayn\u0131 ki\u015finin kampanyay\u0131 gere\u011finden fazla g\u00f6rmemesi i\u00e7in s\u0131kl\u0131k s\u0131n\u0131r\u0131 belirleyin. Ayn\u0131 ziyaret\u00e7iye ne kadar s\u0131k g\u00f6sterilece\u011fini de ba\u015ftan belirleyin.<\/p>\n Kural; popup’\u0131n g\u00f6r\u00fcnt\u00fclendi\u011fini, kapat\u0131ld\u0131\u011f\u0131n\u0131 veya tamamland\u0131\u011f\u0131n\u0131 \u00e7erez ya da taray\u0131c\u0131 depolamas\u0131yla hat\u0131rlayabilir. E-posta daveti kapat\u0131ld\u0131ktan sonra birka\u00e7 g\u00fcn gizlenebilir. Ba\u015far\u0131l\u0131 kay\u0131t sonras\u0131nda ise \u00e7ok daha uzun s\u00fcre g\u00f6sterilmemelidir.<\/p>\n Kural\u0131 normal taray\u0131c\u0131 oturumunda ve ard\u0131ndan gizli pencerede test edin. WordPress popup g\u00f6sterim s\u0131kl\u0131\u011f\u0131<\/a> rehberi farkl\u0131 se\u00e7enekleri ele al\u0131r.<\/p>\n Tek ve k\u00fc\u00e7\u00fck bir pencereye ihtiya\u00e7 duyan geli\u015ftirici, yerle\u015fik HTML Bu yaln\u0131zca temel a\u00e7ma ve kapatma mekanizmas\u0131d\u0131r. Ger\u00e7ek kampanyada CSS, form i\u015fleme, gerekti\u011finde izin y\u00f6netimi ve g\u00f6sterim s\u0131kl\u0131\u011f\u0131 da gerekir. Tekrar kullan\u0131lacak davran\u0131\u015f\u0131 rastgele bir \u015fablona yap\u0131\u015ft\u0131rmak yerine k\u00fc\u00e7\u00fck eklentiye veya do\u011fru \u015fekilde y\u00fcklenen JavaScript dosyas\u0131na koyun.<\/p>\n Modal pencere a\u00e7\u0131ld\u0131\u011f\u0131nda klavye oda\u011f\u0131 pencerenin i\u00e7ine ta\u015f\u0131nmal\u0131d\u0131r. Pencere a\u00e7\u0131kken odak i\u00e7eride kalmal\u0131 ve kapat\u0131ld\u0131\u011f\u0131nda a\u00e7an \u00f6\u011feye geri d\u00f6nmelidir. Uygun durumlarda Escape tu\u015fu \u00e7al\u0131\u015fmal\u0131, kapatma butonunun etiketi anla\u015f\u0131l\u0131r olmal\u0131d\u0131r.<\/p>\n Resm\u00ee W3C modal dialog \u00f6r\u00fcnt\u00fcs\u00fc, klavye ve odak davran\u0131\u015f\u0131n\u0131 a\u00e7\u0131klar. Eklenti kullansan\u0131z bile bitmi\u015f popup’\u0131 yaln\u0131zca fareyle de\u011fil klavyeyle de test edin.<\/p>\n ALL IN ONE WP SETTINGS \u00b7 POPUP MANAGER<\/p>\n Bir popup ancak do\u011fru ziyaret\u00e7iye, do\u011fru sayfada ve do\u011fru zamanda g\u00f6sterildi\u011finde fayda sa\u011flar. Bu nedenle yaln\u0131zca pencerenin tasar\u0131m\u0131 yeterli de\u011fildir. Nerede a\u00e7\u0131laca\u011f\u0131, hangi davran\u0131\u015f\u0131n tetikleyece\u011fi, nas\u0131l kapanaca\u011f\u0131 ve ayn\u0131 ki\u015fiye ne s\u0131kl\u0131kla g\u00f6sterilece\u011fi de planlanmal\u0131d\u0131r. All in One WP Settings i\u00e7indeki Popup Manager, bu kampanya kararlar\u0131n\u0131 tek bir WordPress ekran\u0131nda toplar.<\/p>\n Popup i\u00e7eri\u011fini belirli bir sayfa olu\u015fturucu \u015fablonuna ba\u011flamadan haz\u0131rlayabilirsiniz. Kampanya sayfa d\u00fczeninden ba\u011f\u0131ms\u0131z kald\u0131\u011f\u0131 i\u00e7in daha kolay y\u00f6netilir ve tekrar kullan\u0131labilir. Sayfa hedefleme ve pratik tetikleyici se\u00e7enekleri, mesaj\u0131n b\u00fct\u00fcn ziyaret\u00e7ilere rastgele g\u00f6sterilmesi yerine ilgili yerde a\u00e7\u0131lmas\u0131na yard\u0131mc\u0131 olur. Duyuru, teklif, ileti\u015fim formu, e-posta \u00fcyeli\u011fi ve sat\u0131\u015f kampanyalar\u0131 bu yap\u0131 i\u00e7inde d\u00fczenli bi\u00e7imde y\u00f6netilebilir.<\/p>\n Y\u00f6netilen aray\u00fcz, HTML, CSS ve JavaScript ile s\u0131f\u0131rdan modal geli\u015ftirmeye g\u00f6re kurulumu ve bak\u0131m\u0131 kolayla\u015ft\u0131r\u0131r. Deneyimli y\u00f6netici veya pazarlama ekibi ise farkl\u0131 kampanyalar\u0131 merkezi bir alanda tutar ve g\u00f6sterim kurallar\u0131n\u0131 daha rahat izler. \u0130yi planlanan popup \u00e7al\u0131\u015fmalar\u0131 sat\u0131\u015f ve d\u00f6n\u00fc\u015f\u00fcm hedeflerini desteklerken ziyaret\u00e7iyi rahats\u0131z etmez. Popup Manager, teknik ayr\u0131nt\u0131lara veya sayfa olu\u015fturucu s\u0131n\u0131rlar\u0131na tak\u0131lmadan mesaj, hedef kitle ve sonu\u00e7 \u00fczerinde \u00e7al\u0131\u015fman\u0131z\u0131 sa\u011flar.<\/p>\n Teklif veya hedef sayfa de\u011fi\u015fti\u011finde kampanyay\u0131 sayfa d\u00fczenini yeniden olu\u015fturmadan ayn\u0131 yerden g\u00fcncelleyebilirsiniz. B\u00f6ylece pazarlama ve site y\u00f6netimi daha h\u0131zl\u0131 hareket eder; hangi mesaj\u0131n hangi ziyaret\u00e7i grubu i\u00e7in haz\u0131rland\u0131\u011f\u0131 da anla\u015f\u0131l\u0131r bi\u00e7imde kal\u0131r.<\/p>\n Ayn\u0131 g\u00f6sterim, kapatma ve d\u00f6n\u00fc\u015f\u00fcm \u00f6l\u00e7\u00fcleri kullan\u0131ld\u0131\u011f\u0131nda sonraki kampanyalar\u0131 kar\u015f\u0131la\u015ft\u0131rmak da kolayla\u015f\u0131r.<\/p>\n Popup Manager mod\u00fcl\u00fcn\u00fc inceleyin<\/a>Fiyatland\u0131rma ve denemeyi g\u00f6r\u00fcn<\/a><\/p>\n<\/section>\n Yaln\u0131zca buton t\u0131klamas\u0131n\u0131 saymay\u0131n. Popup’\u0131n ka\u00e7 kez g\u00f6sterildi\u011fini, ka\u00e7 kez kapat\u0131ld\u0131\u011f\u0131n\u0131 ve hedef i\u015flemin ka\u00e7 kez tamamland\u0131\u011f\u0131n\u0131 izleyin. Y\u00fcksek t\u0131klama ile \u00e7ok y\u00fcksek kapatma oran\u0131 birlikte g\u00f6r\u00fcl\u00fcyorsa kampanya yine de rahats\u0131z edici olabilir.<\/p>\n Her testte tek b\u00fcy\u00fck unsuru de\u011fi\u015ftirin. \u00d6nce tetikleyiciyi, daha sonra mesaj\u0131, son olarak form uzunlu\u011funu deneyebilirsiniz. Her \u015feyi ayn\u0131 anda de\u011fi\u015ftirirseniz sonucu neyin iyile\u015ftirdi\u011fini anlayamazs\u0131n\u0131z.<\/p>\n Popup'\u0131 bir engel de\u011fil, ziyaret\u00e7inin bulundu\u011fu sayfayla ilgili bir sonraki ad\u0131m olarak tasarlay\u0131n. Tek hedef kitle, tek ama\u00e7 ve \u00f6l\u00e7\u00fcl\u00fc bir g\u00f6sterim kural\u0131yla ba\u015flay\u0131n. Sonu\u00e7lar gerektirmedik\u00e7e sistemi karma\u015f\u0131kla\u015ft\u0131rmay\u0131n.<\/p>\nPopup g\u00f6sterim s\u0131kl\u0131\u011f\u0131n\u0131 s\u0131n\u0131rlay\u0131n<\/h2>\n
HTML ve JavaScript ile basit popup haz\u0131rlay\u0131n<\/h2>\n
<dialog><\/code> \u00f6\u011fesini kullanabilir. B\u00fcy\u00fck bir sayfa olu\u015fturucu ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 olu\u015fmaz; fakat stil, a\u00e7ma, kapatma ve taray\u0131c\u0131 testlerini sizin haz\u0131rlaman\u0131z gerekir.<\/p>\n<button type=\"button\" id=\"open-offer\">Teklifi g\u00f6r\u00fcnt\u00fcle<\/button>\n\n<dialog id=\"offer-dialog\">\n <h2>\u00dcr\u00fcn demosu talep edin<\/h2>\n <p>Uygun zaman\u0131 se\u00e7in, \u00e7al\u0131\u015fma ak\u0131\u015f\u0131n\u0131 birlikte inceleyelim.<\/p>\n <button type=\"button\" id=\"close-offer\">Kapat<\/button>\n<\/dialog><\/code><\/pre>\nconst dialog = document.getElementById('offer-dialog');\n\ndocument.getElementById('open-offer').addEventListener('click', () => {\n dialog.showModal();\n});\n\ndocument.getElementById('close-offer').addEventListener('click', () => {\n dialog.close();\n});<\/code><\/pre>\nEri\u015filebilirlik ve mobil g\u00f6r\u00fcn\u00fcm\u00fc kontrol edin<\/h2>\n
\n
Sayfa olu\u015fturucu olmadan etkili popup kampanyalar\u0131 haz\u0131rlay\u0131n<\/h2>\n
\n
Popup sonu\u00e7lar\u0131n\u0131 \u00f6l\u00e7me<\/h2>\n
Kaynaklar<\/h2>\n