Eğitim Adımları Modülü

Ziyaretçilerinize bir ürünü nasıl kullanacaklarını, bir hizmetten nasıl faydalanacaklarını veya karmaşık bir süreci nasıl tamamlayacaklarını anlatmak hiç bu kadar kolay olmamıştı!

Tutorial Steps modülü ile adım adım eğitim içeriklerinizi profesyonel ve kullanıcı dostu bir şekilde sunun.

✨ Neden Tutorial Steps?

Ziyaretçileriniz artık uzun metinler okumak istemiyor. Görsel ve adım adım anlatımlar, içeriğinizi hem daha anlaşılır hem de çok daha etkili hale getiriyor. İşte tam bu noktada Tutorial Steps modülü devreye giriyor!

🚀 Öne Çıkan Özellikler

📋 Akıllı İçindekiler Menüsü

Sayfanın solunda (veya sağında, siz karar verin!) sabit duran bir içindekiler kutusu sayesinde ziyaretçileriniz:

  • Hangi adımda olduklarını görebiliyor
  • İstedikleri adıma tek tıkla atlayabiliyor
  • Genel yapıyı bir bakışta kavrayabiliyor

🖼️ Büyütülebilir Görseller

Her adımın görseli üzerine geldiğinizde hafif bir büyüme efekti görürsünüz - bu, görselin tıklanabilir olduğunu gösterir. Tıkladığınızda:

  • Görsel tam ekranda açılıyor
  • Ok tuşları ile görseller arasında gezinebiliyorsunuz
  • Hangi adımda olduğunuzu görebiliyorsunuz (örn: "3/5 - Ödeme Adımı")
  • Görsel değiştiğinde yumuşak geçiş animasyonları var

🎨 Tamamen Özelleştirilebilir

İçindekiler kutusunun renklerinden, görsellerin köşe ovalliğine kadar her şeyi sitenizin tasarımına uygun şekilde ayarlayabilirsiniz:

  • TOC kutusunun konumu (sol veya sağ)
  • Renkler (normal, hover, aktif durumlar)
  • Gölgeler ve border yarıçapları
  • Boşluklar ve padding değerleri

📱 Mobil Uyumlu

Masaüstünde yan yana görünen içindekiler ve adımlar, mobilde otomatik olarak alt alta diziliyor. Her cihazda kusursuz görünüm!

💡 Hangi Durumlarda Kullanabilirsiniz?

E-Ticaret Siteleri İçin:

  • "Nasıl Sipariş Verilir?"
  • "İade İşlemleri Nasıl Yapılır?"
  • "Hesap Nasıl Oluşturulur?"

Servis/SaaS Siteleri İçin:

  • "Ürün Kurulum Rehberi"
  • "Başlangıç Kılavuzu"
  • "Özellik Kullanım Rehberleri"

Kurumsal Siteler İçin:

  • "Başvuru Süreci"
  • "İşe Alım Adımları"
  • "Proje Teklif Süreci"

Blog/İçerik Siteleri İçin:

  • "Adım Adım Tarif"
  • "DIY Projeleri"
  • "Eğitim İçerikleri"

🎬 Nasıl Çalışır?

  1. Modülü Ekleyin: Diğer tüm modüller gibi istediğiniz sayfaya Tutorial Steps modülünü ekleyin

  2. Adımları Oluşturun: Her adım için:

    • Başlık yazın
    • Açıklama ekleyin (isteğe bağlı)
    • Görsel yükleyin

  3. Özelleştirin: Renkleri, boyutları ve konumları sitenizin tasarımına göre ayarlayın

  4. Yayınlayın: Hepsi bu kadar! Artık ziyaretçileriniz interaktif adım adım rehberinizi kullanabilir

✅ Kullanıcı Deneyimi Detayları

Tutorial Steps modülü, ziyaretçilerinize pürüzsüz bir deneyim sunmak için tasarlandı:

  • Yumuşak Scroll: Bir adıma tıkladığınızda sayfa yumuşakça o adıma kayıyor
  • Görsel Geri Bildirim: Hover efektleri sayesinde hangi elementin tıklanabilir olduğu net
  • Akıllı Navigasyon: Lightbox'ta ilk görseldeyken sol ok, son görseldeyken sağ ok gizleniyor
  • Hızlı Geçişler: Lightbox'ta görseller arası geçişlerde tüm elementler birlikte animasyon yapıyor
  • Okunabilir Başlıklar: Lightbox'taki başlıklar görselin üzerinde, koyu overlay ile çok net görünüyor

🌟 Neden Kullanmalısınız?

✅ Daha Az Destek Talebi: Açık ve görsel adım adım anlatımlar, müşterilerinizin soru sorma ihtiyacını azaltır

✅ Daha İyi SEO: Yapılandırılmış içerik, arama motorları tarafından daha iyi indekslenir

✅ Profesyonel Görünüm: Siteniz daha modern ve kullanıcı dostu görünür

✅ Daha Fazla Dönüşüm: Ziyaretçiler süreci anladıklarında satın alma/kayıt olma olasılıkları artar

✅ Zaman Tasarrufu: Tekrar tekrar aynı soruları yanıtlamak yerine, rehber sayfanızı paylaşın

🎯 Sonuç

Tutorial Steps modülü, karmaşık süreçleri basit ve anlaşılır adımlara dönüştürmenin en kolay yolu. İster ürün eğitimi, ister hizmet tanıtımı, ister süreç açıklaması olsun - ziyaretçileriniz artık içeriğinizi çok daha kolay anlayacak.

Hemen deneyin ve farkı görün! 🚀

Not: Tutorial Steps modülü, tüm BulutPress paketlerinde kullanıma hazır. Modül galerinizdeki "Tutorial Steps" modülünü sayfanıza ekleyerek hemen kullanmaya başlayabilirsiniz.

Sorularınız mı var? Destek ekibimiz her zaman yardıma hazır! 💬

Eğitim Adımları Modülü