En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

How to Add a Countdown Timer Widget in WordPress (3 Easy Ways)

WordPress sitenize bir geri sayım sayacı eklemek onu daha ilgi çekici hale getirebilir. Bir ürün lansmanını vurguluyor, önemli bir tarihi işaretliyor veya bir etkinlik için beklenti oluşturuyor olun, geri sayım sayacı bu işi etkili bir şekilde yapar.

Örneğin, web sitelerimizde ürün satışlarını, Black Friday fırsatlarını ve daha fazlasını vurgulamak için geri sayımlar kullandık.

Birkaç adımla, bu göz alıcı widget'ı web sitenize kurabilirsiniz. Sadece dikkat çekmekle kalmaz, aynı zamanda kitlenizi bilgilendirir.

Bu makalede, WordPress sitenize bir geri sayım zamanlayıcısı eklemenin üç basit yolunu öğreneceksiniz. Teknik bilgisi olmayanlar bile, biz hallettik.

WordPress'e Geri Sayım Zamanlayıcı Widget'ı Nasıl Eklenir

Geri Sayım Zamanlayıcı Widget'ı Ne Zaman ve Neden Kullanılır?

Geri sayım sayaçları çok yönlüdür ve çeşitli senaryolarda kullanılabilir. Heyecan ve aciliyet katarlar, ziyaretçileri harekete geçmeye teşvik ederler.

Yeni bir web sitesi mi başlatıyorsunuz? Bir geri sayım sayacı beklenti oluşturabilir ve heyecan yaratabilir. Ziyaretçileri en son güncellemeleri kontrol etmeye teşvik etmek için zamanlayıcıyı güzel bir yakında sayfasında görüntülersiniz.

Geri sayım zamanlayıcısını kullanmak için bir diğer harika zaman, çevrimiçi mağazanızda yaklaşan satışlar veya promosyonlardır. Bir zamanlayıcı göstererek, müşterilerinizi sınırlı süreli teklifler hakkında bilgilendirir, satışları ve etkileşimi artırırsınız.

Geri Sayım Zamanlayıcısı Örneği

Geri sayım sayaçları etkinlik organizatörlerine de fayda sağlayabilir. Bu bir web semineri, bir konferans veya sosyal bir toplantı olsun, bir zamanlayıcı ayarlamak katılımcıların etkinliğin tam olarak ne zaman gerçekleşeceğini bilmelerine yardımcı olur.

web sitesi bakımı sırasında geri sayım sayaçları da kullanışlıdır. Ziyaretçilere web sitesinin ne zaman tekrar erişilebilir olacağını bildirirler, böylece onları bilgilendirebilir ve hayal kırıklığını azaltabilirsiniz.

Kişisel bir dönüm noktasını veya yıldönümünü işaretlemek gibi daha küçük ölçekli kullanımlar için geri sayım zamanlayıcıları WordPress sitenize şıklık katar.

Artık gönderilerinizde, sayfalarınızda ve kenar çubuğu widget alanınızda bir geri sayım sayacı gösterebilirsiniz.

Geri sayım zamanlayıcıları, site ziyaretçilerini etkilemek ve onları web sitenize geri getirmek için lightbox açılır pencerelerine, kayan çubuklara, kaydırma kutularına ve diğer tasarım öğelerine de eklenebilir.

Geri sayım zamanlayıcısı için pek çok kullanım durumu olduğundan, WordPress'e geri sayım zamanlayıcısı widget'ı eklemenin 3 farklı yöntemini listeledik:

Video Eğitim

WPBeginner'a Abone Olun

Yazılı talimatları tercih ederseniz, okumaya devam edin.

Yöntem 1: Geri Sayım Sayacı Ultimate Eklentisini Kullanarak Geri Sayım Sayacı Widget'ı Ekleme (Ücretsiz)

Countdown Timer Ultimate, web sitenize temel bir geri sayım zamanlayıcısı eklemenizi sağlayan basit bir eklentidir.

Bu eğitimde, geri sayım sayacı oluşturmak için gereken tüm araçlara sahip olduğu için ücretsiz eklentiyi kullanacağız.

