Bir Web Sitesine Hızla Popup Ekleyin
Sitenize açılır pencere eklemenin çeşitli yöntemleri vardır. Örneğin, en kolay yol üçüncü taraf bir widget kullanmaktır. Böyle araçlardan biri Elfsight’in Açılır Pencere Aracıdır. Web sitesi kurucularının %99.9’una uyumlu olan bu araç, sayfanıza dakikalar içinde entegre edilebilir.
Kısa Rehber
- Açılır pencere düzenleyicisini açın ve önceden hazırlanmış bir şablonu seçin veya kendi açılır pencerenizi baştan tasarlayın.
- Ayarları ve görünümü ihtiyaçlarınıza uygun şekilde ayarlayın: istediğiniz öğeleri ekleyin veya kaldırın, renk şemasını özelleştirin, vb.
- Tasarımınızı kaydedin ve üretilen HTML kodunu kopyalayın.
- Kodu sitenizin düzenleyicisine yapıştırın.
Bu kadar! Herkes bu işi yapabilir – kodlama bilgisine ihtiyaç yok. Elfsight, başlıklar, açıklamalar, görseller ve daha fazlasını içeren çekici açılır pencereler tasarlamanıza olanak tanır; hepsi sitenizin stiline sorunsuz uyum sağlayacak şekilde özelleştirilir.
Kolayca bir popup oluşturun — Web sitenizin çekiciliğini artırın ve ziyaretçileri etkileşimde tutun!
Bir Web Sitesine Popup Ekleme: Ayrıntılı Rehber
Şimdi Açılır Pencere Aracının olanaklarını daha ayrıntılı keşfedelim.
CMS’inize Açılır Pencere Bileşeni Nasıl Eklenir
Artık aracın nasıl çalıştığını gördüğünüz için, “Açılır pencereyi web sitesi oluşturucuma ekleyebilir miyim?” diye merak ediyor olabilirsiniz. Aşağıda, aracı en popüler içerik yönetim sistemlerine nasıl entegre edeceğinize ilişkin ayrıntılı talimatlar bulacaksınız.
HTML Sitesi için Açılır Pencere Ekleyin
İşte herhangi bir HTML tabanlı siteye Açılır Pencere aracını hızlıca eklemek için basit bir rehber.
- Web sitenizin yönetim paneline erişin. Widget’i sorunsuz entegre etmek için yönetim panelinizden HTML kodunu düzenleyebilme yeteneğine sahip olduğunuzdan emin olun.
- Elfsight kodunu sitenizin HTML’ine ekleyin. Popup’ın görünmesini istediğiniz tam konumu belirleyin; iş hedeflerinizle uyumlu olarak.
- Değişikliklerinizi kaydedin. Widget’in sayfanızda doğru şekilde çalıştığından ve göründüğünden emin olun.
WordPress’e Açılır Pencere Ekleyin

Sunulan kodu bir bloğa ekleyerek kod gerektirmeyen widget’ı hızla sitenize ekleyebilirsiniz.
- WordPress hesabınıza giriş yapın. HTML kodunu düzenleyebileceğiniz yönetim panelinize erişin.
- ‘Sayfalar’a gidin ve düzenlemek istediğiniz sayfayı seçin. Hedeflerinizi ve sayfanın belirli bir bölümüne yorumları yerleştirmenin nedenlerini düşünün.
- Özel HTML bloğu ekleyin. Popup’ı eklemeyi planladığınız sayfanın belirli bölümüne yerleştirin.
- Oluşturulan kodu bloğa yapıştırın. Sayfayı güncelleyin ve widget’in beklenen şekilde çalıştığından emin olun.
WordPress’te Açılır Pencere Oluştur→
Wix sitesine açılır afiş ekleyin

