Власний HTML

Вставте код туди, де має бути план:

<script src="https://cdn.plan-wise.org/widget.js" async></script>
<div data-planwise="booking" data-business-id="biz_…" data-key="pk_live_…" data-venue-id="ven_…" style="min-height:480px"></div>

Що в коді

• <script … async> завантажує віджет і не затримує сторінку. Якщо план є на кількох сторінках, цей рядок можна поставити один раз у <head>.
• data-planwise="booking" позначає місце для плану.
• data-business-id і data-key: ваш бізнес і публічний ключ. Ключ видно в HTML, і це безпечно: він працює лише на адресах, дозволених у кабінеті.
• data-venue-id: заклад.
• style="min-height:480px" тримає місце, поки віджет завантажується, щоб сторінка не стрибала.

Ключ pk_live_… працює тільки на опублікованому сайті. На localhost він не працює.

Content Security Policy

Якщо сайт надсилає заголовок Content-Security-Policy, додайте в нього:

script-src  https://cdn.plan-wise.org;
connect-src https://api.plan-wise.org https://cfg.plan-wise.org https://cdn.plan-wise.org wss://rt.plan-wise.org;
img-src     https://assets.plan-wise.org https://cdn.plan-wise.org data: blob:;
font-src    https://assets.plan-wise.org https://cdn.plan-wise.org;
style-src   'unsafe-inline';

Якщо цього не зробити, браузер заблокує віджет і в консолі буде runtime_load_failed.