Countdown Timer Ultimate'ın eklenti banner'ı

Başlamak için yapmanız gereken ilk şey Countdown Timer Ultimate eklentisini kurmak ve etkinleştirmektir. Yardıma ihtiyacınız olursa, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.

Etkinleştirdikten sonra, WordPress yönetici alanınızdan Geri Sayım Zamanlayıcısı » Zamanlayıcı Ekle bölümüne gitmek isteyeceksiniz.

Bu sonraki ekranda, zamanlayıcınıza bir başlık verebilirsiniz. ‘Yeni Zamanlayıcı Ekle’ alanına istediğiniz herhangi bir başlığı yazmanız yeterlidir.

Zamanlayıcı başlığı ekleme

Not: Zamanlayıcı, WordPress site ayarlarınızda belirlenen saat dilimini kullanır. Bu geri sayım sayacının saat dilimini değiştirmek istiyorsanız, Ayarlar » Genel'e gidip WordPress sitenizin saat dilimi ayarlarını güncellemeniz gerekecektir.

Bundan sonra, geri sayım zamanlayıcınızın bitiş tarihini ve saatini ayarlamak için 'Geri Sayım Zamanlayıcısı – Ayarlar' alanına aşağı kaydırabilirsiniz.

'Bitiş Tarihi ve Saati' alanını bulduktan sonra, tarih seçiciden tarihi seçmeye devam edin. Ardından, bitiş saatini ayarlamak için 'Saat', 'Dakika' ve 'Saniye' kaydırıcılarını sürükleyebilirsiniz.

Bir sonraki adıma devam etmek için sadece 'Bitti'ye tıklayın.

Countdown Timer Ultimate'ta son kullanma tarihi ve saati ayarlama

Bir sonraki adım, zamanlayıcı etiketini tanımlamaktır.

Geri sayım zamanlayıcınızda günler, saatler, dakikalar ve saniyeler göstergelerini göstermek için 'Zamanlayıcı Etiketi' alanındaki tüm kutuları işaretleyin.

Countdown Timer Ultimate'ta zamanlayıcı etiketini ayarlama

Şimdi, sayfayı aşağı kaydırıp geri sayım zamanlayıcısını biçimlendirmek için ‘Tasarım’ sekmesine geçelim.

İlk bölümde, ‘Tasarım Ayarları,’ bir tasarım seçebilir ve zamanlayıcı boyutunu ayarlayabilirsiniz.

Ne yazık ki, ücretsiz kullanıcılar yalnızca ‘Daire Stili 1’ zamanlayıcı tasarımını seçebilirler. Ancak, ‘Zamanlayıcı Genişliği’ bölümünde zamanlayıcımızın ne kadar geniş olacağını tanımlayabiliriz. Burada 850 piksel olarak ayarladık.

Countdown Timer Ultimate'ta zamanlayıcı genişliğini ayarlama

‘Zamanlayıcı Genişliği’ altında, ‘Daire Stili Ayarları’ bölümünü bulacaksınız.

Yapmak isteyeceğiniz ilk şey bir animasyon seçmektir. İki seçeneğiniz var: 'Düzgün' ve 'Tikler'.

Zamanlayıcı animasyonuna karar verdikten sonra, kaydırıcıları sürükleyerek dairenin ön ve arka plan genişliğini ayarlayabilirsiniz.

Geri Sayım Zamanlayıcı Ultimate'ın daire tasarımı ayarları

Bundan sonra, geri sayım zamanlayıcısının renklerini özelleştirmeye devam edebilirsiniz.

‘Saat Arka Plan Renkleri Ayarları’ bölümünde, arka plan rengini ayarlayabilir ve günler, saatler, dakikalar ve saniyeler için rengi ayrı ayrı değiştirebilirsiniz.

Geri Sayım Zamanlayıcı Ultimate'ın saat arka plan renkleri ayarları

Ayarlardan memnun kaldığınızda, devam edin ve 'Yayınla' düğmesine tıklayın.

