Randevu Oluşturma

Bu bölüm ne yapar

Tam randevu deneyimi: hizmet, personel, tarih, saat seçin ve onaylayın

Nereye konulur

• Bir sayfada istediğiniz kadar kullanabilirsiniz.
• Bu bölüm Randevu Sistemi eklentisiyle gelir.

Stiller

Aynı bölümün farklı görünümleri. Stili sonradan da değiştirebilirsiniz; içeriğiniz olduğu gibi kalır.

Her bölümün ilk 2 stili her mağazada açıktır. Sonrakiler Sayfa Düzenleyici eklentisiyle açılır — stil stil değil, hepsi birden.

• Yatay Adımlar

  Ücretsizwizard

  Yatay ilerleme çubuğu ile adım adım sihirbaz

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Tek Sayfa

  Ücretsizsingle-page

  Takvim ve saatler tek ekranda yan yana

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Dikey Adımlar

  Sayfa Düzenleyicivertical-steps

  Calendly tarzı dikey adım rayı; tamamlanan adımlar özete katlanır

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Kenar Özeti

  Sayfa Düzenleyicisidebar-summary

  Değişen içerik bölmesinin yanında kalıcı randevu özeti paneli

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Satır İçi Takvim

  Sayfa Düzenleyiciinline-calendar

  Satır içi saat listesiyle her zaman görünür takvim — adım yok

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Kompakt Bileşen

  Sayfa Düzenleyicicompact-widget

  Sıkıştırılmış gömülebilir randevu bileşeni

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Konsiyerj

  Sayfa Düzenleyiciconcierge

  Aktif adımın yanında canlı ilerleme halkasıyla premium gradyan özet rayı

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Vitrin

  Sayfa Düzenleyicishowcase

  Etkileyici görsel ağırlıklı hizmet kutucukları + avatar personel şeridi + satır içi takvim

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Cam Sihirbaz

  Sayfa Düzenleyiciglass-wizard

  Gradyan sahnede canlı cam efektli adım sihirbazı

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Akordeon Akış

  Sayfa Düzenleyiciaccordion-flow

  Adım kartlarından oluşan tam genişlikte akordeon; tarih adımı, her günün saatlerini satır içi çip olarak gösteren kaydırılabilir bir gündem listesidir (takvim ızgarası yok)

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Bölünmüş Panel

  Sayfa Düzenleyicisplit-panel

  Tek ekran bölünmüş düzen: solda hizmet ve personel rayı; tarih adımı sağda 2 boyutlu bir zaman çizelgesi ızgarasıdır (saatler × günler)

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Bilet

  Sayfa Düzenleyiciticket-stub

  Canlı bir biniş kartı biletinin yanında, en yakın uygun saatlerin kronolojik kalkış panosu (sabah / öğle / akşam filtreleri)

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• İkili Panel

  Sayfa Düzenleyicicalendar-duo

  Üç bölmeli tek ekran: hizmet/personel rayı, ay takvimi ve kaydırılabilir saat sütunu (sabah/öğle/akşam gruplu) yan yana

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Tarih Şeridi

  Sayfa Düzenleyicidate-rail

  Üstte yaklaşan günlerin yatay şeridi, altında gruplanmış saat çipi ızgarası — tarih ve saatler tek ekranda, takvim ızgarası yok

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Gün Odağı

  Sayfa Düzenleyicifocus-day

  Bölünmüş vitrin kartı: solda kompakt takvim ve canlı seçim kontrol listesi, sağda seçilen günün saatleri

  Bu stile özel: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

Ayarlar

Bir bölümü seçtiğinizde sağdaki Bölüm Ayarları panelinde görebileceğiniz alanlar.

Tüm stillerde ortak

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height