予約フォームを埋め込む
すでにお持ちのホームページやブログに、タスクルの予約フォームを埋め込めます。お客様は自社サイトから離れることなく予約できます。
設定画面へのアクセス
Section titled “設定画面へのアクセス”- サイドバーの「設定」をクリックします
- 「連携」の「予約フォーム埋め込み」を選択します
- 埋め込みを有効にする
- 埋め込み先のサイトを許可ドメインに登録する
- 埋め込みコードをコピーして、サイトに貼り付ける
1. 埋め込みを有効にする
Section titled “1. 埋め込みを有効にする”「予約フォームの埋め込み」のスイッチをオンにします。オフの間は、コードを貼り付けてもフォームは表示されません。
2. 許可ドメインを登録する
Section titled “2. 許可ドメインを登録する”予約フォームの埋め込みを許可するサイトの URL を登録します。ここに登録したサイト以外では、フォームは表示されません。
| 項目 | 内容 |
|---|---|
| 形式 | https://example.com |
| 登録できる数 | 最大5件 |
3. 埋め込みコードを貼り付ける
Section titled “3. 埋め込みコードを貼り付ける”埋め込む対象を選ぶと、貼り付け用のコードが生成されます。
埋め込む対象を選ぶ
Section titled “埋め込む対象を選ぶ”| 対象 | 表示される内容 |
|---|---|
| 店舗全体 | 公開中の商品が一覧で表示され、お客様が選んで予約します |
| 特定の商品 | 指定した商品の予約フォームを直接表示します |
「特定の商品」を選んだ場合は、対象の商品をあわせて選択します。
コードの貼り付けかた
Section titled “コードの貼り付けかた”生成されたコードをコピーし、予約フォームを表示したい位置の HTML に貼り付けます。
<div data-tascrew-shop="your-shop"></div><script src="https://book.tascrew.com/embed.js" async></script>WordPress などの CMS をお使いの場合は、HTML を直接編集できるブロック（カスタム HTML など）に貼り付けてください。