Geri Sayım Zamanlayıcı Widget'ınızı WordPress'te Görüntüleme

Geri sayım zamanlayıcı widget'ınızı kurduğunuza göre, onu web sitenize ekleme zamanı.

İlk olarak, WordPress web sitenizdeki ‘Geri Sayım Zamanlayıcısı’ menü öğesine tıklayın. Oluşturduğunuz zamanlayıcı, ‘Geri Sayım Zamanlayıcısı’ tablosunda listelenecektir.

Geri sayım sayacınızın yanında, kopyalamanız gereken bir kısa kod göreceksiniz.

Countdown Timer Ultimate'ın kısa kodu

Kısa kodu kopyaladıktan sonra, geri sayım zamanlayıcısını görüntülemek istediğiniz gönderiyi veya sayfayı açmak isteyeceksiniz.

Buradan Kısa Kod bloğunu eklemek için ‘+’ düğmesine tıklayabilirsiniz. Ardından, bu kısa kodu WordPress gönderinizin veya sayfanızın içerik alanına yapıştırmanız yeterlidir.

Geri sayım sayacı ultimate'in kısa kodunu bir sayfaya ekleme

Ardından, değişikliklerinizi kaydetmek için 'Güncelle' veya 'Yayınla' düğmesine tıkladığınızdan emin olmak isteyeceksiniz.

Geri sayım zamanlayıcı widget'ını çalışırken görmek için artık web sitenizi ziyaret edebilirsiniz.

Countdown Timer Ultimate'ın canlı bir web sitesindeki widget'ı

Klasik bir tema kullanıyorsanız, bu geri sayım zamanlayıcısını sitenizin kenar çubuğuna ekleyebilmeniz de mümkündür.

Not: Tüm WordPress klasik temalarında kenar çubuğu özelliği bulunmaz. Bu nedenle, bir tema seçmeden önce kenar çubuklarını nasıl özelleştirebileceğinizi veya etkinleştirebileceğinizi görmek için temanın belgelerini veya ayarlarını kontrol etmek her zaman iyi bir fikirdir. Bu örnekte Neve temasını kullanıyoruz.

Yalnızca Görünüm » Widget'lar sayfasına gidin. Ardından, 'Ana Kenar Çubuğu' bölümündeki '+' düğmesine tıklayabilir ve Kısa Kod bloğunu arayabilirsiniz.

Göründüğünde üzerine tıklayın ve geri sayım zamanlayıcısının kısa kodunu yapıştırın.

Geri sayım zamanlayıcısı widget'ını ana kenar çubuğuna ekleme

İşiniz bittiğinde, widget ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tıklamayı unutmayın.

Artık geri sayım zamanlayıcısını kenar çubuğunda veya widget'a hazır alanda görmek için sitenizi ziyaret edebilirsiniz.

Kenar çubuğunda geri sayım sayacı

Yöntem 2: OptinMonster Kullanarak Geri Sayım Sayacı Widget'ı Ekleme (Önerilir)

OptinMonster piyasadaki en iyi WordPress açılır pencere eklentisidir, ancak açılır pencerelerden çok daha fazlasını yapar. Siteden ayrılan ziyaretçileri abonelere ve müşterilere dönüştürmenize yardımcı olur.

OptinMonster'ın geri sayım sayacı özelliğini kullanarak, geri sayım sayacını bir ışık kutusu açılır penceresine, kenar çubuğu widget'ına, kayan çubuğa veya başka herhangi bir OptinMonster kampanya türüne entegre edebilirsiniz.

Araç, güzel bir tasarımla bir geri sayım zamanlayıcısı görüntülemek için akıllı bir yol sunar. Hatta WordPress'te evergreen geri sayım zamanlayıcıları oluşturmanıza olanak tanır.

Sürekli geri sayım zamanlayıcısı, her bir ziyaretçi için bir geri sayım başlatır. Ardından, kişi sitenize geldiğinde zamanlayıcı başlar. Dinamik geri sayım zamanlayıcısı olarak da adlandırılır.

