هماهنگ برای اسکوئراسپیس

نحوه‌ی اتصال Squarespace

1. 1

   کلید Embed را کپی کنید

   در هماهنگ به سازمان › Embed بروید و کلید Embed را کپی کنید. همان صفحه دامنه‌هایی را که اجازه‌ی نمایش ویجت دارند فهرست می‌کند.

2. 2

   اسلاگ نوع رویداد را کپی کنید

   به بخش لینک‌ها بروید، نوع رویداد را انتخاب کنید و بخش آخر آدرس رزرو آن را بردارید. آن بخش همان اسلاگ است.

3. 3

   Embed را برای نوع رویداد فعال کنید

   نوع رویداد را باز کنید، به بخش امکانات اضافه‌ی رزرو بروید و «اجازه‌ی جاسازی در سایت‌های خارجی» را روشن کنید. نوع رویدادی که این تنظیم را ندارد، ویجت خالی نشان می‌دهد.

4. 4

   دامنه‌ی اسکوئراسپیس را اضافه کنید

   در هماهنگ به سازمان › Embed بروید و با «افزودن وب‌سایت» دامنه‌ی دقیق را وارد کنید، مثلاً https://www.example.com. تا دامنه در فهرست نباشد، ویجت خالی می‌ماند.

5. 5

   ویرایشگر صفحه را باز کنید

   در اسکوئراسپیس به Pages بروید، صفحه را انتخاب کنید و Edit را بزنید. روی علامت به‌علاوه در جای ویجت بزنید و Code را انتخاب کنید. اسکوئراسپیس به این Code Block می‌گوید و به پلن Business یا بالاتر نیاز دارد.

6. 6

   کد را بگذارید

   نوع بلوک را روی HTML بگذارید و Display Source را خاموش کنید. کد زیر را بگذارید و YOUR_EMBED_KEY و YOUR_EVENT_TYPE_SLUG را با مقادیر خودتان جایگزین کنید.

7. 7

   ذخیره و منتشر کنید

   Save را بزنید و صفحه را منتشر کنید. Code Block در ویرایشگر اجرا نمی‌شود؛ برای دیدن ویجت صفحه‌ی منتشرشده را باز کنید.

8. 8

   برای همه‌ی صفحه‌ها با هم، از Code Injection استفاده کنید

   به Website › Website Tools › Code Injection بروید و فقط بخش اسکریپت را در فیلد Footer بگذارید. سپس div را در هر صفحه‌ای که ویجت می‌خواهد قرار دهید. اسکریپت در صفحه‌ی بدون div کاری نمی‌کند.

<div id="retime-booking" style="max-width:900px;margin:0 auto"></div>
<script>
  (function () {
    var mount = document.getElementById('retime-booking');
    if (!mount) return;

    var origin = 'https://www.hamahang.app';
    var key = 'YOUR_EMBED_KEY';
    var slug = 'YOUR_EVENT_TYPE_SLUG';

    var frame = document.createElement('iframe');
    frame.src =
      origin + '/embed/' + encodeURIComponent(key) + '/' + encodeURIComponent(slug);
    frame.title = 'Book a time';
    frame.loading = 'lazy';
    frame.allow = 'clipboard-write';
    frame.style.width = '100%';
    frame.style.border = '0';
    frame.style.display = 'block';
    frame.style.minHeight = '600px';

    window.addEventListener('message', function (event) {
      if (event.origin !== origin) return;
      if (event.source !== frame.contentWindow) return;

      var data = event.data;
      if (data && data.type === 'retime:resize' && typeof data.height === 'number') {
        frame.style.height = Math.max(200, Math.min(data.height, 4000)) + 'px';
      }
    });

    mount.appendChild(frame);
  })();
</script>

سؤال‌های رایج درباره‌ی Squarespace