Dil:

Herhangi Bir Web Sitesine Açılır Pencere Nasıl Eklenir

Web sitenize açılır pencere eklemenin ayrıntılı kılavuzunu inceleyin. Aracın özelliklerini ve açılır pencerelerin uygulanmasının faydalarını öğrenin.
ChatGPT’in ne düşündüğünü gör Canlı Widget Düzenleyicisini Aç
Tarafından
How to Add Popup to Any Website

Bir Web Sitesine Hızla Popup Ekleyin

Popup görsel içerik türüdür; bir kullanıcı bir web sitesi üzerinde gezinirken küçük bir pencere olarak görünür. Birçok biçimde gelebilir: tam ekran, kenar çubuğu ve afiş. Dikkat çekmek için tasarlanmış olan açılır pencereler, teklifler sunarak, potansiyel müşteriler toplamak veya kullanıcı hareketlerini yönlendirmek suretiyle dönüşümleri artırmada son derece etkilidir.

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

  1. 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.
  2. 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.
  3. Tasarımınızı kaydedin ve üretilen HTML kodunu kopyalayın.
  4. 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.

  1. 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.
  2. Elfsight kodunu sitenizin HTML’ine ekleyin. Popup’ın görünmesini istediğiniz tam konumu belirleyin; iş hedeflerinizle uyumlu olarak.
  3. Değişikliklerinizi kaydedin. Widget’in sayfanızda doğru şekilde çalıştığından ve göründüğünden emin olun.

HTML’de Popup Oluştur →

WordPress’e Açılır Pencere Ekleyin

Sunulan kodu bir bloğa ekleyerek kod gerektirmeyen widget’ı hızla sitenize ekleyebilirsiniz.

  1. WordPress hesabınıza giriş yapın. HTML kodunu düzenleyebileceğiniz yönetim panelinize erişin.
  2. ‘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.
  3. Özel HTML bloğu ekleyin. Popup’ı eklemeyi planladığınız sayfanın belirli bölümüne yerleştirin.
  4. 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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.

Wix’te Açılır Pencere Oluştur

Shopify Web Sitesine Bir Açılır Pencere Ekle

Shopify sitenizin herhangi bir sayfasına hızlıca Popup widget’ını ekleyebilirsiniz.

  1. Shopify Yönetici Paneline Erişin. Web sitenizin ‘Çevrimiçi Mağaza’ bölümüne gidin.
  2. 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.
  3. Özel İçerik Ekle ‘Özel İçerik’ altında, ‘Ekle’ye tıklayın ve önceden kurulu Shopify bileşenlerini kaldırın.
  4. Özel HTML seçeneğini seçin. ‘İçerik Ekle’ menüsünde ‘Özel HTML’yi seçin.
  5. 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.

  1. 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.
  2. ‘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.
  3. 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.
  4. 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.
  5. 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.

  1. Webflow ile başlayın. Webflow hesabınıza giriş yapın ve widget’ı eklemek istediğiniz siteyi seçin.
  2. 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.
  3. 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.
  4. Ö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.

  1. 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.
  2. Elementor düzenlemesini başlatın. Seçili sayfayı özelleştirmeye başlamak için “Elementor ile Düzenle” düğmesine tıklayın.
  3. HTML öğesini uygulayın. Sürükle-bırak özelliğini kullanarak HTML öğesini sayfanızda konumlandırın.
  4. Widget kodunu web sitesine ekleyin. Elfsight Popup kurulum kodunu HTML Kod Kutusu içine yapıştırın.
  5. 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 AvantajlarMüşteriler İçin Avantajlar
Çekici eylem düğmeleri veya bağlantılarZiyaretç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 videolarPopup’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 dahilPromosyonları 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şturucuMüş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 bildirimleriFormlar 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österimiBir 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österimiKullanı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.

Exit-intent popup examples

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.

Notification popup example

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.

Form popup example

İ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.

Discount popup example

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.

Social proof popup notification

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.

Subscription popup example

Diğer şablonlarımıza göz atın ve ihtiyaçlarınıza en uygun olanı seçin!

Şablon Kataloğu

100’den Fazla Açılır Pencere Şablonlarını Keşfedin

Her kullanım için hazır şablonlarımızı inceleyin ya da kendi şablonunuzu sıfırdan oluşturun!
HTML Notification Popup template
Zaman duyarlı mesajlar göstermek için bir bildirim widget’ı oluşturun ve web sitesi dönüşümünü artırın.
HTML Exit Intent Popup template
Web sitenizde kullanıcıların dikkatini bir kez daha çekmek ve ilgiyle sürdürmek için bir açılır pencere widget’ı ekleyin.
HTML Video Popup template
Bu şablonla özelleştirilebilir video açılır pencereler oluşturun ve izleyicilerinizi büyüleyin.
HTML Message Popup template
Bu açılır pencere aracıyla sitenizin topluluğunda karşılıklı güven oluşturarak bağlantıda kalın.
HTML Newsletter Popup template
Web sitenize bir açılır pencere widget’ı eklemek, haber bülteni abonelerinin sayısını kesinlikle hızla artırmanıza yardımcı olur.
İlgi çekmek ve kullanıcıları satın almaya teşvik etmek için web sitenize bir indirim açılır penceresi ekleyin.
Web sitenize bir açılır pencere şablonu ekleyin ve bugün e-posta abonelerinizin sayısını artırmaya başlayın.
Uygun Şablon Bulunamadı?
Kullanımı kolay yapılandırıcımızla ihtiyacınız olan widget’ı kolayca derleyebilirsiniz.

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.

Makale tarafından
İçerik Yöneticisi
Ben Elfsight’ta içerik yöneticisiyim; kullanıcıların çevrimiçi projelerini geliştirmelerine yardımcı olacak akıllı web sitesi çözümleri hakkında uygulanabilir kılavuzlar hazırlıyorum. Makalelerim sade tutulur ve widget’ların siteleri nasıl güçlendirdiğini, daha etkili hale getirdiğini gösterir.