İlk olarak, OptinMonster web sitesini ziyaret edin ve ihtiyaçlarınıza uygun bir plan için kaydolun.

Optinmonster ana sayfası

İşiniz bittiğinde, OptinMonster eklentisini WordPress sitenize kurabilirsiniz. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Bu eklenti, WordPress sitenizi OptinMonster uygulamasına bağlayacaktır. Etkinleştirdikten sonra, 'Mevcut Bir Hesabı Bağla' düğmesine tıklayabilir ve entegrasyon sürecini başlatmak için istemleri izleyebilirsiniz.

OptinMonster'ı WordPress'e Bağlama

Bundan sonra bir açılır pencere belirdiğini göreceksiniz. OptinMonster hesabınız için kaydolurken kullandığınız e-posta adresini seçin ve ‘WordPress'e Bağlan’ düğmesine tıklayın.

Eklenti artık WordPress sitenizi OptinMonster hesabınıza bağlayacaktır.

Bağlandıktan sonra, OptinMonster kontrol panelinizden yeni bir kampanya oluşturmaya başlayabilirsiniz. Basitçe OptinMonster » Kampanyalar bölümüne gidin ve ‘İlk Kampanyanızı Oluşturun’ düğmesine tıklayın.

OptinMonster'ın İlk Kampanyanızı Oluşturun düğmesi

Eklenti, seçebileceğiniz çeşitli kampanya türleri ve şablonları sunar.

Herhangi bir kampanya türünü kullanabilir ve geri sayım zamanlayıcısını ekleyebilirsiniz. Bu eğitim için ‘Popup’ kampanya türünü kullanacağız. Ardından, ‘İndirim Kodu Al’ şablonunu kullanacağız.

OptinMonster'ın Açılır Pencere kampanya türünü seçme

Şablonu adlandırmanız gereken bir açılır pencere görünecektir. Ad yalnızca sizin referansınız içindir, bu yüzden istediğiniz herhangi bir şeyi kullanabilirsiniz.

Örneğin, kampanyamıza ‘Geri Sayım Zamanlayıcısı’ adını verdik.

OptinMonster kampanyasına isim verme

Bunu yaptıktan sonra, ‘Oluşturmaya Başla’ya tıklayın. OptinMonster sizi oluşturucu arayüzüne yönlendirecektir.

Buradan, sol paneldeki ‘Blok’ bölümünü inceleyelim. Ardından, ‘Geri Sayım’ bloğunu sürükleyip sağ paneldeki önizlemede gördüğünüz yere bırakın.

Popup kampanyasına geri sayım bloğu ekleme

Ardından, kenar çubuğu panelindeki açılır alandan 'Geri Sayım Türü'nü seçebilirsiniz. İki seçenek vardır: 'Statik' ve 'Dinamik'.

Şimdi, iki tür arasında seçim yapmak tamamen hedefinize bağlıdır. Adından da anlaşılacağı gibi, statik bir zamanlayıcı tek bir bitiş tarihine ve saatine sabitlenir, bu da onu tek seferlik etkinlikler için ideal hale getirir, örneğin bir ürün lansmanı veya webinar.

Peki ya tekrarlayan bir aciliyet hissi yaratmak isterseniz? İşte dinamik zamanlayıcının kullanışlı olduğu yer burasıdır.

Diyelim ki online mağazanız her hafta bir flaş indirim kampanyası yapıyor. Dinamik bir zamanlayıcı, her satış döneminden sonra otomatik olarak sıfırlanacaktır, bu da büyük bir yardım olabilir.

Bu kılavuz için, haftalık flaş satışları tanıtmak üzere dinamik bir geri sayım zamanlayıcısı oluşturacağız.

Yani, açılır menüden 'Dinamik' seçeneğini seçelim ve son kullanma tarihini ve saatini ayarlayalım. Ardından, kampanya içgörülerini toplamak için 'Dönüşüm takibi?' seçeneğini etkinleştirmek isteyebilirsiniz.

OptinMonster'da dinamik geri sayım sayacı oluşturma

