Widget Nasıl Oluşturulur

Genel bakış

TicketingHub rezervasyon widget’ı, web sitelerine entegre olan ve müşterilerin ürünleri doğrudan rezerve etmesini sağlayan bir JavaScript aracıdır. Widget’ı kontrol panelinde oluşturur, bölüm bölüm yapılandırır ve sitenize küçük bir kod parçacığı ekleyerek kullanıma sunarsınız.

Desteklenen tarayıcılar

Safari 16.4+, Chrome 111+, Firefox 128+.

Kontrol panelinizde Widget’lar bölümüne gidin
Yeni widget seçeneğine tıklayın
Widget’a bir ad verin, satmasını istediğiniz ürünleri seçin ve Widget oluştur seçeneğine tıklayın

Widget’ın diğer tüm ayarlarının yapılandırıldığı ayarlar sayfasına yönlendirilirsiniz. Sol tarafta bölümler halinde gruplanmış ayarlar, sağ tarafta ise yaptığınız değişikliklerle birlikte yenilenen canlı widget önizlemesi bulunur.

Sattıklarınız

Widget’ın sunacağı ürünleri, paketleri ve hediye kartlarını seçin; ek seçenekleri (tamamını veya seçtiğiniz belirli seçenekleri) dahil edin ve müşterilerin ürünleri hediye kuponu olarak satın alıp alamayacağına ya da widget’ta hediye kuponu kullanıp kullanamayacağına karar verin.

Rezervasyon akışı

Müşterilerin widget içinde nasıl ilerleyeceğini seçin: Önce biletler (önce biletleri, ardından tarih ve saati seçerler), Önce etkinlik (takvime göz atar, ardından rezerve edilecek ürünü seçerler) veya Yalnızca kupon kullanımı. Ayrıca varsayılan takvim görünümünü ayarlayabilir ve yazım hatalarını önlemek için müşterilerden e-posta adreslerini iki kez girmelerini isteyebilirsiniz.

Satış kuralları

Widget’ın ne zaman ve ne satacağını kontrol edin: satışın başlayacağı tarih ve saat, takvimin açılacağı tarih, bir zaman aralığındaki kalan kapasitenin ne zaman gösterileceği ve müşterilerin ödeme yapabileceği para birimleri. Takvimde gösterilen ilk hafta veya ay içinde rezerve edilebilecek hiçbir şey yoksa takvim ileriye bakar ve rezerve edilebilecek ilk tarihte açılır.

Görünüm

Widget’ın görünümünü markanıza uyacak şekilde ince ayarlamak için özel CSS ekleyin.

Analiz

Ziyaretçilerin widget’ınızı nasıl kullandığını izlemek için Google Analytics veya Google Tag Manager’ı bağlayın.

Gelişmiş

Satın alma işleminden sonra müşterileri seçtiğiniz bir sayfaya yönlendirin ve bayilerinizin kullandığı, rezervasyonların onlara atfedilmesini sağlayan URL parametresini ayarlayın.

Önizleme, yayınlama ve dağıtım

Yaptığınız değişiklikler canlı önizlemeye uygulanmak üzere taslak olarak kaydedilir. Değişiklikleri canlı widget’ınızı etkilemeden sağ tarafta görmek için Önizlemeyi güncelle seçeneğine tıklayın. Memnun kaldığınızda değişiklikleri yayına almak için Yayınla seçeneğine, taslağı silmek için İptal seçeneğine tıklayın.

Widget’ı web sitenize eklemek için Kurulum talimatları bölümünü açın: script etiketini sayfanıza kopyalayın, ardından Gömülü widget (doğrudan sayfa içeriğinizde görünür) ile Modal/Pop-up widget (bir düğmeden açılan bir katman içinde görünür) arasından seçim yapın ve eşleşen kod parçacığını ekleyin.

Müşteri bir sonraki adıma geçtiğinde widget, rezervasyon formunun en üstüne geri kaydırılır. Böylece uzun bir bilet listesinde aşağı kaydıran müşteri bir sonraki adımın ortasında kalmaz. Widget’ı kendi kaydırılabilir panelinizin içine yerleştirdiyseniz kaydırılan bölüm bu panel olur; sayfanız ise yalnızca panelin kendisi görünüm alanının dışına kaydırıldığında hareket eder. Widget bunu, formun üst kısmı görünüm alanının dışına kaydığında ve form ekranın altından taştığında, formun üst kısmında yeterli boşluk bulunduğu durumlarda yapar. Ekrana zaten sığan bir form bulunduğu yerde bırakılır ve widget, sayfanızın üst kısmına sabitlenmiş bir başlık için boşluk bırakır.

Bu davranış sayfa düzeninize uygun değilse, eklediğiniz widget koduna "scrollOnStepChange": false ekleyerek sayfanızın hareket etmesini durdurun:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

Ziyaretçiler aşağı kaydırdığında başlığınız gizleniyor ve yukarı kaydırdığında yeniden görünüyorsa widget başlığın yüksekliğini ölçemez ve formun üst kısmı başlığın arkasında kalabilir. Kaydırmayı kapatmak yerine widget’a başlığınızın piksel cinsinden yüksekliğini verin:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

Klasik widget düzenleyicisini kullanıyorsanız widget’ı yeniden oluşturmak yerine çoğaltabilirsiniz:

Widget’lar bölümüne gidin
Mevcut bir widget seçin
Klonla seçeneğine tıklayın
Hedef kanalı seçin ve seçiminizi onaylayın

Klonlanan widget’ı özelleştirin, ardından yayınlayıp kodu sitenize kopyalayın.