Squarespace’te masa rezervasyonu

Squarespace’in kendi seçenekleri

Squarespace’in kuaförler ve danışmanlar için tasarlanmış bir randevu ürünü var. Bir kişiyi tek bir saate ayırır, ki bir restoran böyle çalışmaz: farklı büyüklükte yirmi masanız, kişi sayısına göre değişen masa süreleriniz ve herkesi 19:30’da oturtamayan bir mutfağınız var. Squarespace kullanıcılarının izlediği diğer yol, bir pazar yeri platformunun widget’ıdır, bu da kişi başı ücret ve aylık abonelik getirir. Bunun maliyeti için OpenTable karşılaştırmamıza bakın.

Nabsie masalar, masa süreleri ve yoğunluk kontrolü etrafında kuruludur ve ayda 50 rezervasyona kadar ücretsizdir, sonrasında ayda £14.99, kişi başı ücret yok.

Rezervasyon formunu bir sayfaya eklemek

1. Sayfayı düzenleyicide açın ve Düzenle düğmesine tıklayın.
2. Formu istediğiniz yere bir blok ekleyin ve Kod seçin.
3. Türü HTML olarak bırakın ve gömme kodunuzu yapıştırın:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue"></script>

4. Uygula düğmesine, ardından Kaydet düğmesine tıklayın.

Form blokta görünür ve müşteriler ilerledikçe sığacak şekilde büyür. Kod blokları tüm güncel Squarespace paketlerinde mevcuttur. Bunlara sahip olmayan çok eski bir paketteyseniz, widget sayfasındaki iframe sürümüyle Gömme bloğunu kullanın.

Üst menüde “Masa ayırtın” düğmesi

Çoğu restoran, bir sayfaya gömülü bir form yerine gezinti çubuğunda bir düğme ister. En basit yol, Site stilleri bölümünde rezervasyon sayfanıza https://your-venue.nabsie.com/ adresinden yönlenen bir üst bilgi düğmesi veya gezinti bağlantısı eklemektir. Yeni sekmede açılacak şekilde ayarlayın. Kod gerektirmez ve mobil menülerde de çalışır.

Düğmenin formu sayfanızın üzerinde bir kaplama penceresinde açmasını istiyorsanız, betiğin düğme sürümünü alt bilgiye veya sayfaya bir Kod bloğu içinde yapıştırın:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>

Rengi sitenize uyacak şekilde değiştirin. Mevcut bir Squarespace düğmesinin kaplama penceresini açmasını sağlamak için ona nabsie-open sınıfını vermeniz gerekir, ancak Squarespace bunu kendi düğmelerinde kendiliğinden desteklemez, bu yüzden oluşturulan düğme veya düz bir bağlantı pratik seçeneklerdir.

Uyumlu hale getirmek

Nabsie panelinizde bir vurgu rengi belirleyin ve logonuzu yükleyin. Form bunları kullanır. Arka planı şeffaftır, bu yüzden bulunduğu bölümün rengini alır. Siteniz koyu bir bölüm kullanıyorsa formu açık renkli bir bölüme koyun, açık arka planlar için tasarlanmıştır.

Fluid Engine ve mobil düzen

Fluid Engine’de (Squarespace 7.1) bir Kod bloğu serbestçe yeniden boyutlandırılabilir. Formun sıkışmaması için mobilde bölümün tam genişliğini, masaüstünde yaklaşık 600px verin. Düzenleyicide mobil görünümü kontrol edin: form önce telefon için tasarlanmıştır ve hiçbir ayara gerek kalmadan doğru görünmelidir.

Dikkat edilecekler

• Kodu bir Metin bloğuna yapıştırmayın. Metin olarak görünür. Bir Kod bloğu olmalıdır.
• Squarespace’in Kod ekleme bölümü (ayarlarda) site geneli betikler içindir. Her sayfada bir düğme olması için düğme betiğini oraya koyabilirsiniz, ancak tek bir sayfadaki form için Kod bloğu kullanın.
• Squarespace’in çerez bannerını katı modda kullanıyorsanız gömme etkilenmez, çünkü alan adınızda hiç çerez bırakmaz.