Bileşenleri Özelleştir

Widget’ınızın yerleşimini ve görsel yapısını oluşturmak için bu sayfayı kullanın.

Bu sayfa, editörün temel bilgilerini kapsar. Tüm öğe kataloğu için bkz. Widget Öğeleri Referansı. Buton ve görsel davranışı için şuna bakın: Tıklama Eylemlerini Atayın.

Hızlı iş akışı

1

Temel stili ayarlayın

Widget görünüm ayarlarıyla başlayın.

Ayarlayın:

• genişlik

• kenar yuvarlama

• arka plan rengi

• kenar kalınlığı

• kenar rengi

2

İhtiyacınız olan öğeleri ekleyin

Öğeleri soldaki panelden tuvale sürükleyin.

İlk başta yapıyı sade tutun. Yalnızca hedefiniz için gerekli bölümleri ekleyin.

3

Seçili öğeyi özelleştirin

Stil ve ayarları düzenlemek için sağ paneli kullanın.

Yaygın değişiklikler arasında metin, boşluk, renkler, kenarlıklar ve konumlandırma yer alır.

4

Çok adımlı akışlar için görünümler ekleyin

şunu kullanın Görünüm Ekle widget'ın birden fazla ekran gerektirdiği durumlarda.

Bu; form → teşekkür ekranı veya puanlama → geri bildirim gibi akışlar için kullanışlıdır.

5

Tanımlayıcılar ve eylemler ekleyin

Eylemleri yapılandırmadan önce temel öğelere net tanımlayıcılar verin.

Ardından gerekirse butonlara veya görsellere eylemler atayın.

Düzenleyiciyi anlayın

Oluşturucunun dört ana bölümü vardır:

• Sol panel: kullanılabilir öğeler

• Tuval: widget önizleme ve düzen alanı

• Sağ panel: seçili öğe için stil ve ayarlar

• Diğer menü: taşıma, çoğaltma veya gelişmiş HTML ayarlarını açma

Widget oluşturucu

Görünüm ayarları

İçerik eklemeden önce widget'ın ana stilini tanımlayın.

şunu kullanın Görünüm Ayarları şunları kontrol etmek için:

• genişlik

• kenar yuvarlama

• arka plan rengi

• kenar kalınlığı

• kenar rengi

Bu ayarlar yalnızca tek bir öğeyi değil, genel kapsayıcıyı etkiler.

Görünüm Ayarları

Widget Arka Plan Görseli

Widget/HTML Oluşturucu, yüklenen görsellere doğrudan metin eklemeyi destekler.

Bir görseli varlık olarak yükleyin, üzerine metin yerleştirin ve konum, renk, yazı boyutu ve hizalama gibi temel stil seçeneklerini özelleştirin.

Yüklenen görsellere doğrudan metin ekleyin

Öğeleri ekleyin ve yönetin

Öğeleri iki şekilde ekleyebilirsiniz:

• soldaki panelden sürükleyip bırakın

• kullanın + butonunu ve öğeyi sola veya sağa yerleştirin

Önce temel unsurlarla başlayın. Ardından tasarımı iyileştirin.

Yaygın öğe grupları:

• içerik: metin, görsel, GIF, video

• form: giriş alanı, metin alanı, onay kutusu, radyo düğmesi, seçim kutusu

• eylem: buton, kopyalama butonu, geri sayım

• geri bildirim: puanlama, emoji geri bildirimi, kaydırıcı geri bildirimi

Tam liste ve en iyi kullanım senaryoları için şuna bakın: Widget Öğeleri Referansı.

Seçili bir öğeyi düzenleyin

Bir öğe seçtiğinizde, sağ panel kullanılabilir ayarlarını gösterir.

Yaygın kontroller şunlardır:

• boşluk

• kenar

• köşeler

• metin

• gölge

• görünüm

• konum

• efektler

Öğe ayarları

Diğer menüyü kullanın

Hızlı düzen işlemlerine ihtiyaç duyduğunuzda bir öğedeki üç nokta menüsüne tıklayın.

Kullanılabilir işlemler:

• Yukarı Taşı

• Aşağı Taşı

• Çoğalt

• HTML

şunu kullanın HTML yalnızca görsel düzenleyici istediğiniz düzen için yeterli olmadığında.

Diğer menü

Birden fazla görünümle çalışın

şunu kullanın Görünüm Ekle çok adımlı widget'lar oluşturmak için.

Örnekler:

• form → başarı ekranı

• puanlama → geri bildirim formu

• teklif → kupon gösterimi

Her görünümü tek bir adıma odaklı tutun.

Görünüm Ekle

Tanımlayıcılar

Her öğenin bir tanımlayıcı kodu vardır.

Tanımlayıcılar şunlar için önemlidir:

• izleme

• tıklama işlemleri

• eylem koşulları

• analiz

Rastgele varsayılanlar yerine kısa ve net adlar kullanın.

İyi örnekler:

• submit_button

• email_input

• rating_score

• hero_image

Eylemleri yapılandırmadan önce tanımlayıcıları ayarlayın. Bu, kurulumu sonradan yönetmeyi çok daha kolay hale getirir.

Eylemler ve doğrulamalar

Bu sayfa düzen ve yapı üzerine odaklanır.

Davranış için ayrı kurulum sayfaları kullanın:

• Tıklama Eylemlerini Atayın buton ve görsel eylemleri için

• Widget Öğeleri Referansı öğeye özel yönlendirme için

Uygulamada:

• widget'ı oluşturmak için bu sayfayı kullanın

• mantığı hazırlamak için tanımlayıcıları kullanın

• yapı hazır olduktan sonra eylemleri ekleyin

En iyi uygulamalar

Widget'ları okunaklı tutun

• Her widget için tek bir hedefle başlayın.

• Mümkün olduğunda daha az öğe kullanın.

• Metni kısa tutun.

• Tutarlı boşluklar kullanın.

• Mobilde ve masaüstünde önizleyin.

• Ek görünüm oluşturmayı yalnızca akış bunları gerektirdiğinde yapın.

Sırada ne var

Düzeni tamamladıktan sonra:

1. tanımlayıcıları gözden geçirin

2. butonlara veya görsellere tıklama eylemleri atayın

3. her görünümü önizleyin

4. widget'ı kaydedin