Widget düzeni tasarla

Bu sayfayı bir widget’ın düzenini, görünümlerini ve görsel yapısını oluşturmak için kullanın.

Önce widget’ın görsel yapısıyla başlayın. Ardından etkileşimleri ve doğrulamayı ekleyin.

Widget türü, yerleşim ve kapsayıcı ayarları için bkz Widget ayarlarını yapılandırın. Tüm öğe kataloğu için bkz. Widget öğeleri referansı.

İş akışı oluşturma

1. Görünüm stilini belirleyin ve gerekli öğeleri ekleyin.

2. Tuvaldeki her öğeyi düzenleyin ve biçimlendirin.

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

4. Eylemleri yapılandırmadan önce tanımlayıcıları ayarlayın.

Düzenleyiciyi anlama

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

Sol panel

Mevcut öğeleri bulmak için sol paneli kullanın. Widget’ın hedefine göre içerik, form, eylem veya geri bildirim öğelerini seçin.

Öğeleri sol panelden seçin.

Tuval

Öğeleri yerleştirmek ve widget düzenini önizlemek için tuvali kullanın.

Öğeleri tuvalde düzenleyin.

Sağ panel

Seçili öğeyi yapılandırmak için sağ paneli kullanın.

Seçili öğenin ayarlarını düzenleyin.

Diğer menü

Bir öğeyi taşımak veya çoğaltmak için üç nokta menüsünü kullanın. Açın HTML yalnızca görsel düzenleyici gerekli düzeni oluşturamadığında.

Taşıma, çoğaltma veya HTML seçeneklerini açın.

Öğeleri ekleyin ve yönetin

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

Temel öğelerle başlayın. Destekleyici öğeleri yalnızca kullanıcıların hedefi tamamlamasına yardımcı olduklarında ekleyin.

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: düğme, kopyalama düğmesi, geri sayım

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

Tam liste ve kullanım rehberi için bkz. Widget öğeleri referansı.

İhtiyacınız olan öğeyi tuvale sürükleyin.

Seçili bir öğeyi düzenleyin

Sağ panelde kullanılabilir ayarlarını açmak için bir öğe seçin.

Yaygın kontroller şunlardır:

• Boşluk: öğenin içindeki ve çevresindeki boşluğu kontrol eder.

• Kenarlık: kenarlığın rengini, genişliğini ve stilini belirler.

• Köşeler: öğenin köşe yarıçapını ayarlar.

• Metin: içeriği, yazı tipini, boyutu, rengi ve hizalamayı değiştirir.

• Gölge: öğenin arkasına derinlik katar.

• Görünüm: öğenin ne zaman ve nasıl görüneceğini kontrol eder.

• Konum: öğenin yerleşimdeki konumunu belirler.

• Efektler: animasyonlar veya geçişler gibi görsel efektler ekler.

Efektleri ince ayarlamadan önce düzeni biçimlendirin. Bu, tasarımın okunabilir ve tutarlı kalmasını sağlar.

Seçili öğenin stilini ve konumunu yapılandırın.

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

Kullanın Görünüm ekle çok adımlı widget’lar oluşturmak için. Her görünüm, aynı widget içinde ayrı bir ekran gibi çalışır.

Örnekler:

• form, ardından başarı ekranı

• puanlama, ardından geri bildirim formu

• teklif, ardından kuponun gösterilmesi

Her görünümü tek bir adıma odaklı tutun. İlerlemeye geçmeden önce kullanıcılara net bir eylem sunun.

Çok adımlı bir widget akışı oluşturmak için görünümler ekleyin.

Tanımlayıcılar

Her öğenin bir tanımlayıcı kodu vardır. Bunu, eylemlerde, koşullarda ve raporlamada o öğeye başvurmak için kullanın.

Tanımlayıcılar, izleme, tıklama eylemleri, eylem koşulları ve olay analizi için önemlidir.

Rastgele varsayılanlar yerine kısa ve açıklayıcı adlar kullanın.

Eylemleri yapılandırmadan önce tanımlayıcıları ayarlayın. Bu, kurulumu daha sonra yönetmeyi kolaylaştırır.

Öğeleri sonraki davranışlarla ilişkilendirmek için tanımlayıcıları kullanın.