همه‌ی یکپارچه‌سازی‌ها

سایت‌ها و فروشگاه‌ها · افزودن ویجت رزرو به سایت

هماهنگ برای وردپرس

ویجت هماهنگ یک تکه‌ی کوچک HTML است. آن را با بلوک «HTML سفارشی» در یک برگه‌ی وردپرس قرار دهید تا بازدیدکننده روی سایت خودتان زمان انتخاب کند.

چه چیزی به دست می‌آورید

  • بازدیدکننده در سایت شما می‌ماند

    فرم رزرو داخل صفحه‌ی شما بارگذاری می‌شود و نیازی به باز کردن تب دیگری نیست.

  • ویجت اندازه‌ی خودش را تنظیم می‌کند

    صفحه ارتفاعش را اعلام می‌کند و قاب همراه آن بزرگ می‌شود؛ اسکرول داخلی وجود ندارد.

  • بدون نصب افزونه

    کد فقط HTML و جاوااسکریپت ساده است و روی هر قالب وردپرس اجرا می‌شود.

  • یک ویجت برای هر خدمت

    در هر برگه، کد را به نوع رویداد متفاوتی اشاره دهید.

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

  1. کلید Embed را بگیرید

    در هماهنگ به سازمان › Embed بروید و کلید Embed را کپی کنید.

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

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

  3. دامنه‌تان را اضافه کنید

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

  4. یک بلوک HTML سفارشی اضافه کنید

    برگه‌ی وردپرس را ویرایش کنید، یک بلوک «HTML سفارشی» اضافه کنید و کد زیر را در آن بگذارید.

  5. کلید و نوع رویداد را تنظیم کنید

    YOUR_EMBED_KEY و YOUR_EVENT_TYPE_SLUG را با مقادیر خودتان جایگزین کنید.

  6. منتشر و آزمایش کنید

    صفحه‌ی منتشرشده را باز کنید و یک رزرو آزمایشی بگیرید.

بلوک HTML سفارشی وردپرس

<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>

این کد را داخل یک بلوک HTML سفارشی بگذارید. در ویرایشگر کلاسیک باید از زبانه‌ی «متن» استفاده کنید، نه «دیداری».

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

ویجت با صفحه‌سازها کار می‌کند؟

بله. المنتور، دیوی و بیور بیلدر همه ابزارک HTML یا کد دارند. کد را آنجا بگذارید.

چرا ویجت خالی است؟

معمولاً دو دلیل دارد: نوع رویداد اجازه‌ی جاسازی ندارد، یا دامنه در فهرست مجاز نیست. هماهنگ روی هیچ دامنه‌ی دیگری داخل قاب بارگذاری نمی‌شود.

می‌توانم آن را در سایدبار بگذارم؟

بله، اما فرم رزرو به عرض نیاز دارد. یک برگه‌ی تمام‌عرض یا ستون پهن بهتر از سایدبار باریک است.

سرعت صفحه را کم می‌کند؟

قاب فقط وقتی به محدوده‌ی دید می‌رسد بارگذاری می‌شود؛ پس بقیه‌ی صفحه معطل نمی‌ماند.

همین حالا از WordPress استفاده کنید

یک حساب رایگان بسازید، تقویمتان را وصل کنید و همین امروز اولین لینک رزروتان را به اشتراک بگذارید.

شروع رایگان