Agentis Designer, Agentis üzerine inşa edilmiş, web sitenizin görünümünü ve ana sayfa yapısını görsel olarak düzenleyebileceğiniz entegre bir tema ve içerik editörürür.
Geleneksel web düzenleme araçlarının aksine, Agentis Designer doğrudan Agentis altyapısıyla uyumlu çalışır; tur listesi, otel kartları, arama kutusu ve haberler gibi dinamik içerikler gerçek zamanlı olarak platformdan beslenir.
1. Nedir?
1.1 Temel Özellikler
• HTML bilgisi gerektirmeyen görsel blok editörü
• Gerçek zamanlı önizleme ile HTML modu arasında geçiş
• Sürüklе-bırak ile blok sıralama
• 16 farklı içerik bloğu: slider, arama, turlar, oteller, haberler, blog ve daha fazlası
• Her temada özel CSS ve JavaScript yazılabilir
• Mobil uyumlu çıktı (Bootstrap 3 altyapısı)
• Html editörü ile zengin metin editörü desteği
• Sütun ve görsel ızgara düzeni oluşturma
1.2 Kimin için?
Agentis Designer şu profillere hitap eder:
• İçerik ekipleri — HTML bilmeden sayfa düzenleyen pazarlama ve içerik personeli
• Web tasarımcıları — Kod yazarak ileri düzey özelleştirme yapan tasarımcılar
• Acente yöneticileri — Kampanya ve duyurularını hızla güncelleyen işletme sahipleri
2. Çalışma Modları
2.1 Bloklar Modu
Bloklar modunda sayfanız, her biri bağımsız bir işlev ülstlenen “blok” ünitelerinden oluşur. Her blok kartında:
• Blok adı ve simgesi
• Varsa düzenlenebilir parametreler (adet, sütun sayısı vb.)
• Sürükleme tutamacı (≡ simgesi) — blok sırasını değiştirmek için
• “Sil” butonu — bloğu listeden kaldırmak için
Yeni blok eklemek için sol panelden istediğiniz bloğu seçin; listeye otomatik olarak eklenir.
Metin Alanı, Sütun Düzeni ve Görsel Alanı bloklarında html editörü ve form alanları doğrudan kart içinde görünür.
2.2 HTML Modu
HTML modu, sayfa yapısının ham HTML kodunu düzenlemenizi sağlar. Bloklar modu arka planda daima geçerli bir HTML üretir; bu HTML, HTML modunda düzenlenebilir ve tekrar Bloklar moduna geçildiğinde blok olarak tanınır.
İpucu: Bloklar modunda tamamlayamadığınız ince ayarları HTML modunda yapın, ardından Bloklar moduna geri dönebilirsiniz.
2.3 CSS ve JavaScript Editörü
Séçili tema için özel CSS ve JavaScript kodlarını buraya yazın. Bu kodlar sadece seçili temaya ait olup diğer temaları etkilemez.
3. Sık Kullanılan Bloklar
3.1 Tam Ekran ve Dar Slider
Slider blokları Agentis admin panelinde yüklediğiniz slide görselleri, başlıklar ve linklerle otomatik olarak beslenir. Ekstra yapılandırma gerekmez.
• Tam Ekran Slider — Tarayıcı tam genişlik, sınırsız yükseklik
• Dar Slider — Sayfa içeriği genişliğinde, maksimum 500px yükseklik
3.2 Arama Kutusu
"type" parametresiyle hangi sekmenin ön tanımlı açılacağını belirleyin:
• "hotel" — Otel araması
• "tour" — Tur araması
• "flight" — Uçuş arama
3.3 Metin Alanı
TinyMCE editor içeren serbest format içerik alanıdır. Kalın, italik, renk, liste, tablo, bağlantı ve görsel ekleyebilirsiniz. HTML moduna geçildiğinde, yazılan içerik ham HTML olarak görünür.
3.4 Sütun Düzeni
2, 3 veya 4 eşit sütunlu yan yana içerik alanı oluşturur. Her sütunda bağımsız bir TinyMCE editor bulunur. Mobil cihazlarda sütunlar tek sütuna düşer (Bootstrap responsive).
3.5 Görsel Alanı
1–4 sütunlu görsel ızgara layout'u oluşturur. Her görsel için:
• Görsel URL — https:// ile başlaması zorunludur
• Alt başlık — Görselin altında görünür
• Link — Görsele tıklandığında yönlendirilecek adres
3.6 Alt Menü
"Adet" parametresi ile kaç menü öğesi gösterileceğini, "Başlangıç" parametresi ile kadanıncı öğeden başlanacağını belirleyin. Birden fazla footer menü bloğu ekleyerek menüyü farklı sütunlara bölebilirsiniz.
4. Yapay Zeka Tasarım Araçları
4.1 Nedir?
Agentis Designer, destekleyen üretken yapay zeka uyguları için yönergeler sunar. Bu yönergeler desteklenen AI uygulamasına tasarımın nasıl dönüştürüleceğini, hangi alanların tasarlanacağı gibi önemli bilgileri verir. Kullandığınız AI aracı tarafına tasarımınıza karar verdikten sonra yüksek doğrulukta Agentis Temaları üretebilir.
4.2 Nasıl Kullanılır
İlgili yönergeler yüklendiğinde nasıl işleme devam ederek bir tasarımı Agentis teması olarak kaydedeceğinizi AI aracınız size tarif edecektir. Yönergeleri izleyerek Agentis Designer'a yeni tasarımınızı yükleyerek kendi verileriniz, menünüz ve görselleriniz ile önizleme yapabilir, memnun kalmanız durumunda hemen yayına alabilirsiniz.
4.3 Kimler Kullanabilir?
Bu özellik şuanda deneme aşamasında olup Agentis ile çalışan dijtal ajanslar ve seçili kullanıcılar ile paylaşılmaktadır. Deneme sürecine katılmak ve daha fazla bilgi elde etmek için bize ulaşabilirsiniz.
5. İpuçları ve En İyi Uygulamalar
• Her değişiklikten sonra "Kaydet" butonuna tıklamayı unutmayın.
• Slider görselleri için en az 1920 × 800 piksel boyutunda, optimize JPG görseller kullanın.
• Görsel Alanı için görsel URL'leri mutlaka https:// ile başlaması gereklidir; aksi hâlde görsel önizlemesi yapılmaz.
• Sütun Düzeni bloğunda tüm rich-text özelliklerini destekler: tablo, renk, büyük başlık, gömülü görsel.
• HTML modunda yaptığınız değişiklikler Bloklar moduna geçildiğinde korunur; ancak Agentis Designer tarafından tanınmayan özel HTML bölümleri "HTML Bloğu" olarak işlemlenir.
• CSS editöründe yaptığınız değişiklikler yalnızca seçili temaya uygulanir; diğer temalar etkilenmez.
• Birden fazla Alt Menü bloğu ekleyerek, her biri farklı offset değeriyle menüyü gruplara ayırabilirsiniz.