İsterseniz, geri sayım zamanlayıcısının görünümünü özelleştirebilirsiniz.

‘Gelişmiş’ sekmesine geçmeniz yeterlidir; zamanlayıcının arka plan rengini, yazı tiplerini, gölgeleri ve daha fazlasını değiştirmek için özelleştirme seçeneklerini bulacaksınız.

OptinMonster'ın geri sayım zamanlayıcısını özelleştirme

Her şey ayarlandıktan sonra 'Görüntüleme Kuralları' sekmesine gidin.

Açılır pencerenizin ne zaman ve hangi sayfalarda görüneceğini tam olarak kontrol ettiğiniz yer burasıdır. Varsayılan ayar her sayfada 5 saniye sonra görünmesidir, ancak ihtiyaçlarınıza uyacak şekilde kolayca özelleştirebilirsiniz.

OptinMonster'da görüntüleme kurallarını yapılandırma

Alternatif olarak, OptinMonster’ın MonsterLink’inden yararlanabilirsiniz.

Bu özellik, kullanıcılar sitenizdeki bir bağlantıya veya düğmeye tıkladığında açılır pencerenin görünmesini tetiklemenizi sağlar. Böylece ziyaretçiler teklifinizi veya mesajınızı ne zaman görmek istedikleri konusunda doğrudan kontrole sahip olurlar.

MonsterLink'i kullanmak için öncelikle ‘sayfada geçen süre’ açılır menüsüne tıklamanız gerekir. Ardından, ‘Ne Zaman (Tetikleyiciler)’ ve ardından ‘MonsterLink (Tıklandığında)’ seçeneğini seçin.

OptinMonster'da MonsterLink Kullanımı

Eklendikten sonra, 'MonsterLink kodunu kopyala'ya tıklayabilirsiniz. Gömme işleminde buna ihtiyacınız olacak.

Ardından, çöp simgesine tıklayarak diğer görüntüleme kuralını silebilirsiniz.

MonsterLink kodunu kopyala ve diğer kuralı silmek için çöp simgesi

Şimdi, geri sayım sayacıyla kampanyayı yayınlama zamanı. Bunu yapmak için, ‘Yayınla’ sekmesine geçelim.

Buradan, durumu 'Taslak'tan 'Yayınla'ya değiştirebilirsiniz. Ardından, 'Kaydet' düğmesine tıklayıp düzenleyiciden çıkmanız yeterlidir.

Geri sayım zamanlayıcılı kampanyayı yayınlama

Ardından, kampanya durumunuzu doğrulamanız gereken bir OptinMonster sayfasına yönlendirileceksiniz.

'Görünürlük ve Durum' bölümünde, 'Beklemede' durumunu 'Yayınlandı' olarak değiştirmeye devam edin.

OptinMonster'da kampanyanın durumunu doğrulama

Değişikliklerinizin kaydedildiğinden emin olmak için yeşil 'Değişiklikleri Kaydet' düğmesine tıklamayı unutmayın.

Şimdi yapılması gereken tek şey MonsterLink kodunu WordPress web sitenize eklemek.

Öncelikle, kampanyayı geri sayım zamanlayıcısıyla göstermek istediğiniz gönderiyi veya sayfayı açmak isteyeceksiniz.

Örneğin, kendi sitemizi demo fotoğrafçılık sitemizdeki 'Galeri' sayfasına ekleyeceğiz. Bu nedenle, Sayfalar » Tüm Sayfalar'a gidelim ve 'Galeri' sayfasındaki 'Düzenle'ye tıklayalım.

Sayfa düzenleyicisinde, ‘+’ düğmesine tıklayabilir ve Özel HTML bloğunu arayabilirsiniz. Sayfaya eklemek için tıklamanız yeterlidir.

Sayfaya özel HTML ekleme

‘Özel HTML’ bloğuna, daha önce kopyaladığınız MonsterLink kodunu yapıştırmanız yeterlidir.

Sayfanın blok düzenleyicisinde şöyle görünebilir:

MonsterLink özel HTML bloğuna eklendi

