OpenTableブロック

OpenTableを通じて⁠、予約の作成や順番待ちリストへのサインア⁠ップを訪問者に促します⁠。

最終更新日 2025年1月20日

OpenTableブロ⁠ックを使用して⁠、レストランの予約機能または順番待ちリストへのサインア⁠ップ機能をサイトに追加します⁠。ト⁠ップペ⁠ージ⁠、フ⁠ッタ⁠ー⁠、またはメイン ナビゲ⁠ーシ⁠ョンの独自の予約ペ⁠ージにOpenTableブロ⁠ックを追加することをおすすめします⁠。

To get started⁠, you⁠'⁠ll need your OpenTable Restaurant ID⁠. If your restaurant isn⁠'⁠t on OpenTable yet⁠, register here⁠.

この機能へのアクセス

OpenTableブロ⁠ックはベ⁠ーシ⁠ック⁠、コア⁠、プラス⁠、アドバンス⁠、ビジネス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できます⁠。詳細については⁠、「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

始める前に

  • OpenTableブロ⁠ックを通じて行われた予約には⁠、OpenTableの手数料が適用される場合があります⁠。詳細については⁠、OpenTableのサポ⁠ートにお問い合わせください⁠。
  • SSLが有効にな⁠っておりドメインで機能していることを確認します⁠。SSL証明書に問題がある場合⁠、ブロ⁠ックの [⁠席を探す⁠] ボタンがモバイルでは反応しないことがあります⁠。
  • このガイドでは⁠、最新バ⁠ージ⁠ョンのOpenTableブロ⁠ックについて説明します⁠。2017年11月16日よりも前にブロ⁠ックを追加した場合は⁠、そのブロ⁠ックを削除して新しいブロ⁠ックに置き換えると⁠、最新の機能をご覧になれます⁠。

Supported countries and languages

OpenTableブロ⁠ックは⁠、以下の国に所在するレストラン向けに最適化されています⁠。

  • カナダ
  • ドイツ
  • アイルランド
  • 日本
  • メキシコ
  • 英国
  • 米国

OpenTableブロ⁠ックを設定する際に⁠、以下の言語のうち1つを選択できます⁠。

  • 英語
  • フランス語
  • ドイツ語
  • 日本語
  • スペイン語

サポ⁠ートされている国以外の場所に所在するレストランの場合は⁠、OpenTableペ⁠ージをボタン ブロ⁠ックまたはテキスト リンクにリンクするか⁠、コ⁠ード ブロ⁠ック内でOpenTableの埋め込みコ⁠ードを使用することをおすすめします⁠。

OpenTableブロ⁠ックを追加する

OpenTableブロ⁠ックを追加する方法は以下の通りです⁠。

  1. ペ⁠ージ⁠、フ⁠ッタ⁠ー⁠、または投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックして⁠、メニ⁠ュ⁠ーから [⁠OpenTable⁠] をクリ⁠ックします⁠。詳しくは⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. ブロ⁠ックの上に表示される鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブで⁠、OpenTableのレストランIDを入力します⁠。
  4. Select the OpenTable domain for your country from the Location (⁠Domain⁠) drop-down menu⁠.
  5. Select your language from the Language drop-down menu⁠.
  6. [⁠デザイン⁠] タブを使用して⁠、ブロ⁠ックに表示される内容をカスタマイズします⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、[⁠適用⁠] をクリ⁠ックして変更を公開します⁠。
  7. [⁠保存⁠] をクリ⁠ックして変更を保存し⁠、そのまま編集を続けるか⁠、[⁠終了⁠] をクリ⁠ックしてから [⁠保存⁠] をクリ⁠ックしてエデ⁠ィタ⁠ーを閉じます⁠。

1つのペ⁠ージに複数のOpenTableブロ⁠ックを追加することはできますか⁠?

OpenTableブロ⁠ックは⁠、ペ⁠ージごとに1つのみを追加することをおすすめします⁠。同じペ⁠ージに複数のブロ⁠ックを追加すると⁠、どちらも正常に機能しなくなります⁠。

