Elementor ile geri sayım sayaçlı, iki sütunlu ve yapay zeka ile oluşturulmuş bir arka plan görseline sahip profesyonel bir “Çok Yakında” sayfası tasarlayabilirsiniz. Bu, temel Çok Yakında sayfası rehberimizde anlattığımız basit yönteme kıyasla daha gelişmiş bir versiyon — ziyaretçiye sitenizin ne zaman açılacağını net bir geri sayımla gösteriyor. Bu rehberde iki sütunlu düzenin, yapay zeka görselinin ve geri sayım widget’ının nasıl kurgulandığını video anlatımıyla gösteriyoruz.
Bu Sürüm, Temel Çok Yakında Sayfasından Nasıl Farklı?
Daha önce anlattığımız temel yöntemde, ortalanmış tek bir metin bloğu ve arka plan görseliyle basit ama etkili bir sayfa oluşturuluyordu. Bu gelişmiş sürümde ise üç ek unsur devreye giriyor: iki sütunlu bir düzen (görsel + içerik ayrı alanlarda), yapay zeka ile özel olarak üretilmiş bir arka plan görseli ve en önemlisi, ziyaretçiye sitenizin tam olarak ne zaman açılacağını gösteren canlı bir geri sayım sayacı. Bu unsurlar, sayfayı sadece bir “bekleme ekranı” olmaktan çıkarıp, ziyaretçiyi geri gelmeye teşvik eden etkileşimli bir deneyime dönüştürüyor.
İki Sütunlu Düzen Nasıl Kurgulanır?
- Sayfa ayarlarından yine Elementor Canvas düzenini seçip header/footer’ı kaldırın.
- Tam genişlikte, minimum yüksekliği %100 olan bir flexbox konteyner ekleyin.
- Bu konteynerin içine iki alt konteyner (kutucuk) yerleştirin: biri arka plan görseli için, diğeri başlık/metin/buton içeriği için.
- İçerik konteynerini sol tarafa, öğelerini de sola hizalayın — bu, arka plandaki görselin sağ tarafta net görünmesini sağlıyor.
Yapay Zeka ile Arka Plan Görseli Nasıl Oluşturulur?
Kendi görseliniz veya stok bir fotoğraf yerine, Google Gemini gibi bir yapay zeka aracına “açılan bir kapı” temalı, sitenizin renklerine uygun bir görsel oluşturması istenebiliyor. Bu yöntemin avantajı, tamamen özgün ve markanıza özel bir görsel elde etmeniz; dezavantajı ise bazı yapay zeka araçlarının ürettiği görsellere kendi filigranını (watermark) eklemesi — bu filigranı kaldırmak için ücretsiz online araçlar kullanılabiliyor. Görseli konteynerin arka planına eklerken “kapla” (cover) ve “ortala” ayarlarını kullanmak, görselin farklı ekran boyutlarında düzgün görünmesini sağlıyor.
Geri Sayım (Countdown) Widget’ı Nasıl Ayarlanır?
Elementor’un geri sayım widget’ı, tasarımın en kritik parçası:
- Bitiş tarihi/saati (Due Date): Sitenizin açılacağı tam tarih ve saati girin — widget bu ana kadar geriye doğru sayar.
- Gösterilecek birimler: Gün, saat, dakika, saniye seçeneklerinden hangilerinin gösterileceğini belirleyebilirsiniz; kısa bir bekleme süresi için saniyeyi de eklemek, uzun bir süre için sadece gün/saat/dakika göstermek daha okunabilir bir sonuç veriyor.
- Özel etiketler (Custom Labels): “Gün”, “Saat”, “Dakika” gibi etiketleri Türkçeleştirebilir veya farklı bir dile çevirebilirsiniz.
Geri sayımı başlığın hemen üzerine veya altına yerleştirmek, ziyaretçinin dikkatini doğrudan “ne zaman” sorusuna çekiyor — bu, sadece “çok yakında” yazmaktan çok daha somut ve güven verici bir mesaj. Widget’ın gösterdiği birimleri (gün, saat, dakika, saniye) sitenizin açılış tarihine kalan süreye göre ayarlamak da okunabilirlik açısından önemli — birkaç ay sonra açılacak bir site için saniye göstermek gereksiz bir görsel gürültü yaratırken, birkaç saat içinde açılacak bir site için saniyenin dahil edilmesi heyecanı artırabilir.
Metin ve Tipografi Ayarlarında Nelere Dikkat Edilmeli?
Büyük başlık (örneğin 80 piksel civarı) için satır yüksekliğini ve harf aralığını biraz daraltmak, metnin daha kompakt ve profesyonel görünmesini sağlıyor. Metin rengi, arka plan görseliyle yeterli kontrastta olmalı — koyu bir arka plan üzerinde açık gri veya beyaz tonlar genellikle en okunabilir sonucu veriyor. Başlığın altına eklenen kısa açıklama metni (“sitemiz bakım aşamasındadır, çok yakında hizmetinizdeyiz” gibi) ve varsa bir iletişim çağrısı (“sorularınız için bize ulaşın” + telefon butonu), ziyaretçiye hem bilgi hem de bir sonraki adımı sunuyor.
Mobil Uyum İçin Hangi Ayarlar Değiştirilmeli?
İki sütunlu düzen, mobilde genellikle tek sütuna indirgenmelidir — dar ekranda yan yana iki kutu sıkışık ve okunması zor bir görünüm yaratır. Videodaki örnekte, ikinci konteyner (salt görsel amaçlı olan) mobilde tamamen kaldırılıp yalnızca içerik konteyneri bırakıldı. Ayrıca büyük başlık boyutu (masaüstünde 80 piksel) tablette 40’a, geri sayım sayacının yazı boyutu da orantılı şekilde küçültülmeli. Kenar boşlukları da (masaüstünde 50 piksel) mobilde daha dar (örneğin 20 piksel) tutulmalı ki içerik ekrana sıkışmasın.
Geri Sayım Neden Bu Kadar Etkili Bir Unsur?
Psikolojik olarak, net bir zaman çerçevesi belirsizlikten çok daha az kaygı yaratır. Sadece “çok yakında” yazan bir sayfa, ziyaretçiye “ne zaman?” sorusunu cevapsız bırakırken, canlı işleyen bir geri sayım sayacı somut bir beklenti sunuyor — “4 gün, 12 saat sonra açılıyoruz” gibi bir bilgi, ziyaretçinin siteyi tekrar ziyaret etme veya sosyal medyada takip etmeye devam etme olasılığını artırıyor. Bu, e-ticaret sitelerindeki “kampanya bitişine kalan süre” sayaçlarıyla aynı psikolojik mekanizmayı kullanıyor.
Gerçek Bir Senaryo
Videodaki örnekte, koyu temalı bir kurumsal site için yapay zekadan “açılan bir kapı” temalı bir arka plan görseli istendi ve bu görsel sağ tarafa, metin içeriği ise sol tarafa yerleştirilecek şekilde iki sütunlu bir düzen kuruldu. Büyük bir başlık (“Çok Yakında Hizmetinizdeyiz”), kısa bir açıklama, iletişim için bir telefon butonu ve başlığın üzerine yerleştirilmiş, tam olarak belirlenen bir tarih/saate göre geri sayan bir sayaç eklendi. Sonrasında masaüstü, tablet ve mobil görünümler tek tek kontrol edilip her ekran boyutu için metin/boşluk ayarları ince ayar yapıldı. Sonuç, dümdüz bir metin sayfasından çok daha profesyonel ve markaya özel bir “yakında açılıyoruz” deneyimi oldu.
Sık Sorulan Sorular
Geri sayım widget’ı için Elementor Pro gerekli mi?
Hayır, geri sayım (countdown) widget’ı Elementor’un ücretsiz sürümünde de mevcut.
Yapay zeka ile üretilen görseller ücretsiz mi kullanılabiliyor?
Google Gemini gibi araçların temel görsel üretimi ücretsiz sürümde kullanılabiliyor; ticari kullanım koşullarını kontrol etmek önerilir.
Geri sayım süresi dolduğunda ne olur?
Widget varsayılan olarak süre dolduğunda sıfırlanmış şekilde görünür; bu noktada sayfayı güncelleyip yeni içeriğinizi yayınlamanız gerekir.
İki sütunlu düzen yerine tek sütun kullanılabilir mi?
Evet, bu tamamen tercihe bağlı — tek sütunlu, ortalanmış bir düzen de aynı derecede etkili olabilir.
Bu tasarım ile temel sürüm arasında hangisini seçmeliyim?
Hızlı ve basit bir çözüm istiyorsanız temel sürüm, ziyaretçiye net bir zaman beklentisi vermek ve daha etkileyici bir görünüm istiyorsanız bu geri sayımlı sürüm daha uygun.
Siteniz İçin Profesyonel Bir Çok Yakında Sayfası mı Gerekiyor?
Markanıza özel, geri sayım sayaçlı bir Çok Yakında sayfası veya eksiksiz bir web sitesi için web tasarımı hizmetlerime göz atabilir ya da doğrudan WhatsApp’tan ulaşabilirsiniz.