Şimdi, 'Hemen Abone Ol!' harekete geçirici mesajı kampanyanın amacına uygun olmayabilir.

Bu nedenle, bunu ‘Sınırlı Promosyon Kodumuzu Alın,’ ‘Özel İndirimlerin Kilidini Açın’ veya bağlama daha uygun başka bir şey olarak değiştirelim. Bittiğinde, sayfayı ‘Güncelle’ veya ‘Yayınla’yabilirsiniz.

Şimdi sayfayı ziyaret ederseniz, MonsterLink'in çalıştığını göreceksiniz.

Özel CTA'lı MonsterLink canlı bir web sitesinde

Sadece tıklamayı deneyin, geri sayım zamanlayıcısıyla kampanya açılır penceresini göreceksiniz.

Demo 'Galeri' sayfamızda şöyle görünüyor:

OptinMonster'ın geri sayım zamanlayıcısı canlı bir web sitesinde

Yöntem 3: SeedProd Kullanarak Geri Sayım Sayacı Widget'ı Ekleme

SeedProd, WordPress için en iyi tema ve açılış sayfası oluşturucudur.

Sürükle ve bırak oluşturucusu, harika açılış sayfaları oluşturmanıza ve ziyaretçilerinizin dikkatini çekmek için bir geri sayım zamanlayıcısı eklemenize olanak tanır.

SeedProd ana sayfası

Geri sayım zamanlayıcısı özelliğini kullanmak için SeedProd Pro'ya ihtiyacınız olacak. Pro plan ile ayrıca farklı şablonlara, özelleştirme için sayfa bloklarına, e-posta pazarlama entegrasyonlarına ve daha fazlasına erişebilirsiniz.

Yapmanız gereken ilk şey, SeedProd Pro eklentisini WordPress web sitenize kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, lisans anahtarınızı eklemek ve doğrulamak için WordPress kontrol panelinizden SeedProd » Ayarlar bölümüne gidebilirsiniz. Bu anahtarı SeedProd hesabınızdan alabilirsiniz.

Lisans anahtarını girdikten sonra ‘Anahtarı Doğrula’ düğmesine tıklayabilirsiniz.

Lisans anahtarınızı girin

SeedProd Pro'yu manuel olarak da yükleyebilirsiniz. Bunu yapmadan önce, SeedProd hesabınızdan SeedProd Pro .zip dosyasını indirdiğinizden emin olun.

Ardından, ‘Yükle Eklenti’ düğmesine basarak ‘Dosya Seç’ seçeneğini görebileceğiniz Eklentiler » Yeni Eklenti Ekle bölümüne gidebilirsiniz. SeedProd Pro .zip dosyasını yükleyin.

Bundan sonra, 'Şimdi Yükle' düğmesine tıklamanız yeterlidir.

SeedProd Pro zip dosyasını yükleme

Artık yeni bir açılış sayfası oluşturmaya hazırsınız. Başlamak için SeedProd » Açılış Sayfaları yolunu izlemeniz gerekecek.

SeedProd, gelecek yakında sayfaları, özel WooCommerce sepet sayfaları, giriş sayfaları ve 404 sayfaları dahil olmak üzere farklı sayfa türleri ayarlamanıza olanak tanır. Ayrıca, bir teşekkür sayfası veya bir web semineri için kayıt sayfası gibi diğer açılış sayfalarını oluşturmak için 'Yeni Açılış Sayfası Ekle' düğmesine tıklayabilirsiniz.

Bu eğitim için ‘Yakında’ sayfasını kullanacağız. Burası bir geri sayım zamanlayıcısı eklemek ve kitlenizi yaklaşan bir ürün veya etkinlik hakkında hatırlatmak için harika bir yerdir.

'Gelecek Yakında Sayfası Kur' düğmesine tıklayalım.

Yakında gelecek sayfa türünü seçme

Ardından, açılış sayfanız için bir şablon seçeceksiniz.

Boş bir şablon kullanarak sıfırdan bir sayfa oluşturma seçeneği olsa da, bir şablon kullanmanızı öneririz, çünkü bu zaman kazandırır ve tasarımı istediğiniz gibi düzenlemenize olanak tanır.

