Rezervasyon widget kodunu kopyalayın

Doğru kurulum seçeneğini seçin

Kurulum sekmesi, herkese açık web sitesi kurulumu için gereken tüm çıktıları tek yerde sunar. Basit bağlantı için rezervasyon sayfası URL’si, önizleme veya iframe benzeri kullanım için ham yerleştirme URL’si, geliştiricinin scripti doğrudan yüklemesi için Widget script URL’si, hazır widget kurulumu için de Modal, Çekmece veya Satır içi script kod parçalarını kullanın.

Kullanılabilir çıktılar şunlardır:

• Rezervasyon sayfası URL’si: herkese açık rezervasyon sayfasını /p/{slug} adresinde açar.
• Ham yerleştirme URL’si: yerleştirilebilir rezervasyon akışını /embed/{merchantId} adresinde açar.
• Widget script URL’si: portal üzerinden /booking-widget.js dosyasını yükler.
• Modal yerleştirme scripti: rezervasyonu ortalanmış katmanda açar.
• Çekmece yerleştirme scripti: rezervasyonu ekranın yanından açar.
• Satır içi yerleştirme scripti: rezervasyonu sayfa bölümü içine yerleştirir.

Kodu kopyalayın

1. Ayarlar / Portal açın.
2. Kurulum sekmesini seçin.
3. Web sitesinin ihtiyacı olan çıktıyı seçin.
4. İlgili kopyalama butonuna basın: Bağlantıyı kopyala, Yerleştirme URL’sini kopyala, Script URL’sini kopyala, Modal scriptini kopyala, Çekmece scriptini kopyala veya Satır içi scripti kopyala.
5. Kopyalanan kodu web sitesi geliştiricisine gönderin veya siteyi siz yönetiyorsanız içerik yönetim sistemine ekleyin.
6. Yayına almadan önce widget'ı staging sayfasında test edin. Daha sonra yeni kod parçası oluşturur veya yeniden kopyalarsanız eski kodu değiştirdikten sonra sayfayı tekrar test edin.

Modal, çekmece veya satır içi

Modal, rezervasyon deneyimini ortalanmış katman içinde açar.

Çekmece, ekranın yanından açar.

Satır içi, rezervasyon akışını sayfa bölümü içine doğrudan yerleştirir.

Web sitesi metni, tasarım beklentileri ve portal ayarları içinde aynı modu kullanın ki restoran ekibi misafirlerin ne göreceğini bilsin.

Modal ve çekmece scriptleri buton metnini data-reslify-button-text içinde taşır. Satır içi scriptler id="reslify-booking" değerine sahip bir div ve #reslify-booking hedefi içerir; bu hedefi rezervasyon akışının sayfada görüneceği yere yerleştirin.