Wix sitesinin gerekli bir sayfasına Popup bileşenini eklemek oldukça basittir.
- Wix web sitesi düzenleyicisine erişin. Wix hesabınıza giriş yapın, üzerinde çalışmak istediğiniz siteyi seçin ve sitenizin kontrol paneline gidin. Web sitesi düzenleyicisini başlatmak için “Siteyi Düzenle” düğmesine tıklayın.
- Açılır Pencere Aracı için bir HTML bloğu ekleyin. Sol menüdeki Artı simgesine tıklayın, Gömme bölümüne gidin ve ‘Bir Widget Göm’ altında ‘Özel Gömme’ sekmesini seçerek sayfanıza yeni bir HTML bloğu ekleyin.
- Açılır Pencere Aracı Kurulum Kodu’nu Ekleyin. ‘Kodu Gir’ seçeneğini seçin, Açılır Pencere aracı sağlayıcınız tarafından verilen kurulum kodunu yapıştırın ve sayfaya gömmek için ‘Güncelle’ ye tıklayın.
- Widget’in boyutlarını ve konumunu ayarlayın. Widget’in boyutlarını ve sayfa üzerindeki konumunu gerektiği gibi ayarlayarak kusursuz uyum ve görsel olarak çekici bir görünüm elde edin. Gerektiğinde yeniden boyutlandırın ve konumlandırın.
- Mobil uyumluluğu sağlayın. Küçük ekranlarda widget’in görünümünü iyileştirmek için mobil düzenleyiciye geçin. Mobil kullanıcılar için gerekli ayarlamaları yapın ve sonuçtan memnun kaldığınızda değişikliklerinizi yayınlayın.
Shopify Web Sitesine Bir Açılır Pencere Ekle

Shopify sitenizin herhangi bir sayfasına hızlıca Popup widget’ını ekleyebilirsiniz.
- Shopify Yönetici Paneline Erişin. Web sitenizin ‘Çevrimiçi Mağaza’ bölümüne gidin.
- Ayarları açın. Açılır menüden ‘Özelleştir’ seçeneğini seçin, ardından sol taraftaki menüden ‘Bölüm Ekle’yi seçin.
- Özel İçerik Ekle ‘Özel İçerik’ altında, ‘Ekle’ye tıklayın ve önceden kurulu Shopify bileşenlerini kaldırın.
- Özel HTML seçeneğini seçin. ‘İçerik Ekle’ menüsünde ‘Özel HTML’yi seçin.
- Kurulum kodunu yapıştırın. ‘HTML’ bölümünü bulun, Açılır Pencere kurulum kodunu ekleyin ve tüm değişiklikleri kaydedin.
Shopify’da Açılır Pencere Oluştur →
Squarespace’a Açılır Pencere Ekle

Bir Shopify sitesinin istediğiniz sayfasına incelemeleri hızlıca ekleyebilirsiniz.
- Squarespace hesabınıza giriş yapın. Hesabınıza giriş yapın ve widget’ı eklemek istediğiniz siteyi seçin. Sitenizin kontrol paneline gidin ve düzenlemek istediğiniz web sitesini seçin.
- ‘Web Sitesi’ bölümüne gidin. Popup aracını yerleştirmek istediğiniz sayfayı seçin. Ana menüden ‘Web Sitesi’ bölümüne gidin ve düzenlemek istediğiniz sayfayı seçin.
- Düzenle’ye tıklayın ve ardından ‘Bölüm Ekle’yi seçin. Seçili sayfada, Düzenle’ye tıklayın ve ardından ‘Bölüm Ekle’yi seçerek widget için yeni bir bölüm oluşturun.
- Bir Kod Bloğu Ekle. Boş bir bölüm eklemek için ‘Add a blank section’ seçeneğini seçin, ardından ‘Add block’a tıklayın ve seçeneklerden ‘Code’ u seçin. Buraya Popup widget kurulum kodunu yapıştıracaksınız.
- Açılır Pencere Aracı kurulum kodunu ekleyin. Düzenle bölümüne gidin, sağlanan Açılır Pencere Aracı kodunu yapıştırın ve widget’ın sayfanıza düzgün oturması ve görsel olarak çekici görünmesi için bloğun genişliğini ayarlayın.
Squarespace’te Popup Oluştur →
Webflow Web Sitesi İçin Bir Açılır Pencere Ekle