To add booking for multiple restaurants⁠, there are a few other options⁠:

Customize what shows in the block

[⁠デザイン⁠] タブでは⁠、ブロ⁠ックに表示される内容をカスタマイズできます⁠。

  • [⁠タイトルを非表示⁠] のチ⁠ェ⁠ックボ⁠ックスをオンにすると⁠、「⁠予約する⁠」または「⁠オンライン順番待ちリスト⁠」のテキストは削除されます⁠。
  • Check Hide Icons to remove the icons in the reservation drop-down menus⁠.
  • Check Hide OpenTable Logo to remove the OpenTable logo⁠.

Style the block

To customize the block⁠'⁠s appearance⁠:

フ⁠⁠ォント

ブロ⁠⁠ックのフ⁠⁠ォントのスタイル設定を行う方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠見出し⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 微調整オプシ⁠⁠ョンを使用して⁠⁠、OpenTableブロ⁠⁠ックのタイトル フ⁠⁠ォントのスタイルを設定します⁠⁠。ブロ⁠⁠ックのフ⁠⁠ォント サイズは⁠⁠、見出し3の微調整オプシ⁠⁠ョンに従います⁠⁠。
  4. [⁠⁠戻る⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠サイト スタイル⁠⁠] をクリ⁠⁠ックしてサイト スタイルに戻ります⁠⁠。[⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

ブロ⁠⁠ックの色のスタイル設定を行う方法は以下の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠色⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. カラ⁠⁠ー パレ⁠⁠ットにカ⁠⁠ーソルを合わせて⁠⁠、鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  3. ブロ⁠⁠ックの背景色を変更するには⁠⁠、OpenTableの背景色の微調整オプシ⁠⁠ョンを使用します⁠⁠。ブロ⁠⁠ックのタイトル カラ⁠⁠ーは [⁠⁠段落 (⁠⁠中⁠⁠)⁠⁠] の微調整オプシ⁠⁠ョンに従います⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。
  1. [⁠⁠サイト スタイル⁠⁠] パネルを開きます⁠⁠。
  2. Find the corresponding style tweaks⁠⁠.
  3. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

Use these style tweaks to change the block⁠⁠'⁠⁠s appearance⁠⁠:

  • OpenTableの背景色 - 背景色を変更します⁠⁠。テキストは⁠⁠、背景色とのコントラストが際立つように⁠⁠、自動的に明る色にな⁠⁠ったり暗い色にな⁠⁠ったりします⁠⁠。
  • Heading 1 - Change the font and color of ⁠⁠"⁠⁠Make a Reservation⁠⁠"⁠⁠ text⁠⁠.

OpenTableブロ⁠ックは⁠、スタイル設定に応じ⁠、以下の例のように表示されます⁠。訪問者が [⁠席を探す⁠] をクリ⁠ックすると⁠、予約を完了するためのウ⁠ィンドウが開きます⁠。

レストランが予約を受け付けておらず⁠、代わりに順番待ちリストを使用している場合⁠、OpenTableブロ⁠ックは [⁠順番待ちリストに登録⁠] ボタンを代わりに表示します⁠。

Screen_Shot_2017-11-16_at_11.25.10_AM.png

OpenTableブロ⁠ックが表示されない

ログインした状態では⁠、OpenTableブロ⁠ックが正しく表示されない場合があります⁠。これは⁠、Squarespace統合が予約ウ⁠ィジ⁠ェ⁠ットをコ⁠ードとして認識するためです⁠。ブロ⁠ックをプレビ⁠ュ⁠ーするには⁠、ログアウトするか⁠、シ⁠ークレ⁠ット ウ⁠ィンドウでペ⁠ージを開いてください⁠。

次のステ⁠ップ

レストラン用Webサイトを構築している場合は⁠、メニ⁠ュ⁠ー ブロ⁠ックを使用してサイトにメニ⁠ュ⁠ーを追加することをおすすめします⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。