İşletmenizin tanıtımında online varlığın önemli bir rol oynadığı bu dijital çağda, geri sayım sayaçları, markayla ilgili gelecekteki olaylara dikkat çekmek için en etkili çözümlerden biri haline geldi. Herhangi bir zamana duyarlı olayı veya teklifi abartmanın, web sayfanızın herhangi bir yerine saat benzeri bir özellik yerleştirmekten daha iyi bir yolu yoktur;
Geri sayım kısa koduna sahip bazı harika WordPress temaları olsa da, diğerleriyle birlikte, bu kullanışlı özelliği sitenize eklemek için genellikle mevcut WordPress geri sayım sayacı eklentilerinden birini yüklemeniz gerekir. Ayrıca iki farklı eklentiyle (bunlardan biri bizim Qi Addons for Elementor eklentimizdir) nasıl ekleneceğini ve nasıl yapılacağını göstererek geri sayım zamanlayıcınızın potansiyelini sonuna kadar nasıl kullanacağınızı öğrenmenize yardımcı olacağız. WordPress temalarında.
İşte ele alacağımız konular:
-
Geri Sayım Sayacı Nedir ve Neden Kullanmalısınız?
-
Elementor Eklentisi için Qi Eklentileriyle WordPress’e Geri Sayım Sayacı Ekleme
-
Geri Sayım Sayacı Ultimate Eklentisi ile WordPress’te Geri Sayım Sayacı Ekleme
-
WordPress Temalarında Geri Sayım Sayacı Öğesi Ekleme
Geri Sayım Sayacı Nedir ve Neden Kullanmalısınız?
Kalan süreyi gösteren animasyonlu bir saat görevi gören geri sayım sayacı, işinizle ilgili herhangi bir önemli olay söz konusu olduğunda beklenti oluşturmak için web sitenize ekleyebileceğiniz kullanışlı bir öğedir. Geri sayım sayaçları, insanlarda merak uyandırma konusunda doğal bir yeteneğe sahip olduğundan, potansiyel müşteriler oluşturmak, satışlarınızı artırmak ve genel olarak ziyaretçilerinizi markanızla meşgul etmek söz konusu olduğunda etkili olabilirler. Çok yönlülüğü ve pratikliği hakkında size daha iyi bir fikir vermek için, sitenize bir geri sayım widget’ı eklemenin özellikle uygun olabileceği en yaygın örneklerden bazıları şunlardır:
-
Yeni bir ürün veya hizmet piyasaya sürmeyi planlarken, ziyaretçilerinizin dikkatini çekmek için markayla ilgili herhangi bir ürün veya hizmetin etkili bir şekilde tanıtılması gerektiği bir sır değildir ve bunların piyasaya sürüldüğünü gösteren bir geri sayım sayacı bunu yapmanın en iyi yollarından biridir. Bu yüzden.
-
Yeni bir web sitesi açarken Çok Yakında sayfanıza bir geri sayım sayacı eklemek, bu kadar büyük bir duyuruya dikkat çekmenin harika bir yoludur. Kullanıcı katılımı için harikalar yaratabilir ve ziyaretçilerinizin geri gelip nihai sonucu kontrol etmelerini sağlayabilir.
-
Yaklaşan bir etkinliği duyurmak – planladığınız herhangi bir etkinliğe kadar geri sayım yapan bir saat, ziyaretçilerinizi heyecanlandırabilir ve D-day’a ne kadar zaman kaldığını görmek için düzenli olarak geri gelmelerini sağlayabilir.
-
Sınırlı süreli bir teklif – hiçbir şey aciliyet duygusu yaratmaz ve büyük bir indirimin, kupon tabanlı ürünün veya herhangi bir sınırlı süreli teklifin yanına bir geri sayım sayacı eklemek kadar dönüşümleri artırmaz. Satmak istediğiniz bir şey varsa, web sitenize teklifinizin yanına bir geri sayım sayacı eklemeyi düşünün. Sonuçlara şaşırabilirsiniz.
Geri sayım sayacı özelliğinin site sahiplerine yararlı olabileceği başka birçok örnek vardır, fakat en sık kullanılanlardan bazılarını dahil etmek istedik.
Bununla birlikte WordPress sitenize nasıl geri sayım sayacı ekleyebileceğinize bir göz atalım.
Elementor Eklentisi için Qi Eklentileriyle WordPress’e Geri Sayım Sayacı Ekleme
Elinizin altında çok sayıda seçenek olmasını tercih ediyorsanız ve geri sayım sayacınızı yaparken yaratıcı olmak istiyorsanız, kendi Qi Addons for Elementor eklentimiz ve onun Geri Sayım widget’ından başkasına bakmamalısınız. Bu pencere öğesi tamamen özelleştirilebilir ve geri sayım sayacınız için farklı stilleri en kolay şekilde ayarlamanıza olanak tanır. Farklı etiketler girebilecek, belirli etiket türlerini (dakika ve saniye gibi) gizleyebilecek, arka plan renkleri ayarlayabilecek veya resim ekleyebilecek, tipografiyi değiştirebilecek, aralığı ayarlayabilecek ve daha fazlasını yapabileceksiniz.
Bu eklentiyi kurmayı bitirirseniz, tamamen ücretsiz olarak emrinizde birçok başka esnek widget’a (toplam 60 widget) sahip olacaksınız. Öğe vitrinleri ve çarpıcı resim galerilerinden kaydırıcılara ve iş odaklı bölümlere kadar, WordPress sitenizde her türde sayfa ve bölüm oluşturmak için bu widget’ları birçok farklı şekilde özelleştirip birleştireceksiniz.
Geri Sayım widget’ını kullanarak bir geri sayım sayacının nasıl ekleneceğini göstermeye başlamadan önce, Qi Addons for Elementor’un Elementor ile çalışan bir eklenti olduğunu ve bu nedenle onu kullanabilmek için önce Elementor sayfa oluşturucuyu yüklemeniz gerektiğini unutmamalıyız.
Son olarak video izlemeyi tercih ederseniz, aynı konuyu işleyen bir videomuz da var, bu yüzden mutlaka izleyin:
Başlamak için sayfanızın veya gönderinizin arka ucuna gidin ve Elementor kenar çubuğunda “geri sayım” ifadesini arayın. Ticari markamız olan kırmızı rengimiz sayesinde Qi Addons for Elementor Countdown widget’ını diğer benzer widget’lardan ayırt edebileceksiniz.
Öğeyi ekranın sağ tarafına sürükleyin ve anında varsayılan pencere öğesinin nasıl göründüğünü görebileceksiniz.
Şimdi özelleştirmeye başlamak için İçerik sekmesindeki Tarih seçeneğini seçmelisiniz. Bu seçenek, geri sayım yapmak istediğiniz tarihi seçmek için takvimi kullanmanıza izin verecektir. Tam zamanı daha fazla ayarlamak için hemen altındaki saati de kullanabileceksiniz.
Aşağıdaki Biçim seçeneği, geri sayımınızın tam biçimini, yani dakikaları, saniyeleri vb. gösterip göstermeyeceğini seçmenizi sağlar. Geri sayım örneğimiz için “Tümünü Göster”i kullandık.
Sonraki bölüm Etiketler ayarlarını içerir. Bu ayarlar, sayıların altındaki metni değiştirmenize izin verecektir. İstediğiniz etiketin yanına yeni kelimeyi yazmanız yeterlidir.
Burada kullanabileceğiniz iki sekme vardır – biri Tekil kelime biçimleri için, diğeri Çoğul biçimler içindir.
Stil sekmesine geçerek – burada geri sayım widget’ınızın stilini ayarlayacak ve görünümünü daha ayrıntılı olarak değiştireceksiniz.
Bu listedeki ilk seçeneğe İçeriği Yasla adı verilir. Sayıların sütununuz içinde nasıl yerleştirileceğini seçmenizi sağlar. Varsayılan seçenek Aradaki Boşluk olarak ayarlanmıştır (eşit boşluklar oluşturur, fakat yalnızca geri sayım öğeleri arasında). Ayrıca Etrafında Boşluk (geri sayım öğelerinin her iki tarafındaki boşluğu eşitler), Eşit Boşluk (aralarındaki boşluğu eşitler) ve Merkez (öğeleri merkeze yakın bir yere koyar) olarak da değiştirebilirsiniz.
Bir sonraki seçenek olan Hizalama, içeriğinizi sola, ortaya (varsayılan değerdir) veya sağa taşımanıza olanak tanır.
Rakam Rengi seçeneği, geri sayım sayılarının rengini değiştirmenize ve bunları web sitenizin genel tasarımına göre kolayca ayarlamanıza izin verdiği için özellikle zariftir. Renk seçiciden herhangi bir rengi seçebilir veya sadece onaltılık kodu girebilirsiniz. Sayılarımızın koyu gri bir tonda görünmesi için onaltılık kodu (#1e1e1e) ekledik:
Daha sonra Rakam Tipografi seçeneği, tipografi ile ilgili tüm gerekli seçenekleri içerir. Yazı tipi ailesi, boyut, ağırlık (sayılarımız için ağırlığı 500 olarak seçtik), dönüştürme, stil ve dekorasyon gibi şeyleri ayarlayabileceksiniz. Bununla birlikte son üç seçeneğin, sayıların kendisinden ziyade sayıların altındaki metin üzerinde daha fazla etkisi vardır ve muhtemelen etiket tipografinizi ayarlarken bunları kullanmak isteyeceksiniz.
Satır Yüksekliği seçeneğini kullanırsanız, isterseniz tüm satırın yüksekliğini ayarlayabileceksiniz, Harf Boşluğu seçeneği ise rakamlar arasında daha fazla boşluk yaratıyor.
Etiket Rengi seçeneği, sayıların altındaki metnin rengini ayarlar. Bir hex kodu (#1e1e1e) ekledik ve etiket renginin numaralarımızla eşleşmesini sağladık:
Şimdi Etiket Tipografisi bölümü Rakam Tipografisi ile aynı seçenekleri içeriyor. Burada değiştirdiğimiz tek şey etiketlerin ağırlığı (sayılarla eşleşmesi için 500 olarak ayarladık), fakat tercihlerinize göre bu seçeneklerden herhangi birini değiştirmekte özgürsünüz.
Etiket Kenar Boşluğu Üstü seçeneği, etiket ile sayılar arasında daha fazla boşluk oluşturmanıza olanak tanır. Bunu kaydırıcıyı kullanarak veya istediğiniz değeri girerek yapabilirsiniz. Bizimki için 14px koyduk.
Son olarak son seçenek grubu, öğelerinizin görünümünü ayarlamak için kullanabileceğiniz Öğe Stilidir.
Arka Plan Türü seçeneğini Klasik veya Degrade olarak değiştirebilirsiniz. Klasik arka plan türünü seçerseniz, öğe arka planı olarak görünecek rengi ayarlayabilirsiniz.
Renk seçeneğine tıklayın ve kaydırıcıyı kullanarak veya bir onaltılık kod girerek renginizi seçin. Örneğimiz için #C88E8E onaltılık kodlu rengi seçtik:
Dilerseniz arka plan rengi yerine resim eklemenizi sağlayan seçeneği de kullanabilirsiniz. Görüntüyü medya kitaplığından eklemek veya kendinizinkini yüklemek için (+) alanına tıklayabilirsiniz.
Degrade arka plan türünü seçerseniz, birbirine karışacak ve arka planınız için bir degrade efekti oluşturacak iki farklı renk seçebileceksiniz. İşte böyle görünebilir (#B2C88E onaltılık koduna sahip rengi ekledik):
Konum seçeneği, ilk rengin kaplayacağı alan miktarını ayarlamanıza olanak tanır. Bunun gibi:
Aynı şekilde ikinci rengi de değiştirebilecek ve hemen aşağıda kapladığı alanı tanımlayabileceksiniz.
Ayrıca Doğrusal türü kullanırsanız, renk karışımının meydana geldiği açıyı değiştirebileceksiniz.
Radyal tipi kullanmayı tercih etmeniz durumunda, açılır menüde emrinizde yepyeni bir dizi seçenek olacaktır. Yani, ilk renginizin farklı konumlarını seçeceksiniz (Merkez Sol, Orta Sağ, Üst Orta vb.).
Şimdi geri sayım widget’ının stiliyle başka neler yapabileceğinizi göstermek için Klasik arka plan türüne geri döneceğiz.
Örneğin Öğe Genişliği, geri sayım öğelerinin etrafındaki alanı daha fazla ayarlamanıza olanak tanır. Fakat tüm sayıların mutlaka aynı genişliğe sahip olmayacağına dikkat etmeliyiz. Bu durum bazı sayıların arka plan rengi içinde kalmasına neden olurken, diğerlerinin olmamasını sağlayabilir (aşağıdaki resimde görüldüğü gibi):
Bu sorunla karşılaşırsanız, her şeyi eşitlemek için bu seçeneği kullanabilirsiniz. Örneğin genişliği 200 piksele sabitleyebilir (bizim yaptığımız gibi) ve şöyle bir şey elde edebilirsiniz:
Öğe Yüksekliği seçeneği, benzer bir şey yapmanızı sağlar. Ayarlarınıza bağlı olarak zamanlayıcınız şu şekilde görünebilir (200 piksel olarak ayarladık):
Geri sayım öğeniz için oluşturabileceğiniz farklı stillerden bazılarını hızlı bir şekilde göstermek için kullandığımızdan, tüm bu seçenekleri bir kez daha sıfırladık.
Son olarak Öğe Marjı seçeneği, geri sayım öğelerinin etrafındaki kenar boşluklarını ayarlamanıza olanak tanır. Tüm kenarları eşit şekilde artırabilir (okları kullanarak veya bir değer girerek) veya bu alanların bağlantısını kaldırabilir ve kenar boşluğunun farklı kenarlarına belirli değerler ekleyebilirsiniz.
Widget ayarlarınızı düzenlemeyi bitirdikten sonra Güncelle/Yayınla düğmesine bastığınızdan emin olun.
Ayrıca geri sayım sayacınızın canlı olarak nasıl göründüğünü görmek için devam edip sayfanızı/gönderinizi önizleyebilirsiniz:
Geri Sayım Sayacı Ultimate Eklentisi ile WordPress’te Geri Sayım Sayacı Ekleme
Şimdi sitenize yalnızca basit görünümlü bir geri sayım sayacı eklemek istiyorsanız, Countdown Timer Ultimate adlı bir eklenti yüklemenizi öneririz. Eklentinin kullanımı kolaydır ve sayfalarınıza veya gönderilerinize dakikalar içinde tamamen işlevsel bir geri sayım sayacı eklemenizi sağlar.
Öncelikle eklentiyi kurmanız ve etkinleştirmeniz gerekiyor.
Daha sonra WordPress yöneticinizdeki Geri Sayım Sayacı >> Zamanlayıcı Ekle sayfasına gidin ve zamanlayıcınızın tercihlerini ayarlamakla başlayın.
Oradayken, önce zamanlayıcınızın başlığını eklemeli ve ardından mevcut diğer seçenekleri tercihlerinize göre ayarlamaya devam etmelisiniz.
En üstte ilk fark edeceğiniz seçenek Expiry Date seçeneğidir. Zamanlayıcının, kontrol panelinizdeki Ayarlar >> Genel sayfasında ayarladığınız saat dilimini kullandığını unutmayın, bu nedenle saat dilimini değiştirmek isterseniz, WordPress sitenizin saat dilimini güncellemek için bu ayara erişmelisiniz.
Bunu yaptıktan sonra, devam edebilir ve seçebilirsiniz …