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

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

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

ویکس المانی به نام Embed a Widget دارد که HTML سفارشی اجرا می‌کند. ویجت هماهنگ را در آن بگذارید و اندازه‌ی المان را طوری تنظیم کنید که فرم رزرو جا شود.

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

  • رزرو در صفحه‌ی شما انجام می‌شود

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

  • تقویم شما زمان‌ها را تعیین می‌کند

    ویجت فقط زمان‌هایی را نشان می‌دهد که در تقویم متصلتان آزادید.

  • دریافت هزینه هنگام رزرو

    نوع رویداد قیمت‌دار پیش از نگه داشتن زمان، پرداخت را از طریق استرایپ دریافت می‌کند.

  • یک ویجت برای هر صفحه

    هر صفحه را به نوع رویدادی که با خدمت آن صفحه جور است اشاره دهید.

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

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

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

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

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

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

    در هماهنگ به سازمان › Embed بروید و با «افزودن وب‌سایت» دامنه‌ی ویکس خود را وارد کنید.

  4. یک المان Embed اضافه کنید

    در Wix Editor روی Add، سپس Embed Code و بعد Embed HTML بزنید و Code را انتخاب کنید.

  5. کد را بگذارید و ویرایش کنید

    کد زیر را بگذارید و YOUR_EMBED_KEY و YOUR_EVENT_TYPE_SLUG را جایگزین کنید.

  6. اندازه‌ی المان را تنظیم کنید

    المان را دست‌کم تا ارتفاع ۷۰۰ پیکسل بکشید. ویکس به المان Embed اندازه‌ی ثابت می‌دهد و قاب نمی‌تواند از آن بزرگ‌تر شود.

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

    سایت را منتشر کنید و یک رزرو آزمایشی بگیرید.

المان Embed 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>

ویکس المان را در همان اندازه‌ای که تنظیم کرده‌اید نگه می‌دارد. آن را به‌اندازه‌ی کل فرم رزرو بلند کنید.

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

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

المان ویکس از فرم رزرو کوتاه‌تر است. در Editor المان را بلندتر کنید.

ویجت روی پلن رایگان ویکس کار می‌کند؟

بله. المان Embed HTML در سایت‌های رایگان هم هست، هرچند سایت آدرس ویکس را نگه می‌دارد.

این همان Wix Bookings است؟

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

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

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

شروع رایگان