Webflow sayfalarına açılır pencere widget’ını eklemek sorunsuzdur ve tamamlamak sadece birkaç dakikayı alır.
- Webflow ile başlayın. Webflow hesabınıza giriş yapın ve widget’ı eklemek istediğiniz siteyi seçin.
- Widget’i gömme. Webflow düzenleyicisinde Artı simgesine tıklayın. Ardından soldaki menüden Gömme öğesini sürükleyip bırakın ve incelemelerin görünmesini istediğiniz konuma bırakın.
- Kodun eklenmesi. Beliren HTML Gömme Kod Editörü’ne Popup kurulum kodunu yapıştırın, ardından ‘Kaydet ve Kapat’ düğmesine tıklayın.
- Özelleştirme ve Yayınlama. Açılır Pencere’nin ayarlarını özelleştirin, ardından ‘Yayınla’ya tıklayın ve hangi alan adlarında etkinleşeceğini seçin.
Webflow’da Açılır Pencere Oluştur→
Elementor Sitesine Açılır Pencere Ekleyin

Popup widget’ını Elementor’a eklemek kolay ve kullanışlıdır.
- WordPress arka ucundan başlayın. WordPress sitenizin arka ucuna giriş yapın, ‘Sayfalar’a gidin ve açılır pencere widget’ını eklemek istediğiniz sayfayı seçin.
- Elementor düzenlemesini başlatın. Seçili sayfayı özelleştirmeye başlamak için “Elementor ile Düzenle” düğmesine tıklayın.
- HTML öğesini uygulayın. Sürükle-bırak özelliğini kullanarak HTML öğesini sayfanızda konumlandırın.
- Widget kodunu web sitesine ekleyin. Elfsight Popup kurulum kodunu HTML Kod Kutusu içine yapıştırın.
- Güncelleyin ve keyfini çıkarın. Değişikliklerinizi kaydedin ve gömülü Popup ile sayfanızı görüntüleyin.
Elementor’da Açılır Pencere Oluştur→
Diğer Uyumlu Platformlar
Bu CMS’lere ek olarak, açılır pencere aracını Adobe Muse, BigCommerce, Blogger, Drupal, Facebook Page, Joomla, jQuery, iFrame, Magento, ModX, OpenCart, Webnode, Weebly, WooCommerce, Google Sites, GoDaddy, Jimdo, PrestaShop.
Popup Widget Özellikleri
Elfsight’in açılır pencere aracı, işletmenizin ihtiyaçlarına cevap verirken ziyaretçilerinizin deneyimini de geliştirmek için geniş bir özellik yelpazesi sunar. İşte dikkat çekici bazı örnekler:
| Özellik | İşletme İçin Avantajlar | Müşteriler İçin Avantajlar |
| Çekici eylem düğmeleri veya bağlantılar | Ziyaretçileri belirli eylemler yapmaya yönlendirmek için dönüşümleri artırın; örneğin satın almak veya kaydolmak. | Müşteriler istedikleri işlemlere kolayca yönlendirilir ve site deneyimi iyileştirilir. |
| Açılır pencereyi tamamlayan görseller ve videolar | Popup’in görsel çekiciliğini artırın, dikkati daha iyi çekin ve tekliflerinizin etkili bir şekilde iletilmesini sağlayın. | Ziyaretçiler, daha zengin ve ilgi çekici içeriklerle etkileşim kurar; bu, anlama ve ilgi düzeyini artırır. |
| Teklifler ve satış promosyonları; kuponlar dahil | Promosyonları doğrudan açılır pencerelerle sunarak satışları ve müşteri sadakatini artırın. | Müşteriler özel fırsatlar veya indirimlere erişebilir, alışveriş deneyimleri gelişir. |
| Özel formlar için yerleşik form oluşturucu | Müşteri bilgileri veya potansiyel müşterileri toplayın, böylece takip amaçlı pazarlama ve hizmet iyileştirmelerini yapabilirsiniz. | Müşteriler kolayca bilgi veya talepte bulunabilir, etkileşimleri hızlanır. |
| Form gönderildiğinde e-posta bildirimleri | Formlar gönderildiğinde anında güncellemeler alın; bu, hızlı takip ve daha iyi müşteri hizmeti sağlar. | Müşteriler gönderimlerinin hızlı bir onayını alır; bu güvenlerini ve memnuniyetlerini artırır. |
| Kaydırma veya öğe tıklamasıyla açılır pencerenin gösterimi | Bir ziyaretçi daha fazla keşfetmek veya etkileşime girmek niyeti gösterdiğinde açılır pencereler göstererek etkileşimi artırın. | Ziyaretçilere doğru zamanda ilgili içerik sunulur, kullanıcı deneyimi iyileştirilir. |
| Çıkış Niyetinde Açılır Pencere Gösterimi | Kullanıcı siteyi terk etmek üzereyken bir popup göstererek kayıp dönüşümleri yakalayın. | Ziyaretçilere son dakika teklifi veya hatırlatma sunulabilir; böylece karar verme süreçleri iyileştirilir. |
| Ayarlanabilir açılır pencere görüntüleme sıklığı | Ziyaretçileri boğmadan, popup’ların doğru zamanda gösterildiğinden emin olarak dönüşümleri maksimize edin. | Tekrarlayan Popup’lar kullanıcıları rahatsız etmez, deneyimlerini hoş tutar. |
Yukarıda listelenen faydalara ek olarak, bazı özellikler özellikle işletmelere açılır pencere stratejilerini güçlendirerek fayda sağlar. Yapay Zeka İçerik Üreticisi, işletmelerin tasarım becerisi gerektirmeden hızlıca etkili açılır pencereler oluşturmalarına olanak tanır. Formlar için Koşullu Mantık ayarları, işletmelerin hedef kitlelere özel mesajlar iletmesini sağlar ve sunulan içeriğin alaka düzeyini artırır.
Ayrıca, her dile sorunsuz çeviri ve özelleştirilebilir CSS/JS düzenleyici, çeşitli pazarlar ve belirli marka ihtiyaçları için popup’larınızı uyarlama esnekliği sağlar.
Web Sitesi Açılır Pencere Bildirimlerinin Avantajları
Bir süredir açılır pencereler, pazarlamacılar tarafından çok agresif biçimde kullanılıyor. Örneğin, kapatıldıktan sonra otomatik olarak açılan pencereler ve hedef işlem gerçekleşene kadar kapatılamıyorlardı. Geçmişte dolandırıcılar zararlı yazılımları enjekte etmek için bu pencereleri kullandı.
Neyse ki açılır pencerelere yönelik olumsuz görüşler giderek azalıyor. Doğru kullanıldığında açılır pencereler değerli bir pazarlama aracıdır. Örneğin, SUMO, 2 milyar açılır pencereyi analiz etti ve dönüşüm oranlarının yüzde 40 ve üstüne ulaşabildiğini buldu. Buradaki ana şey ise bu aracı doğru kullanmaktır.
Sitenize açılır pencere eklemenin ana avantajları şu şekildedir:
Bu açılır pencereleri çeşitli bağlamlarda stratejik olarak kullanarak kullanıcı etkileşimini artırabilir, dönüşümleri yükseltebilir ve ziyaretçilerine daha kişiselleştirilmiş bir gezinme deneyimi sunabilirler.
Web Sitesi Açılır Pencere Örnekleri
Ve şimdi web siteniz için Popup aracının bazı ilginç şablon örneklerine göz atalım. Başlamak için nereden başlayacağını bilmeyen ve ilham arayan kullanıcılar için bu özellikle faydalı olabilir.
Çıkış Niyeti Açılır Pencere
Bir ziyaretçi web sitenizden ayrılmaya yaklaşırken, genelde farenin çıkış düğmesine doğru hareket etmesiyle tetiklenen bir Çıkış Niyeti Açılır Penceresi görünür. Bu, son dakika bir teklif, hatırlatma veya indirim ile dikkatlerini çekmek için ideal bir an olup potansiyel bir müşteriyi kaybetme ihtimalini azaltır.

