Portal Tasarımı ve Markalama

AnchorSpot captive portal'ı, kurumunuzun kimliğini tam olarak yansıtacak şekilde özelleştirilebilir. Logo yüklemeden özel CSS'e kadar tüm görsel unsurlar yönetim konsolundan kontrol edilir.

Logo ve Görsel Kimlik

Portal başlığında gösterilecek logo PNG veya SVG formatında yüklenebilir. Önerilen boyut 400 × 120 piksel, maksimum dosya boyutu 2 MB'tır.

Renk sistemi dört katmandan oluşur:

Parametre	Açıklama	Örnek Değer
primary_color	Buton ve vurgu rengi	#0057B8
secondary_color	İkincil öğeler ve bağlantılar	#00A3E0
background_color	Portal arka planı	#F4F6F9
text_color	Genel metin rengi	#1A1A2E

:::tip Erişilebilirlik Birincil renk ile arka plan arasındaki kontrast oranının en az 4,5:1 (WCAG AA) olmasına dikkat edin. Düşük kontrastlı renkler yaşlı veya görme engelli misafirlerin portali kullanmasını zorlaştırır. :::

Özel CSS Desteği

Hazır tema seçeneklerinin ötesinde tam CSS kontrolü için Gelişmiş Ayarlar → Özel CSS bölümünü kullanın.

/* Örnek: Köşeleri yuvarlama ve gölge ekleme */
.portal-card {
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

/* Örnek: Butona özel yazı tipi */
.portal-submit-btn {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

warning

Özel CSS hataları portali tamamen kullanılamaz hale getirebilir. Değişiklikleri yayınlamadan önce Portal Önizleme özelliğini kullanın.

Çok Dilli Destek

AnchorSpot, aşağıdaki dilleri yerleşik olarak destekler:

• Türkçe (TR) — varsayılan
• İngilizce (EN)
• Almanca (DE)

Ek dil eklemek için Portal → Dil Ayarları → Yeni Dil Ekle yolunu izleyin ve JSON çeviri dosyasını yükleyin. Misafirin tarayıcı dil tercihine göre otomatik dil seçimi yapılır; misafir dilini manuel olarak da değiştirebilir.

// Örnek özel dil dosyası (fr.json — Fransızca)
{
  "welcome_title": "Bienvenue sur notre réseau Wi-Fi",
  "phone_label": "Numéro de téléphone",
  "submit_button": "Se connecter",
  "terms_accept": "J'accepte les conditions d'utilisation"
}

KVKK Aydınlatma Metni ve Kullanım Koşulları

Portal giriş ekranında misafirden onay alınması hem KVKK hem de 5651 uyumu açısından zorunludur. Portal → Hukuki Metinler bölümünden:

• Gizlilik Bildirimi (KVKK Aydınlatma Metni) — şirket unvanı, veri işleme amacı ve saklama süresi içermelidir
• Kullanım Koşulları — ağ kullanım kuralları ve kısıtlamalar
• Onay Metni — "Okudum, kabul ediyorum" onay kutusu etiketi

Metinler HTML formatında düzenlenebilir; kalın/italik biçimlendirme ve bağlantı ekleme desteklenir.

info

KVKK Aydınlatma Metni şablonu için Uyum → KVKK → Metin Şablonu bölümüne bakın. Şablon, KVK Kurulu'nun rehber ilkelerine göre hazırlanmıştır.

Giriş Sonrası Yönlendirme

Misafir kimlik doğrulamayı tamamladıktan sonra önceden belirlenen bir URL'ye yönlendirilebilir. Portal → Giriş Sonrası → Yönlendirme URL:

https://www.otelimiz.com/hosgeldiniz

Yönlendirme seçenekleri:

• Sabit URL — her misafir aynı sayfaya yönlendirilir
• Orijinal URL — misafirin açmaya çalıştığı sayfa (varsayılan)
• Yok — yönlendirme yapılmaz, portal kapatılır

Mobil Uyumlu Tasarım

Portal, CSS Grid + Flexbox tabanlı duyarlı (responsive) yapıyla tasarlanmıştır. iOS 14+, Android 8+ ve tüm modern mobil tarayıcılarda test edilmiştir.

Ekran Genişliği	Düzen
< 480 px	Tek kolon, tam genişlik butonlar
480–768 px	Ortalanmış kart, %90 genişlik
> 768 px	Ortalanmış kart, maksimum 420 px

Ekran okuyucu uyumluluğu için tüm form alanları aria-label ile işaretlenmiştir.

Sürükle-Bırak Şablon Editörü

Portal → Şablon Düzenleyici bölümünde hazır blokları yeniden sıralayabilir veya devre dışı bırakabilirsiniz:

• Logo bloğu
• Hoşgeldiniz başlığı
• Kimlik doğrulama formu
• Sosyal medya giriş butonları
• Hukuki metin ve onay kutusu
• Alt bilgi (footer)

Her blok bağımsız olarak renk, yazı tipi ve boşluk ayarlarına sahiptir.

Özel Alan Adı (Custom Domain)

Portali kurumsal alan adınız üzerinden sunmak için:

1. DNS sağlayıcınızda portal.alanadi.com için CNAME kaydı oluşturun → captive.siperone.com
2. Konsolda Portal → Özel Alan Adı bölümüne alan adını girin
3. SiperOne otomatik olarak Let's Encrypt TLS sertifikası sağlar
4. Propagasyon tamamlandıktan (genellikle 5–30 dakika) sonra test edin

tip

Özel alan adı kullanmak, captive portal uyarı ekranında güven artırır ve kurumsal kimliği güçlendirir.

Portal Önizleme

Değişiklikleri yayınlamadan önce gerçek zamanlı önizleme için Portal → Önizleme butonuna tıklayın. Önizleme modu:

• Masaüstü, tablet ve mobil görünümlerini simüle eder
• Kimlik doğrulama adımlarını test edebilmeniz için sahte giriş akışı sunar
• Hukuki metinlerin doğru yüklendiğini doğrular

Önizleme bağlantısı 24 saat geçerlidir ve paylaşılabilir; tasarım onayı için müşteriye gönderilebilir.