Mükemmel şablonu bulduktan sonra, üzerine gelip kullanmak için 'kontrol' düğmesine tıklayabilirsiniz.

Bir açılış sayfası şablonu seçme

Bir sonraki ekranda, ‘Tasarım’ sekmesi altında SeedProd sürükle-bırak sayfa oluşturucuya yönlendirileceksiniz.

Burada, bölümler ve bloklar ekleyip kaldırarak açılış sayfasını özelleştirebilirsiniz. Sayfanın düzenini de biçimlendirebilirsiniz.

Geri sayım zamanlayıcısını eklemek için sol panelde aşağı kaydırarak 'Gelişmiş' blokları bölümüne gidin. Ardından, 'Geri Sayım' bloğunu açılış sayfanızda istediğiniz yere sürükleyip bırakın.

SeedProd'un açılış sayfasına geri sayım bloğu ekleme

Geri sayım bloğunu ekledikten sonra, onu özelleştirelim. Üzerine tıklamanız yeterlidir; sol panelde özelleştirme seçeneklerini göreceksiniz.

Kontrol edebileceğiniz 3 sekme vardır: ‘İçerik,’ ‘Şablonlar’ ve ‘Gelişmiş.’ Bunları tek tek inceleyelim.

'İçerik' sekmesinde, bir geri sayım türü seçebilir, bitiş tarihini ve saatini ayarlayabilir, bir saat dilimi seçebilir, zamanlayıcının hizalamasını ayarlayabilir ve daha fazlasını yapabilirsiniz.

SeedProd'da geri sayım sayacının içeriğini düzenleme

Şimdi, ‘Şablonlar’ bölümüne geçelim.

Burada SeedProd, 5 adet geri sayım zamanlayıcısı stili arasından seçim yapmanıza olanak tanır.

Geri sayım zamanlayıcı şablonu seçme

Son olarak, ‘Gelişmiş’ sekmesinde birkaç bölüm bulunur.

'Stiller' bölümü, zamanlayıcının tipografi ayarlarını, renklerini ve kenarlıklarını değiştirmenize olanak tanır.

SeedProd'da geri sayım sayacının gelişmiş ayarlarını özelleştirme

Ardından, ‘Gelişmiş’ sekmesini ‘Animasyon Efektleri’ bölümüne kaydırmak isteyebilirsiniz.

Burada, ziyaretçiler geri sayım zamanlayıcısını gördüğünde onu vurgulamak için animasyon uygulayabilirsiniz. Açılır menüye tıklamanız ve 'Yanıp Sönme', 'Nabız', 'Sallanma', 'Titreşim' ve daha fazlası gibi mevcut efektler arasından seçim yapmanız yeterlidir.

SeedProd'da animasyon efektleri ayarlama

Metinler veya sosyal medya düğmeleri gibi diğer açılış sayfası öğelerini ayarlamak isterseniz, onlara tıklayabilirsiniz. Ardından, SeedProd özelleştirme seçeneklerini açacaktır.

Her şey ayarlandığında, geri sayım zamanlayıcılı açılış sayfanızı yayınlamak için ‘Sayfa Ayarları’ sekmesine tıklayın.

Yapmak isteyeceğiniz ilk şey, açılış sayfasına bir başlık vermektir. Örneğin, açılış sayfamıza 'Çok Yakında' adını verdik.

Ardından, ‘Sayfa Durumu’nu ‘Taslak’tan ‘Yayınla’ya değiştirebilirsiniz. Ayrıca ‘Powered by SeedProd’ bağlantısını gösterme veya gizleme seçeneğiniz de vardır.

SeedProd'da açılış sayfasının durumunu Yayınla olarak değiştirme

Ardından, 'Sayfa Ayarları' sekmesi altındaki 'Erişim Kontrolü'nü kontrol edelim ve açılış sayfanızı kimlerin görüntüleyebileceğini yönetelim.

