کنترل تور جاسازی‌شده از سایت

وقتی تور را در سایت خودتان جاسازی می‌کنید، صفحهٔ شما می‌تواند کارهای بازدیدکننده را دنبال کند و تور را هدایت کند: یک فضا یا سبک را باز کند، یک انتخاب مشتری را تنظیم کند، نمای ماکت یا فرم درخواست قیمت را باز کند. این کار با postMessage استاندارد مرورگر انجام می‌شود و کتابخانه‌ای لازم نیست.

جاسازی تور

کد جاسازی را از اشتراک کپی کنید (ببینید: لینک، کد QR و جاسازی در سایت) و به iframe یک شناسه بدهید؛ مثلاً id="tour".

شنیدن رویدادهای تور

window.addEventListener('message', function (e) {
  if (!e.data || !e.data.vrt) return;
  // e.data.vrt: 'ready', 'change', 'request', 'approved' یا 'state'
  console.log(e.data);
});

هدایت تور

var tour = document.getElementById('tour').contentWindow;
tour.postMessage({ vrt: 'go', space: 'kitchen', style: 'modern' }, '*');
tour.postMessage({ vrt: 'option', slot: 'worktop', option: 'marble' }, '*');
tour.postMessage({ vrt: 'doll', on: true }, '*');
tour.postMessage({ vrt: 'quote' }, '*');
tour.postMessage({ vrt: 'play', on: true }, '*');
tour.postMessage({ vrt: 'state' }, '*');

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