Kendi ekibinizin tasarladığı gibi duran bir asistan
Kullanıcılarınız yanıtları yabancı bir pencerede değil; uygulamanızın kendi renkleri, yazı tipleri, köşeleri ve kart stilleriyle alır. Ekibiniz görünümü panelden düzenler, test sürümünde dener ve mağazaya yeni sürüm göndermeden tüm kullanıcılara ulaştırır.
Rendel'in çalıştığı örnek mağaza Halden'in paneli. Kayıt olmadan iki saat boyunca deneyebilirsiniz.
Bir kez değiştirin, tüm yanıtlar uyum sağlasın
Halden mağazasının Görünüm paneli ve hemen yanındaki canlı asistanı.
GörünümHaldenv2 canlıdaKaydedilmemiş değişikliklerv3 canlıdaYayınlaYayınlandı. Kullanıcılarınız uygulamayı bir sonraki açışında Deneyim, Görünüm ve Ses yeniliklerini bir arada görür.
Renkler
Arka plan#F2F2EF
Metin#141414
VurguKullanıcının etkileşime geçebileceği her şey; başka hiçbir şey değil.#1E3A2B#B4532A
Vurgu üzerindeki metin#FFFFFF
Şekil
Kart köşeleri616
Buton köşeleri6999
Deneyim, Görünüm ve Ses tüm kullanıcılar için bir sonraki açılışta birlikte yayına girer. İstediğiniz an Yayınlanan sürümler sayfasından eski bir sürüme dönebilirsiniz.
Düzenlemeye devam etYayınla
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Sorun
Uygulamanızın kendi tasarımı var; çoğu hazır sohbet aracı kendi düzenini getirir.
Kullanıcı başka bir araca aktarıldığını hemen anlar: farklı bir yazı tipi, uyumsuz köşe payları ve uygulamanın hiçbir yerine benzemeyen yabancı bir konuşma balonu.
Başka bir şirketin ürünü olduğu bellidir
Ayrı bir kutu kendi yazı tipi, köşeleri ve balonlarıyla gelir. Müşteri soru sorduğu anda uygulamanızın içinden çıktığını hemen hisseder.
Görünümdeki her değişiklik mağaza sürümü bekler
Arayüz koda gömülü olunca ufacık bir renk ya da buton köşesi değişimi yeni sürüm çıkarmayı ve mağaza onayını bekler. Bu sırada asistan uygulamanın gerisinde kalır.
Koyu mod ve okunabilirlik size bırakılır
Uygulamanızın temasını takip etmeyen araçlar koyu ekranın ortasında bembeyaz açılır; butonun üzerindeki yazının okunup okunmadığına bakmaz.
Ayrı bir aracı daha takip etmek zorunda kalırsınız
Her marka yenilemesinde güncellenecek bir panel daha çıkar. Kimi araçlar sırf kendi renginizi seçmeniz veya rozeti kaldırmanız için üst paket ister.
Nasıl çalışır?
Kodunuzdan tüm telefonlara; yeni sürüm gerekmeden
Ekibiniz yanındaki canlı telefon önizlemesiyle tek ekranda çalışır, taslağı test uygulamasında görür ve onaylayıp herkese açar.
1
Kendi kodunuzla veya hazır temayla başlayın
Mevcut tasarımınızla başlayın. Yapay zekâyla kurulum; renkleri, koyu temayı, köşeleri, yazı tipini ve logoyu kodunuzdan okuyup taslağa yazar ve kendiliğinden yayınlamaz. Kodda henüz bir tema yoksa 12 hazır temadan birini seçebilirsiniz.
Arka plan#F2F2EFYapay zekâ kurulumundan · lib/theme/halden_theme.dart:12
Kart köşeleri6Yapay zekâ kurulumundan · lib/theme/halden_theme.dart:31
2
Yanınızdaki canlı önizlemeyle şekil verin
Renkleri, tipografiyi, köşeleri ve kartları değiştirin; her adımı gerçek telefon boyutlarında veya masaüstünde, açık ve koyu modda görün.
BaşlatıcıKarşılamaSohbetAçık temaKoyu tema
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
Sor
AlışverişSiparişler
Halden
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
3
Test sürümünüzde deneyin
Taslağı kaydet butonuna bastığınızda değişiklikler test anahtarındaki uygulamanın bir sonraki açılışında görünür; paneldeki Test sayfasında ise hemen açılır.
Tek bir Yayınla butonu Deneyim, Görünüm ve Ses ayarlarını birlikte canlıya alır. Cihazlar yeni görünümü bir sonraki açılışta çeker, o ana kadar son çalışan halini korur.
Renkler, tipografi, buton ve kart köşeleri. Müşterinin ekranda gördüğü her kart türü uygulamanızın kalanına bütünüyle uyum sağlayabilir.
Her değişikliği müşterinizin elindeki ekran boyutlarıyla görün
Taşan bir metni ya da sıkışan bir kartı müşterinizden önce fark edin. Önizleme ekranı; başlatıcı, karşılama ekranı ve sohbet boyunca açık ya da koyu modda, 11 gerçek telefon boyutunda ve masaüstü tarayıcısında her değişikliği anında gösterir.
İlk dokunuştan itibaren rahat okunan bir görünüm elde edin. Hazır temaların her biri renkleri, köşeleri ve mesaj kutusu simgelerini tek hamlede ayarlar. Yazı tipleriniz, logonuz ve metinleriniz ise aynen korunur.
Koyu modda Adaçayı
Kendine ait koyu bir sürümü var. Bunu kullanın veya uygulamanın bu renklerden bir tane türetmesine izin verin.
Uygulamanıza uyum sağlamak için dört renk yeter. Arka planı, metni, Vurgu rengini ve üzerindeki yazıyı seçtiğinizde Rendel kartlar, görsel alanları ve mesaj kutusu için kalan altı rolü kendisi türetir. İsterseniz bu altı role kendiniz de renk verebilirsiniz.
Renkler
Arka plan#F2F2EF
Metin#141414
Vurgu#1E3A2B
Vurgu üzerindeki metin#FFFFFF
KartOtomatik#FFFFFF
Görsel yuvasıOtomatik
Yüzen panelOtomatik
Mesaj kutusuOtomatik
Mesaj kutusundaki metinOtomatik
Mesaj kutusundaki yer tutucu metinOtomatik
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Yayınlamadan önce kullanıcının ne göreceğini bilin
Cihaz ekranlarında okunabilirlik sürprizi yaşamayın. Bir renk çifti zor okunuyorsa panel bu ikiliyi belirtir, uygulamanın onun yerine çizeceği rengi gösterir ve tek tıkla uygulama imkanı verir. Kontrast durumu kaydetmenize ya da yayınlamanıza engel olmaz.
Vurgu#1E3A2B#E8743B
Vurgu üzerindeki metin#FFFFFFKullanıcılarınız #2E2E2E değerini görür — kelimelerin okunabilir kalması için uygulama rengi koyulaştırır.
9:41
Halden
Çok satanCourt LowDeri sneaker, kauçuk taban$118Sepete ekle
Bir ürün ya da siparişinizi sorun
Cihazda bir renk koyulaştırıldı.
Dolgulu bir kontroldeki etiket değeri 3.00:1 olur; bu, okunabilirlik için gereken 4.5:1 değerinin altında. Etkilenen: vurgu butonunuzun içindeki kelime.
Etiket rengiyle eşleştir
Uygulamanızla aynı kurallarla çalışan koyu mod
Açık mod kadar özenli duran bir koyu mod sunun. Kendi koyu renklerinizi tanımlayabilir, seçtiğiniz temanın koyu halini kullanabilir veya Rendel'in vurgu renginizi koruyarak hazırladığı koyu paleti seçebilirsiniz. Web sitesinde sayfanızın tema ayarı önceliklidir.
Flutter 0.45.0 · Web 0.22.0
Açık temayı gösterKoyu temayı göster
Arka plan#12110F
Metin#F4F2EE
Vurgu#51665B
Vurgu üzerindeki metin#FFFFFF
Telefon veya tarayıcı koyu moddayken gösterilir. Gri renkte gösterilen bir renk, tıpkı uygulamanızın yaptığı gibi açık renklerinizden türetilir. Bir rengi seçmek için üzerine yazın.
Açık temaKoyu tema
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Kendi ekranlarınızdaki gradyanı yanıtlara taşıyın
Rendel arka planı, ekranlarınızdaki gradyan geçişini taşır. Sekiz yönden birinde iki ila dört renk tanımlayabilirsiniz. Gradyan üzerinde yazıların okunamayacağı bir durum olursa cihaz düz arka plana geçer.
Flutter 0.52.0 · Web 0.30.0
Arka plan gradyanı
Renk 1#F2F2EF
Renk 2#C6D7C8
YönYukarıdan aşağıyaSol üstten sağ alta
Gradyan açık temada ayarlanır. Koyu tema, AI kurulumu kodunuzdan koyu bir gradyan okumadıkça düz arka planda kalır.
9:41
Halden
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Kendi yazı tipleriniz ve metin boylarınız
Rendel içindeki metinler uygulamanızın geri kalanıyla aynı hissi versin. Gövde ve başlık için yazı tipi adını girin, başlıktan dipnota kadar her basamağı belirleyin. Yazı tipi indirilmez, uygulamanızın kendi dosyaları kullanılır.
Tipografi
Gövde yazı tipiUygulamanızın hâlihazırda kullandığı yazı tipini koruyun
Başlık yazı tipiArchivo
Google Fonts üzerinden önizlenir. Görünebilmesi için uygulamanızın bu yazı tipini içermesi gerekir.
Büyük başlık24Başlık18Ara başlık15.5Gövde1415Etiket13.5Açıklama12.5
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Gardırobunuzdaki her parçayla uyum sağlayan, kauçuk tabanlı yalın deri sneaker.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Buton ve kartlarınıza uyan köşeler
Kartlar ve butonlar uygulamanızın hatlarını taşısın. Kart köşeleri için keskinden yumuşağa, Buton köşeleri için tam kapsüle kadar kıvrım verin. Etiketler ve başlatıcı da butonu izler.
Kart köşeleriPaneller, kartlar ve görseller. 0 keskin köşe demektir.020
Buton köşeleriButonlar, çipler ve başlatıcı. 999 hap şekli verir, 0 keskin köşe demektir.0999
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Siparişim nerede?Sor
Uygulamanız gibi kurulan kartlar ve butonlar
Yanıt kartları sizin çizdiğiniz gibi görünsün. Kartların zeminden yükselişini, buton dolgularını, ürün dizilimini, sipariş takibi görünümünü ve ok simgelerini seçin; bu beş tercihi uygulamanız doğrudan kendisi çizer.
Fiyatı öne çıkarın ya da onay butonunu yumuşatın, gerisine dokunmayın. Ürün kartı, bilgi kartı, liste, sipariş takibi ve onay kartına ayrı zemin, görsel alanı, köşe ve yapı verip her parçayı renklendirin. Koyu modda kart biçimini korur, koyu temanın renklerini alır.
Katmanlar
Asistan ekranı
Sohbet
Kartlar
Ürün kartlarıRozetBaşlıkAlt başlıkYıldızlarDeğerlendirmelerFiyat
Bilgi kartı
Liste
Sipariş takibi
Onay kartı
Fiyat özellikleri
Metin
Renk#454544#1E3A2B
Boyut1417
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Deri ve süet bakımıDüz deriyi nemli bir bezle silin ve kaloriferden uzakta kurumaya bırakın. Birkaç ayda bir uygulayacağınız az miktarda deri bakım kremi deriyi yumuşak tutar ve çatlamasını önler.
Tıklayın, doğrudan ayarını açın
Değiştirmek istediğiniz parçaya doğrudan ulaşın. Önizlemede herhangi bir alana tıkladığınızda ilgili ayar açılır; aynı rengi veya köşeyi paylaşan diğer parçalar da parlayarak neyin değişeceğini önceden gösterir.
Veya önizlemenin herhangi bir bölümüne tıklayın. Aynı rengi veya köşeyi paylaşan bölümler birlikte aydınlanır; çünkü Rendel bunları tek bir ayardan çizer.
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Gönder butonu
Cevapların çevresi
Üst bilgide adınız, mesaj kutusunda sizin diliniz
Üst bilgi, karşılama ekranı ve mesaj kutusu da tasarımınızın parçasıdır. Rendel'i gizleyen anahtar da bu çerçevenin içinden yönetilir.
Üst bilgide kendi logonuz
Kullanıcılarınız kiminle konuştuğunu hemen anlasın. Sohbet başladığı andan itibaren asistan adının yanında logonuz yer alır. Logonuzu yükleyip kare kesin; yeni logo yalnızca yayına aldığınızda kullanıcılara yansır.
PNG, JPEG, WebP veya SVG, en fazla 2 MB
Demo panelinde yükleme kapalıdır
Flutter 0.46.1 · Web 0.23.2
Üst bilgi
Logo yükle
H
Yakınlaştırma
Taşımak için sürükleyin. Karenin içindeki alan, kullanıcılarınızın göreceği kısımdır.
Bunu kullan
9:41
HHalden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Kendi tarzınızda karşılama ve isim
Kullanıcıyı karşılayan ilk ekran sizin dilinizle konuşsun. İsim, karşılama başlığı, alt metin ve dört adede kadar öneri Deneyim sayfasından gelir; Görünüm ise bunları markanızın tarzıyla giydirir. Tek bağlantıyla metinleri düzenleyebilirsiniz.
Karşılama ekranı
Asistan adıHalden
BaşlıkSizin için ne bulabilirim?
Karşılama metniBir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
Deneyim sayfasında düzenle
9:41
Halden
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Girdi alanlarınızla aynı mesaj kutusu
Yazı yazılan alan uygulamanızın kendi metin kutularıyla birebir uyuşsun. Kutu zeminini, yazılan metni ve yönlendirme yazısını renklendirin; 60 karaktere kadar kendi metninizi girin ve dosya ekleme, ses ve gönder simgesini belirleyin. Boş bırakırsanız SDK'nın hazır metni görünür.
Mesaj kutusu
EkUygulamanızın belirlediği değeri koruyunAtaşGörselArtı
Sesli mesajUygulamanızın belirlediği değeri koruyunMikrofonSes dalgası
GönderUygulamanızın belirlediği değeri koruyunYukarı okKâğıt uçakSağa ok
Court Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Cevabın işe yarayıp yaramadığını sorun
Hangi yanıtların işe yaradığını görün. Yanıtların altındaki olumlu ve olumsuz oylama butonlarıyla gelen her geri bildirim Analiz sayfasında toplanır.
Varsayılan olarak kapalı
Flutter 0.49.0 · Web 0.26.0
Geri bildirim
Bir yanıtın yardımcı olup olmadığını sorun
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Faydalı mı?
Bir ürün ya da siparişinizi sorun
Uygulamayı güncellemeden Rendel'i gizleyin
Güncelleme göndermeden Rendel'i durdurun. 'Bu uygulamada kullanılabilir' ayarını kapattığınızda, cihazlar bir sonraki açılışta butonu gizler ve Rendel açılmaz; kodunuzdaki çağrılar çalışır. Dilediğiniz an aynı şekilde yeniden açabilirsiniz.
Bu uygulamada kullanılabilirRendel'i uygulamadan çıkarmadan gizleyin. Kapalıyken bir sonraki açılışta buton gizlenir ve Rendel açılmaz; uygulamanızın kodundaki Rendel çağrıları çalışmaya devam eder.
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
SorRendel kapalı. Başlatıcı gizlidir ve sohbet dizisi açılmaz.
AlışverişSiparişler
Giriş yolu
Ekranlarınıza yakışan bir giriş noktası
Rendel butonunu kendi metniniz, simgeniz ve stilinizle uygulamanın dilediğiniz yerine yerleştirin; isterseniz butonu kaldırıp doğrudan kendi butonlarınızla asistanı açın.
Kendi kelimeniz ve simgenizle başlatıcı
Kullanıcılar desteğe bildikleri ifadeyle ulaşsın. Başlatıcı butonuna 24 karaktere kadar metin yazabilir, simgeyle ya da tek başına simge olarak sunabilirsiniz. Yalnızca simge seçilse bile ekran okuyucular bu metni seslendirir.
Flutter 0.66.0 · Web 0.44.0
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
Sor
AlışverişSiparişler
Başlatıcı
EtiketRendel'i açan butonun üzerindeki yazı. Boş bırakılırsa uygulamanızın hâlihazırda belirlediği etiket korunur.Sor
StilYalnızca simge ekranı ferah tutar. Ekran okuyucu etiketi seslendirmeye devam eder.Simge ve etiketYalnızca simge
SimgeParıltıDört köşeli yıldızSihirli değnekKonuşma balonuNoktalı konuşma balonuÇizgili konuşma balonuÇift konuşma balonuSoru işaretiBilgiAmpulRobotKulaklıkCan simidiEl sallamaGülen yüzKalpPusulaBüyüteçAlışveriş çantasıMikrofon
Başlatıcı boyutunda net kendi simgeniz
Kendi simgeniz küçük boyutlarda da netliğini korusun. Logonuzu yüklediğinizde panel onu başlatıcı metin renginde temiz bir şekle dönüştürür; çok ince çizgilerde sizi uyarır. Kaydetmeden önce hem açık hem koyu ekranda nasıl durduğunu görürsünüz.
Kullanmadan önce göz atın Görsel fazla yatay olduğu için başlatıcıda çok ufak kalır. Bir yazı logosu kullanıyorsanız sadece simge kısmını yükleyin. Gayet iyi: Başlatıcıda net ve keskin duracak dolgun bir şekil.
Başka dosya seçinBu simgeyi kullan
Kullanıcı başlatıcıyı kenara çekebilsin
Kullanıcılar başlatıcının arkasındaki yazıları okumak zorunda kalmaz. Sürüklemeyi açtığınızda butonu kenara itebilirler; buton en yakın kenara yerleşir ve o cihazda uygulama yeniden başlasa bile her sayfada yerini korur.
Varsayılan olarak kapalı
Flutter 0.66.0 · Web 0.44.0
SürüklenebilsinKullanıcılar butonu serbestçe sürükleyebilir. Bırakıldığında en yakın kenara yaslanır; tüm sayfalarda ve uygulama kapatılıp açılsa bile yerini korur.
Giriş noktası kendi butonlarınızla aynı havayı taşısın. Başlatıcıya panelden gradyan, halka, ışıma, yumuşak ışık ve 40 ile 72 arasında boyut verin. Seçtiğiniz gradyanda simge okunmuyorsa buton vurgu renginde kalır ve panel sizi uyarır.
Flutter 0.79.0 · Web 0.55.0
Işık ve simge boyu: 0.80.0 · 0.56.0
Gradyan
Renk 1#1E3A2BRenk 2#3F6B53
Halka
Renk#F2F2EFGenişlik3
Parıltı
Renk#9FBFAAŞiddet0.45
Işık
Yatay30%Dikey20%Şiddet0.7Yayılım0.6
Boyut
BoyutVarsayılan56
Butonu kendiniz çizin, davranışı Rendel üstlensin
Kendi buton tasarımınızı korurken Rendel'in yeteneklerinden yararlanın. Butonu kendi Flutter widget'ınız olarak çizin; dokunmayı, ekran okuyucu etiketini, okunmamış sayısını ve sürüklemeyi Rendel üstlensin. Görünüm kendi butonunuzu fark eder ve hangi ayarların geçerli kaldığını size söyler.
Uygulamanız bu butonu kod içinde kendi widget'ı olarak çizer (RendelLauncher builder). Burada ayarlanan gradyan, ışık, halka, parıltı, boyut ve simge uygulamadaki butonu etkilemez. Etiket, görünürlük ve sürüklenebilsin ayarları ise çalışmaya devam eder.
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
Halden'e sor1
AlışverişSiparişler
Tam uygulamanızın istediği yerde giriş
Giriş noktası müşterilerinizin zaten baktığı yerde dursun. Mobil uygulamanızda Rendel butonunu bir köşeye, alt çubuğa veya ayarlar satırına koyabilir; web sitenizde bir köşeye yerleştirebilirsiniz. Dilerseniz butonu kapatıp Rendel'i kendi butonlarınızla açarsınız; ekranda tek giriş görünür.
Rozetler: Flutter 0.73.0 · Web 0.50.0
rendel.ai üzerindeki sektör demoları Rendel'i kendi menü sekmesinden açar.
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
1
AlışverişSiparişler
AlışverişSorSiparişler
Halden
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Kendi ekranlarınızdan biri gibi açılır
Rendel araya giren yabancı bir pencere gibi değil, ekranınızın doğal bir parçası gibi açılır. Mobilde alttan açılan bir sayfa olarak gelir; açtığı başka bir ekran öne geçtiğinde baloncuk haline küçülür ve geri dönünce eski haline büyür. Webde ise masaüstünde panel, mobilde arka planı karartan sayfa olarak açılır.
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
AlışverişSiparişler
Sipariş H-20418Trail Runner 2Dağıtıma çıktıBugün 18:00'e kadar teslim edilecek
Halden
Siparişim nerede?
Sipariş H-20418Dağıtıma çıktı
Sipariş alındı
Hazırlandı
Kargoya verildi
Dağıtıma çıktıBugün 18:00'e kadar
Teslim edildi
Bir ürün ya da siparişinizi sorun
Her cihazda
Panelden cihaza tek adımda, geri dönüşü hazır
Yayına aldığınız arayüzü uygulamanız bizzat çizer. Yenilikler sonraki açılışta ekrana gelir, bir aksilik olursa kodunuzdaki temel görünüm devreye girer.
Web görünümü değil, uygulamanın kendi çizimi
Yanıtlar uygulamanızın parçası gibi görünür çünkü çizimi bizzat uygulamanız yapar. iOS ve Android'de her yanıtı uygulamanızın Flutter widget'ları çizer; web sitesinde ise Rendel stilleri sizinkilerden ayrı tutarak sayfaya işler. Aynı renk matematiği panelde ve iki SDK'da çalışır; önizlediğiniz renk neyse yayına o gider.
Her görünüm adı altında saklanır, geri dönüşü zahmetsizdir
Beğendiğiniz bir tarzı adıyla bulun, gerektiğinde hızla geri alın. Yayına 'Sonbahar marka yenilemesi' gibi bir isim verebilirsiniz; Geçmiş paneli bu adla saklar. Sahip ve Yönetici rolleri, Deneyim sayfasındaki 'Yayınlanan sürümler' listesinden Canlıya dön butonuyla eski sürüme dönebilir.
Canlıya dön: Sahip ve Yönetici
Görünüm › Geçmiş
Sonraki yayının adıİsteğe bağlı. Aşağıda ilgili sürümün yanında gösterilir.Sonbahar marka yenilemesiSonbahar marka yenilemesiSonbahar marka yenilemesi
Yayınla
v3Sonbahar marka yenilemesiCanlı6 Kas
v2AdsızCanlıCanlı25 Eki
Deneyim › Yayınlanan sürümler
v3GörünümŞu an canlıda
v2GörünümCanlıya dönŞu an canlıda
Canlı v2 sürümüne dönsün mü?
İptalCanlıya dön
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Canlı anahtar
Aksilik çıksa bile uygulamanız kendi stiliyle açılır
Yayınlanan görünüm cihaza ulaşamazsa müşteriniz hazır bir asistanla karşılaşır. Henüz yayın yoksa, cihaz çevrimdışıysa, bağlantı koptuysa ya da değer sınır dışındaysa uygulama kodundaki temayı çizer. Daha yeni sunucu sürümünden gelen ayarlar yok sayılır, çökme yaşanmaz.
Şu durumlardan biri gerçekleşirse:
Henüz yayın yapılmadı
Çevrimdışı veya zaman aşımı
API hatası alındı
Hatalı veya eksik veri geldi
Aralık dışı geçersiz değer
Önbellek bozuldu
Daha yeni bir sunucu sürümünden gelen ayarlar
Her durumda kodunuzdaki görünüm
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Mesajlarınız aynı arayüz diliyle ulaşır
Ekibinizin ilettiği içerikler Rendel'in doğal bir parçası gibi dursun. Takip mesajları ve ekibinizle açık olan sohbet, en üstte sizin kart renginiz, köşeleriniz ve vurgu tonunuzla yer alır: son yedi güne ait en fazla üç kart sıralanır.
Trail Runner 2 modelinde %15 indirimZorlu arazide güçlü tutuş ve hızla kuruyan file saya. Pazar gününe kadar %15 indirimli.Trail Runner 2'yi incele
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Yazılımcılarınız temel görünümü kodda tutar
Uygulamanız daha panelden yayın yapmadan doğru görünür. Yazılımcılarınız kod tarafında dört renkle tema kurup açık, koyu veya cihaz tercihini belirler; panelden yayınladığınız görünüm bunun üstüne oturur. Flutter'da katalog bileşenlerini kendi widget'larıyla yeniden çizebilirler.
5Demo çubuğundan Halden uygulamasını açın; sayfa yayınladığınız stille yenilenir ve Rendel açılır.
6Fikriniz mi değişti? Geçmiş panelinde v2'yi taslağa kopyalayıp v4 olarak yayınlayın; Halden yeniden yeşile dönsün.
demo.rendel.ai
Kendi kopyanızda Rendel'in canlı bir mağazaya neler kattığını görün
Halden demo kopyanız2 saat kullanım süresiKayıt ve kredi kartı gerekmezDemo konsolunu açKonsol hazırlanıyor...
HaldenHalden uygulaması
GörünümHaldenKaydedildi, yayınlanmadıv3 canlıdav4 canlıdaTaslağı kaydetYayınlaYayınlandı. Kullanıcılarınız uygulamayı bir sonraki açışında Deneyim, Görünüm ve Ses yeniliklerini bir arada görür.
Temalar
Geçmiş
v4Canlıv3Taslağa kopyalav2Taslağa kopyalandıv2 · Canlı
9:41
Halden
42 numara $130 altı beyaz spor ayakkabı bul
42 numaranızda üç beyaz model var, hepsi $130 altında.
Çok satanCourt LowDeri sneaker, kauçuk taban$118
Court MidBilekli deri sneaker$126
Dune Slip-onKanvas slip-on$74
Court Low ile Court Mid modellerini karşılaştırSiparişim nerede?
Bir ürün ya da siparişinizi sorun
Şekil
Kart köşeleri6166
Buton köşeleri69996
Deneyim, Görünüm ve Ses tüm kullanıcılar için bir sonraki açılışta birlikte yayına girer. İstediğiniz an Yayınlanan sürümler sayfasından eski bir sürüme dönebilirsiniz.
Düzenlemeye devam etYayınla
Halden telefonunuzda
Yayınlandı. Halden telefonunda görünüyor.
9:41
HALDEN
Sonbahar seçkisiGrey WeatherSeçkiyi inceleyin
Court Low
AlışverişSorSiparişler
Halden
Sizin için ne bulabilirim?
Bir ürün bulun, siparişinizi kontrol edin veya iade başlatın.
42 numara $130 altı beyaz spor ayakkabı bulSiparişim nerede?Son siparişimdeki Loopback Hoodie ürününü iade etCourt Low ile Court Mid modellerini karşılaştır
Bir ürün ya da siparişinizi sorun
Yayınladığınız görünüm ekranda.
Demo panelinde kendiniz deneyin
Halden'in Görünüm sayfası kayıt gerekmeden iki saat boyunca sizin. Bir tema yayınlayın, Halden'in kendi telefonundaki değişimi izleyin.
Uygulamanızın üstünde bir pencere değil, onun bir parçası
Asistan uygulamanın üstüne sonradan yapıştırılan bir eklenti değil, kendi parçası olduğunda nelerin değiştiğini görün.
Özellik
Rendel
Ayrı sohbet aracı
Nerede çizilir?
Uygulamanızın içinde: mobil uygulamanızın kendi widget'ları, web görünümü yok; webde ise sitenin içinde ve kendi stilleriyle yalıtılmış
Çoğunlukla uygulamanızın üzerine sonradan açılan hazır mesajlaşma penceresi.
Görünümün kapsamı
On renk rolü, kart ve buton köşeleri, altı yazı boyutu, beş yapı tercihi, kart parçaları ve sayfa gradyanı.
Genellikle yalnızca bir marka rengi, logo ve buton görseli; bazen üst bilgi görseli ya da birkaç yazı tipi.
Yazı tipleri
Uygulamanızda zaten bulunan yazı tipleri; gövde metni ve başlıklar için adını yazmanız yeterli.
Bazı araçlarda sınırlı web yazı tipi listesi, salt renk ayarı olanlarda ise hiçbiri
Açık ve koyu mod
Kendi koyu renkleriniz, temanın koyu sürümü ya da açık renklerden türetilen tonlar; cihaz ayarını veya web sitenizin tercihini izler.
Destekleyen araçlarda tema başına tek bir palet.
Okunabilirlik
Siz düzenlerken denetlenir; cihazda görünecek rengi gösterir ve tek tıkla düzeltme önerir.
Genellikle kontrolü size bırakır.
Görünümü güncelleme
Test sürümünde taslak, ardından uygulama güncellemesi olmadan tek bir Yayınla; eski sürümlere tek adımda dönüş.
Tek bir canlı ayar sayfası; bazı mobil SDK'larda tema dosyası ve yeni derleme gerekir.
Asistanı açma yolu
Kendi metniniz, simgeniz ve buton stilinizle sürüklenebilir başlatıcı ya da Rendel'in davranışını taşıyan kendi butonunuz.
Sağlayıcının belirlediği kalıpta, yalnızca yeri ve görseli seçilebilen bir başlatıcı.
Tasarımı kim hazırlar?
Kodlama asistanınız temanızı kodunuzdan okuyup taslağa aktarır; her değerin hangi dosyadan geldiği bellidir.
Renk kodlarını ayar sayfasına birisinin tek tek elle girmesi gerekir.
Ekibinizin Etkileşim sayfasından gönderdiği takip mesajları da Rendel'in en üstünde aynı görünümle yer alır.
Ayrı araçların önde olabileceği alan: yerel Swift, Kotlin ve React Native SDK'ları. Rendel'in Mobil SDK'sı şu an Flutter uygulamaları, Web SDK'sı ise web siteleri içindir.
Denetim ve gizlilik
Kim değiştirebilir, neleri gösterir?
Görünüm ayarları kullanıcılarınıza dair hiçbir veri içermez; yalnızca asistanınızı kuran ekip üyeleri tarafından değiştirilebilir.
Görünümü kimler değiştirebilir?
Her kaydetme, yayınlama ve dosya yükleme adımı kullanıcının rolüne göre denetlenir.
Rol
Düzenle, kaydet, yayınla, geri yükle, dosya yükle
Canlıya dön
Sahip
Evet
Evet
Yönetici
Evet
Evet
Geliştirici
Evet
Hayır
Analist
Yalnızca görüntüler
Hayır
Konuşma inceleyici
Yalnızca görüntüler
Hayır
Müşteri desteği
Erişimi yok, yalnızca Destek sayfasını görür
Hayır
Kullanıcı verisi barındırmaz
Görünüm paketi yalnızca renkler, boyutlar, yazı tipi adları, ekrandaki kelimeleriniz, logonuz ve başlatıcı simgesini barındırır. Asistan talimatları, şirket bilgileri ve aksiyonlar bu pakette asla yer almaz.
Doğası gereği açıktır, taslakları sade tutun
Yayınladığınız tasarım uygulamanızın her kopyasına iletilir. Taslaklar da gizli değildir: test anahtarı test sürümlerinde yer alır; bu yüzden henüz duyurmadığınız isimleri taslaklarda kullanmayın.
Frankfurt'ta barındırılır
Görünümünüz, logonuz ve başlatıcı simgeniz Frankfurt'ta (eu-central-1) tutulur. Logo ve simge korumalı alandadır; yalnızca kendi anahtarına sahip uygulamalara, taslak logo ise sadece test anahtarına iletilir.
İndirme yok, dış bağlantı yok
Yazı tipleri cihaza indirilmez, adıyla çağrılır. Logo ve simge ise web adresi olarak değil, doğrudan kimlik bilgisiyle iletilir.
Neler saklanır, nerede tutulur?
Yayınlanan her sürüm Geçmiş panelinde saklanır; her kayıt ve geri alma işlemi sürüm bilgisiyle günlüğe işlenir. Cihazlar ise çalışan son görünümü ve başlatıcının sürüklendiği yeri kendi içinde tutar.
Uygulamanın isteği neleri kaydeder?
Uygulamanız görünümü alırken Rendel en fazla beş dakikada bir SDK sürümünü, platformu ve başlatıcıyı not eder. Canlı anahtarda cihaz, son görülmesinden sonra 90 gün boyunca, günde en çok bir defa kullanıcı kotanıza sayılır.
Kullanıcının ve sizin tercihleriniz
Kullanıcılarınızın burada kapatacağı bir ayar yoktur: uygulamanız kodda özel bir tema belirtmediyse cihazın açık ya da koyu tercihi geçerli olur. Ekibiniz 'Bu uygulamada kullanılabilir' ayarıyla asistanı herkes için gizleyebilir; bu bir güvenlik kontrolü değildir.
Kullanıma alma
Ekstra kurulum yok, ayrı bir ücret yok
Görünüm, uygulamanızın zaten çalıştırdığı SDK ile ve her planda birlikte gelir; devreye almak panelde yalnızca birkaç adımdır.
Uygulamanızda SDK çalışır
Görünüm için ayrı bir kod yazmanız gerekmez. Uygulamanız açılırken Mobil ve Web SDK yayınlanan görünümü otomatik olarak çeker. Güncel sürümler: Flutter 0.82.0, Web 0.57.0.
Ekibiniz Asistan › Görünüm sayfasını açar
Bir tema seçin ya da renklerinizi girin; denemek için Taslağı kaydet, yayına almak için Yayınla butonuna basın. Sahip, Yönetici ve Geliştirici rolleri yayınlayabilir.
Her planda geçerli, mesaj harcamaz
Görünüm, ücretsiz Pilot planı dahil tüm paketlerde yer alır. Tasarımı düzenlemek ya da yayınlamak mesaj kotanızdan hiçbir şey harcamaz.
Geliştiricilerin kodda belirledikleri
Yazılımcıların kodda belirledikleri: açık, koyu veya cihaz tercihi; Rendel butonunun konumu ya da kendi butonlarınızdan açılması; özel başlatıcı widget'ı; belirtilen yazı tiplerinin projeye eklenmesi ve sürümü koda sabitlemek için remoteConfig: false seçeneği.
Görünüm için gereken SDK sürümleri
Eski bir SDK sürümü, henüz tanımadığı ayarları yok sayıp çalışmaya devam eder.
Görünüm parçası
Mobil SDK (Flutter)
Web SDK
Panelden yayınlanan renkler, yazı tipleri, boyutlar ve köşeler
Her sürümde
Her sürümde
Üst bilgi alanındaki logo
0.46.1
0.23.2
Koyu mod desteği
0.45.0
0.22.0
Cevapların altındaki 'Faydalı mı?' sorusu
0.49.0
0.26.0
Arka plan gradyanı
0.52.0
0.30.0
Rendel'in en üstündeki takip mesajı kartları
0.59.7
0.38.7
Başlatıcı etiket stili, 20 simge, kendi simgeniz, sürükleme
0.66.0
0.44.0
Başlatıcıda okunmamış sayısı ve bildirim noktası
0.73.0
0.50.0
Başlatıcı gradyanı, halkası, ışıması ve boyutu
0.79.0
0.55.0
Başlatıcı ışığı, simge boyutu ve ışıma gücü
0.80.0
0.56.0
Kendi başlatıcı widget'ınız
0.81.1 veya üstü
Web'de yok; launcher: false ile kendi butonunuzu bağlarsınız.
Hayır. Mobil tarafta her yanıt web görünümü olmadan, uygulamanın kendi Flutter widget'larıyla çizilir. Web sitesinde ise stilleri sitenizden ayrı tutulur. Her iki ortamda da Asistan › Görünüm altından seçtiğiniz kendi renkleriniz, yazı tipleriniz, köşeleriniz ve kart stilleriniz kullanılır.
Evet. Gövde için bir yazı tipi, dilerseniz başlıklar için de ayrı bir başlık yazı tipi adı girebilirsiniz. Yazı tipi dosyaları indirilmez; uygulamanız kendi ekranlarında kullandığı yazı tipini Rendel'e de aktarır. Web sitesinde yazı tipi belirtilmezse Rendel sayfanızın gövde yazı tipini devralır.
Evet. Varsayılan olarak cihazın tercihini izler. Web sitesinde önce sayfanızın data-theme değerine, ardından tarayıcı ayarına bakar ve ikisini de dinler. Mobil uygulamada yazılımcılarınız açık, koyu ya da cihaz ayarını kodla seçer. Kendi koyu tonlarınızı belirleyebilir ya da Rendel'in türetmesine bırakabilirsiniz.
Evet. Yayınlanan her sürüm Geçmiş panelinde saklanır: birini taslağa kopyalayıp test sürümünde görebilir ve yeniden yayınlayabilirsiniz. Sahip ve Yönetici rolleri ayrıca Deneyim'deki Yayınlanan sürümler listesinden canlıyı doğrudan geri alabilir.
Düzenleme sırasında panel sizi uyarır: Metin için 4.5:1, buton kenarı için 3:1 altına inen çiftleri ve cihazın yerine çizeceği rengi listeler, tek tıkla uygulayabilirsiniz. Bu durum kaydetmeyi durdurmaz. Cihaz tarafında okunamayan renkler koyulaştırılarak metnin rahat okunması sağlanır.
Evet. Web sitesinde başlatıcıyı kapatıp Rendel'i kendi butonunuzla açabilir veya yalnızca belirli sayfalarda gösterebilirsiniz. Mobil uygulamada ise Rendel butonunu dilediğiniz yere koyabilir ya da herhangi bir butonunuzdan çağırabilirsiniz. Rendel ekranda aynı anda tek bir giriş noktası tutar.
24 karaktere kadar metin etiketi veya yalnızca simge; hazır 20 simgeden biri ya da kendi simgeniz; gradyan, halka, ışıma, yumuşak ışık, 40 ile 72 arası boyut ve sürükleme izni. Bunların tümünü panelden yayınlarsınız. Flutter uygulamasında butonu kendi widget'ınızla çizip Rendel'in rozetlerini koruyabilirsiniz.
Evet. Gölgeli, çerçeveli ya da düz kart modelleri; dolgulu veya sade butonlar; ürün kutuları, listeler, fotoğraflar ve üç farklı sipariş takip düzeni seçebilirsiniz. Ardından her kart tipine özel renkler, köşeler, büyük fiyat yazısı ya da yumuşak onay butonu gibi ayrıntılar tanımlayabilirsiniz.
Evet. Yapay zekâyla kurulum; açık ve koyu renkleri, köşeleri, yazı tipini, kart stilini ve logoyu kodunuzdan okuyup Görünüm taslağına yazar. Her değeri kaynak dosyasıyla gösterir ve kendiliğinden yayınlamaz. Canlıdaki bir uygulamada sonraki kod eşitlemeleri Ana sayfadaki Senkronizasyon incelemesi alanında bekler.
Görünüm ayarları kullanıcılarınıza dair hiçbir veri içermez: yalnızca renkler, boyutlar, yazı tipi adları, arayüz metinleri, logonuz ve başlatıcı simgesinden oluşur. Asistan talimatları, şirket bilgileri veya aksiyonlar bu pakette yer almaz. Veriler Frankfurt'ta (eu-central-1) tutulur; logo ve simgeye sadece anahtarınız erişir.
Ek bir ücreti yoktur. Görünüm, ücretsiz Pilot dahil her pakette yer alır; değişiklik yapmak veya yayınlamak mesaj kotanızdan düşmez. Sahip, Yönetici ve Geliştirici rolleri düzenleyip yayınlayabilir; Sahip ve Yönetici ayrıca canlıya dönebilir. Analist ve Konuşma inceleyici rolleri ise sadece inceleyebilir.
Henüz değil. Rendel Mobil SDK; iOS ve Android'deki Flutter uygulamaları içindir, Web SDK ise web sitelerine hizmet verir. Şu an yerel Swift, Kotlin veya React Native SDK'sı bulunmuyor; dokümantasyondaki Platform desteği sayfasından mevcut durumu görebilirsiniz.
Dilerseniz hemen ücretsiz başlayabilir, dilerseniz müşterilerinizin en sık kullandığı akışı bize ileterek çalışan hâlini size özel bir demoda görebilirsiniz.