Belirli kişilerin 'Çok Yakında' sayfasını atlamasına ve web sitenizi geliştirmeye devam etmesine izin vermek istiyorsanız bu özellik gerçekten kullanışlıdır. SeedProd ayrıca 'Çok Yakında' sayfasının gösterileceği URL'leri dahil etmenize ve hariç tutmanıza olanak tanır.

Varsayılan olarak, sayfa tüm web sitesinde görünür olacaktır. Ancak, yalnızca ana sayfada veya belirli URL'lerde görünecek şekilde değiştirebilirsiniz.

SeedProd'da erişim kontrolünü kontrol etme

Bundan sonra, SEO ayarlarına giderek sayfanızı arama motorları için optimize edebilirsiniz.

SeedProd, bir SEO başlığı, açıklaması, favicon'u ve sosyal medya küçük resmi eklemenize olanak tanır.

Açılış sayfasının SEO'sunu SeedProd'da optimize etme

Açılış sayfanıza kod parçacıkları eklemek istiyorsanız, Sayfa Ayarlarındaki 'Betikler' bölümüne gidin. Burada sayfanızın üstbilgisine, gövdesine ve altbilgisine betikler ekleyebilirsiniz.

Örneğin, insanların açılış sayfanızı nasıl kullandığını görmek için ‘Üst Bilgi Betikleri’ alanına Google Analytics izleme kodunu ekleyebilirsiniz.

SeedProd'un açılış sayfası özel betikleri eklemek için Üst Bilgi Betikleri alanı

İşiniz bittiğinde, 'Kaydet' düğmesine tıkladığınızdan emin olun. Her şeyin doğru ayarlandığından emin olmak için açılış sayfanızı da önizleyebilirsiniz.

Ardından, SeedProd düzenleyicisini kapatmak için ‘X’ düğmesine tıklamanız yeterlidir.

Şimdi, SeedProd » Açılış Sayfaları bölümüne gidelim ve 'Çok Yakında' sayfanızın durumunu 'Aktif' olarak değiştirelim.

Sayfa durumunu Aktif olarak değiştirme

Hepsi bu kadar. Geri sayım zamanlayıcılı açılış sayfanız yayında olacak.

Geri sayım sayacının çalıştığını görmek için artık web sitenizi ziyaret edebilirsiniz.

SeedProd'un geri sayım zamanlayıcılı yakında çıkacak sayfası canlı bir web sitesinde

Umarım bu makale, WordPress'e geri sayım zamanlayıcısı widget'ı eklemeyi öğrenmenize yardımcı olmuştur. Ardından, kaydırılan bir haber bandı ekleme ve dönen referanslar ekleme hakkında daha fazla web sitesi tasarımı harika ipucunu kontrol etmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

5 CommentsLeave a Reply

  1. E-ticaret müşterilerim için OptinMonster kullanıyorum ve bu bir dönüm noktası oldu. E-ticaret müşterilerimin haftalık flaş satışları için dinamik geri sayım sayaçları uyguladım ve dönüşüm oranlarının %25'e kadar arttığını gördüler.
    En iyi yanı ise her şeyi ne kadar basitleştirmesi. Bu sayaçlar otomatik olarak sıfırlanıyor (onlar buna "evergreen timer" diyorlar), bu yüzden manuel güncellemelerle uğraşmanıza gerek kalmıyor. Gerçekten zaman kazandırıyor!
    MonsterLink tetikleyici özelliğini de çok seviyorum. Sayfalarınızın temiz görünmesini sağlarken, tam ihtiyacınız olduğunda dikkat çekiyor. Düzenli promosyonlar yapıyorsanız, yatırıma kesinlikle değer.

  2. Geri sayım, kaçırma korkusu (FOMO) yaratmak veya bir ürün için büyük bir indirim sunarken aciliyet hissi uyandırmak için de kullanılabilir. Gönderi için teşekkürler.

  3. Web sitemize ikinci bir geri sayım widget'ı eklemek istiyorum. Bunu nasıl yapabilirim? Teşekkürler.

  4. splendid ..this is extremely useful for announcing a giveaway or a hot deal :)

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.