Görünüm Özelleştirme
Web sitenizin görünümünü kapsamlı şekilde özelleştirin: tema rengi, font, düzen, hero bölümü, avatar, animasyonlar, renk paletleri, bölüm görselleri, renk tonları ve randevu sayfası tasarımı.
Genel Bakış
Görünüm Özelleştirme, web sitenizin görsel kimliğini tasarladığınız adımdır. Web Sitem panelindeki ikinci adım olan bu sayfa; tema rengi, font, düzen, hero bölümü, navigasyon çubuğu, bölüm görselleri, renk tonları ve randevu sayfası gibi 75'ten fazla görünüm ayarını içerir.
Görünüm Özelleştirme Sayfasına Erişim
Üst menüdeki "Araçlar" menüsünü açın
Üst navigasyon çubuğundaki "Araçlar" menüsüne tıklayarak açılır paneli açın.
"Web Sitem" seçeneğine tıklayın
Açılan paneldeki "Web Sitem" kartına tıklayarak Web Sitem paneline gidin.
"Görünüm" adımını seçin
Adım çubuğundaki ikinci adım olan "Görünüm" seçeneğine tıklayın.
Sayfa Düzeni
Web sitenizin genel yapısını belirler. İki seçenek mevcuttur:
Klasik
Fotoğraf solda, metin sağda. Önerilen düzen.
Ortalanmış
Fotoğraf ve metin ortada hizalı.
Tema Rengi
Butonlar, bağlantılar, hero, navigasyon çubuğu ve diğer arayüz öğelerinde kullanılan ana renk. 11 seçenek:
Site Stili (Font)
Başlık ve gövde fontlarını, düğme köşe stilini etkiler. 3 seçenek:
Modern: Varsayılan
Inter fontu. Temiz çizgiler, keskin köşeler.
Klasik
Georgia (serif) fontu. Şık ve resmi.
Samimi
Nunito fontu. Yumuşak ve yuvarlak.
Renk Tonu
Hizmet, blog, sertifika ve uzmanlık kartlarına uygulanan global arka plan renk şeması. Bölüm bazlı özelleştirmelerle geçersiz kılınabilir. 7 seçenek:
Bölüm Yönetimi
Web sitenizde hangi bölümlerin görüneceğini açma/kapama düğmeleriyle kontrol edin. Her bölümün yanında bir simge, açıklama ve ilgili sayfaya yönlendiren bağlantı bulunur.
Hakkımda
Devre dışı bırakılamaz (zorunlu bölüm).
Uzmanlık Alanları
Sertifika ve Eğitim
Hizmetler
Kişisel Not
Varsayılan olarak kapalı.
Blog Yazıları
İletişim Bilgileri
Hero Metin Alanları
Hero bölümü, web sitenizin en üstünde yer alan ve ziyaretçilerin ilk gördüğü alandır.
Karşılama Mesajı
Hero alanında gösterilen kısa selamlama metni. Maksimum 200 karakter.
Alt Başlık
Karşılama mesajının altında gösterilen metin. Boş bırakılırsa uzmanlık alanlarınız otomatik gösterilir.
Yazım Efekti
Karşılama mesajını harf harf yazan animasyon efekti. Açma/kapama düğmesi.
Hero Arka Planı
Hero bölümünün arka plan görselini belirler.
Mod Seçimi
İlk olarak gradyan veya düz renk modu seçilir.
Gradyan: Seçilen renkten beyaza yumuşak geçiş
Düz: Tek renk arka plan
Temel Renkler
6 temel renk seçeneği:
Mat Palet
17 pastel ton:
Canlı Palet
17 doygun ton:
Görsel Arka Planlar
32 adet tematik arka plan görseli (wellness, terapi, modern ve doğa temalı). Bir görsel seçildiğinde opaklık kaydırıcısı (%10-100) görünür.
Hero Animasyonu
Hero arka planına ince animasyon efektleri ekler. 6 seçenek:
Yok
Animasyon kapalı.
Floating Circles
Yüzen daireler
Gradient Blobs
Şekil değiştiren gradyan lekeler
Soft Pulse
Hafif titreşen daireler
Gentle Shimmer
Parıldayan ışık efekti
Soft Waves
Dalga animasyonu
Avatar Ayarları
Hero bölümünde görünecek fotoğraf/görseli yapılandırın.
Avatar Türü
Profil Fotoğrafı: Kendi fotoğrafınız
İllüstrasyon: 21 adet dekoratif hazır görsel
Avatar Yok: Tamamen gizle.
Fotoğraf Çerçevesi
Avatar görünür olduğunda çerçeve stili seçilir:
Çerçeveli: Beyaz kenarlık ve gölge
Çerçevesiz: Temiz daire
Avatar Boyutu
5 boyut seçeneği:
Profil fotoğrafınızı yüklemek ve kişisel bilgilerinizi düzenlemek için Profil Düzenleme rehberine göz atın.
Rozet ve Buton Stili
Rozet Stili
Hero alanındaki uzmanlık rozeti arka planı. 3 seçenek:
Çağrı Butonu (CTA)
"Randevu Al" butonunun stili. 2 seçenek:
Tema Uyumlu: Tema renginde arka plan, beyaz metin
Beyaz: Beyaz arka plan, tema renginde metin
Metin Renkleri ve Arka Planı
Hero alanındaki metinlerin rengini ayrı ayrı ayarlayabilirsiniz.
İsim Rengi
Terapist adınızın rengi. 6 hazır renk + renk seçici + hex girişi:
Metin Rengi
Karşılama mesajı ve alt başlığın rengi. Aynı seçenekler.
Metin Arka Planı
Görsel arka planlarda okunabilirliği artırmak için metnin arkasına yarı saydam bir katman ekler.
Arka Plan Renkleri
7 arka plan rengi:
Hakkımda Görseli
Hakkımda bölümüne dekoratif bir görsel ekleyin.
20 adet Hakkımda'ya özel hazır görsel (kitaplar, raf, masa bitkisi, lavanta, defter vb.)
53 adet randevu görseli koleksiyonundan da seçilebilir, toplam 73 hazır görsel.
Görsel Boyutu
4 boyut seçeneği:
Arka Plan Efekti
Görselin arkasına efekt ekler. 4 seçenek:
Yok: Efekt yok (varsayılan).
Yumuşak Parıltı: Radyal ışık efekti ekler.
Blob: Organik şekil ekler.
Renk: Düz veya gradyan arka plan ekler.
Hizmetler Görünümü
Hizmet kartlarının arka plan rengini ve illüstrasyon stilini belirler.
4 renk tonu seçeneği:
Otomatik: Site renk tonunu kullanır.
Pastel: Her kart kendi hizmet renginin pastel tonunu kullanır.
Canlı: Her kart kendi hizmet renginin canlı tonunu kullanır.
Özel Renk: Tüm kartlar aynı arka plan rengini kullanır.
İllüstrasyon Stili
Özel Renk olarak Nötr veya Sıcak ton seçildiğinde ek bir seçenek görünür:
Renkli: Tam renkli illüstrasyonlar
Siluet: Tek renkli siluet çizimler
Hizmet renklerini ve detaylarını düzenlemek için Hizmet Kataloğu rehberine göz atın.
Blog Görünümü
Blog kartlarının arka plan rengini belirler.
4 renk tonu seçeneği:
Otomatik: Site renk tonunu kullanır.
Pastel: Her kart kendi yazı renginin pastel tonunu kullanır.
Canlı: Her kart kendi yazı renginin canlı tonunu kullanır.
Özel Renk: Tüm kartlar aynı arka plan rengini kullanır.
Blog yazılarınızı oluşturmak ve yazı renklerini ayarlamak için Blog Yönetimi rehberine göz atın.
Sertifikalar Görünümü
Sertifika kartlarının arka plan rengini belirler.
4 seçenek: Otomatik, Pastel, Canlı, Özel Renk.
Uzmanlık Alanları Görünümü
Uzmanlık chip'lerinin (etiketlerinin) arka plan stilini belirler.
3 seçenek:
Otomatik: Site renk tonunu kullanır.
Tema Rengi / Canlı: CTA buton rengini chip arka planı olarak kullanır.
Özel Renk: Kendi renginizi seçin.
Özel Renk seçildiğinde ek bir stil seçeneği görünür:
Dolgulu: Solid renk arka plan
Kenarlıklı: Saydam arka plan, renkli kenarlık
Randevu Sayfası Görünümü
Online randevu sayfasının sol panelinin görünümünü özelleştirin.
Randevu Görseli
Sol panelde gösterilecek dekoratif görsel. 53 adet hazır görsel (koltuk, terapi odası, bitki temalı).
Arka Plan
Sol panelin arka plan rengi. Gradyan/Düz mod + temel renkler + mat/canlı paletler.
Randevu sayfası ayarlarını yapılandırmak için Online Randevu Sayfası rehberine göz atın.
Kişisel Not Görseli
Kişisel Not bölümüne dekoratif görsel ekleyin. Bu ayarlar yalnızca bölüm açıkken görünür.
53 adet hazır görsel (randevu görselleri koleksiyonu).
Boyut
3 boyut seçeneği (Hakkımda'dan farklı olarak Küçük boyut yoktur):
Konum
Görselin konumunu belirler:
Sol: Görsel solda, metin sağda.
Sağ: Görsel sağda, metin solda.
Arka Plan Efekti
3 seçenek (Hakkımda'dan farklı olarak Blob seçeneği yoktur):
Yok: Efekt yok.
Yumuşak Parıltı: Radyal ışık efekti ekler.
Renk: Düz veya gradyan arka plan ekler (varsayılan).
İletişim Bölümü Görünümü
İletişim sayfasındaki illüstrasyon panelinin arka plan rengini özelleştirin.
2 mod: Otomatik (site renk tonunu kullanır) veya Özel Renk (Gradyan/Düz + renk paleti).
Değişiklikleri Kaydetme
Görünüm Özelleştirme sayfasında otomatik kaydetme yoktur. Tüm değişikliklerinizi yaptıktan sonra sayfanın sağ altındaki "Kaydet" butonuna tıklamanız gerekir.
Kaydet Butonu Durumları
Hiçbir değişiklik yapılmadıysa buton devre dışıdır (tıklanamaz).
Herhangi bir alan değiştirildiğinde buton aktif hale gelir.
Kaydetme işlemi sırasında buton devre dışı kalır ve yükleme göstergesi gösterilir.
Başarılı kayıttan sonra yeşil bir bildirim mesajı gösterilir.
Versiyon Çakışması
Görünümü başka bir tarayıcı sekmesinde veya cihazda aynı anda düzenlediyseniz, kaydetme sırasında versiyon çakışması hatası alabilirsiniz. Bu durumda sayfayı yenileyip değişikliklerinizi tekrar yapmanız gerekir.
İpuçları ve En İyi Uygulamalar
Tutarlı Bir Renk Paleti Kullanın
Tema rengi, hero arka planı ve bölüm tonları birbiriyle uyumlu olmalıdır.
Görsel Üzerinde Metin Arka Planı Açın
Hero arka planında görsel kullanıyorsanız Text Backdrop özelliğini açarak okunabilirliği artırın.
Tona Uygun Font Seçin
Profesyonel görünüm için Modern veya Klasik fontu tercih edin; Samimi font daha rahat bir ton verir.
Hazır Olmayan Bölümleri Kapatın
Boş bölümler profesyonel bir izlenim bırakmaz.
Canlı Önizlemeyi Kontrol Edin
Her değişiklikte editördeki önizlemeye bakın; son halini görmek için sitenizi yayınladıktan sonra ziyaret edin.
Randevu Arka Planını Eşleştirin
Randevu sayfasının arka planını hero arka planıyla eşleştirmek görsel bütünlük sağlar.
Kişisel Notu Değerlendirin
Terapi yaklaşımınızı öne çıkarmak için ideal; kısa ve samimi bir mesaj yazın.
Avatar Boyutunu Düzene Göre Seçin
Klasik düzende Orta veya Büyük en dengeli görünümü verir; ortalanmış düzende daha büyük boyutları deneyin.