Bildirim Açılır Pencere
Bir bildirim açılır pencere ziyaretçilere önemli güncellemeler hakkında bilgi vermek için kullanılır; örneğin son satışlar, indirimler veya yeni ürünler. Belirli zamanlarda görünmesi için ayarlanabilir veya kullanıcılar sitenin belirli bölümleriyle etkileşime girdiğinde tetiklenecek şekilde ayarlanabilir; bu da ana olaylar veya teklifler hakkında bilgi sahibi olmalarını sağlar.

Açılır Form
Açılır Formlar, ziyaretçilerden e-posta adresleri, geri bildirimler veya sorgular gibi önemli bilgileri doğrudan toplamaya olanak tanır. Bu özellik, işletmelerin e-posta listenizi büyütmesine, anketler yapmasına veya ziyaretçileri hedeflenen harekete geçirici çağrılarla etkileşimde bulunmaya teşvik etmesine yardımcı olur.

İndirim veya Kupon Açılır Pencere
Bir indirim veya kupon açılır penceresi, kullanıcıları satın almaya teşvik etmek için özel teklifler veya promosyon kodları sunar. Bir açılır pencere aracılığıyla indirimler sunarak işletmeler ziyaretçileri hemen harekete geçmeye ve işlemlerini tamamlamaya teşvik edebilir.

