オンライン予約システムを表示させたいページに下記HTMLタグを挿入してください。

幅フィット表示 【DIVタグ等で幅が決められている場合やモバイル等】

<div style=”padding: 0;width: 100%;min-width: 260px;”>
<iframe src=”http://rsvy.net/c/xxxxxxxx/” frameborder=”0″ width=”100%” height=”1050″></iframe>
</div>

  • http://rsvy.net/c/xxxxxxxx/ はお申し込み後に発行されるアカウントURL。
  •     今すぐに表示テストをされたい場合には http://rsvy.net/test/ でお試しいただけます。

可変サイズ表示 【任意の幅で表示させたい場合】

<div style=”padding: 0;max-width: 670px;min-width: 260px;”>
<iframe src=”http://rsvy.net/c/xxxxxxxx/” frameborder=”0″ width=”100%” height=”1050″></iframe>
</div>

  • http://rsvy.net/c/xxxxxxxx/ はお申し込み後に発行されるアカウントURL。
  •     今すぐに表示テストをされたい場合には http://rsvy.net/test/ でお試しいただけます。
  • max-width値は670px以上で任意

ミニマム表示 【サイドバー等に表示させたい場合】

<div style=”padding: 0;width: 260px;”>
<iframe src=”http://rsvy.net/c/xxxxxxxx/” frameborder=”0″ width=”100%” height=”1050″></iframe>
</div>

  • http://rsvy.net/c/xxxxxxxx/ はお申し込み後に発行されるアカウントURL。
  •     今すぐに表示テストをされたい場合には http://rsvy.net/test/ でお試しいただけます。

導入FAQ

縦スクロールバーが表示される

予約単位が最小単位の5分になっていたり業務時間が長い場合、ミニマム表示をした際に、高さ(height)が1050では表示しきれません。
2000程度にしてみてください。

ミニマムサイズでタイムセレクトボックスがはみ出す

コンテンツにDOCTYPE宣言がされていない可能性があります。