Randevu Entegrasyonu

Randevu widget'ını web sitene ekle

Ziyaretçiler sitenden hiç ayrılmadan randevu alsın. İki satır kod, backend gerektirmez.

Nasıl entegre edilir

Script'i ekle

Bunu sayfana bir kez yapıştır — <head> içine ya da </body>'den hemen önce.

Widget'ı yerleştir

Bu <div>'i randevu widget'ının görünmesini istediğin yere koy.

Kod

1. Script — <head> içine (ya da </body>'den hemen önce) bir kez ekle

<script src="https://book.calemio.com/embed.js" defer></script>

2. Widget — görünmesini istediğin yere ekle

<div data-calemio-inline data-calemio-slug="SLUG" data-calemio-locale="tr"></div>

SLUG, randevu linkinin herkese açık kısaltmasıdır — gizli değildir, zaten müşterilerinle paylaştığın randevu linkinde yer alır. Script ile div'in yan yana olması gerekmez — çoğu site script'i sayfanın başına bir kez ekler, div'i ise sayfanın sonundaki bir bölüme ya da ayrı bir "Randevu al" alanına koyar.

Nasıl görünür

Bu, yukarıdaki kodla canlı olarak gömülmüş gerçek widget — mockup değil.

Tamamen responsive'dir: koyduğun konteynerin genişliğine göre otomatik uyum sağlar, dar bir kenar çubuğundan tam genişlikte bir bölüme kadar. Aşağıda geniş ve mobil genişlikteki hallerini karşılaştırabilirsin.

Geniş

Mobil genişlik

Açık ve koyu tema

Koyu bir sayfaya uyması için data-calemio-theme="dark" ekle — eklemezsen varsayılan olarak açık tema kullanılır.

Açık (varsayılan)

data-calemio-theme="dark"

Dili seçmek

Dili sabitlemek için data-calemio-locale ekle; eklemezsen linkin kendi varsayılan dili kullanılır.

tr — Türkçe
en — İngilizce
attribute yoksa → randevu linkinin ayarlı dili kullanılır

Sitende çalışması için

app.calemio.com → Entegrasyonlar sayfasından bu randevu linkinin izinli kaynaklarına kendi site adresini ekleyip kaydet. Eklemeden widget sitende görünmez — her entegrasyonun geçtiği aynı origin izin listesi bu.

Entegrasyonlar'ı Aç →

Kendi kodunu al

Her randevu linkinin kendi kopyala-yapıştır kodu otomatik oluşturulur.

Entegrasyonlar'a Git Ücretsiz kullanmaya başla