Sosyal Kanıt Açılır Pencere
Bir sosyal kanıt açılır pencere, yeni ziyaretçilere güven ve güvenilirlik oluşturmak için müşteri yorumlarını veya referanslarını gösterir. Olumlu geri bildirimler göstererek işletmeler müşteri güvenini artırabilir ve potansiyel alıcıları etkileşime geçmeye veya satın almaya teşvik edebilir.

Abonelik Açılır Pencere
Abonelik Açılır Penceresi ziyaretçileri haber bültenlerine veya özel içeriğe abone olmaya teşvik eder. İndirimler veya ücretsiz kaynaklar gibi teşviklerle işletmeler sadık bir kitle oluşturarak etkileşimi artırabilir.

Diğer şablonlarımıza göz atın ve ihtiyaçlarınıza en uygun olanı seçin!
100’den Fazla Açılır Pencere Şablonlarını Keşfedin
Sonuç
Genel olarak, web sitesi açılır pencereler ziyaretçileri etkilemek ve dönüşümleri artırmak için güçlü bir araçtır; kullanıcı deneyimini geliştirmek ve iş hedeflerine ulaşmak için geniş bir özellik ve kullanım senaryosu yelpazesi sunar.
Sepet terk etmeyi azaltmak, özel teklifler sunmak, geri bildirim toplamak veya e-posta listenizi büyütmek istiyorsanız, açılır pencereler esnek ve etkili bir çözümdür. Hedeflerinizle uyumlu ve hedef kitlenize hitap eden açılır pencereleri stratejik olarak uygulayarak müşteri etkileşimini artırabilir, satışları yükseltebilir ve nihayetinde web sitenizin genel performansını iyileştirebilirsiniz.
Daha Fazla Bilgi İçin?
Umarız bu kılavuz sizin için faydalı olmuştur. Bizimle iletişime geçin eğer web siteniz için özel bir hesaplayıcı oluşturmaya dair daha fazlasını öğrenmek isterseniz. Misyonumuz sizin için sorunsuz ve başarılı bir deneyim sunmaktır. Elfsight’ta, işiniz için kod gerektirmeyen widget’lar aracılığıyla eksiksiz bir çözüm sunmaya kararlıyız.
Bilgi ve fikirlerin paylaşıldığı dinamik Topluluğumuzun bir parçası olun. Geliştirme önerilerinizi duymaya her zaman açığız, bu yüzden bunları İstek Listemize eklemekten çekinmeyin.


