%3Cdiv%20class%3D%22chat-bubble%22%3E%0A%3Cdiv%20class%3D%22chat-bubble-text%22%3E%0A%3Cp%3EStudio%E3%81%AE%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E6%A9%9F%E8%83%BD%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AF%E3%80%81%E4%BB%A5%E4%B8%8B%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%A7%E7%B4%B9%E4%BB%8B%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%3Cp%3E%0A%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AA%E3%81%A9%E3%82%92%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%81%84%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E3%81%94%E8%A6%A7%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%3C%2Fp%3E%0A%E9%96%A2%E9%80%A3%E8%A8%98%E4%BA%8B%EF%BC%9A%0A%3Ca%20href%3D%22https%3A%2F%2Fstudio-goro.com%2Fcolumn%2Fknowledge%2Fstudio_form%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EStudio%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%81%A8%E5%A4%96%E9%83%A8%E9%80%A3%E6%90%BA%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.chat-bubble%20%7B%0Adisplay%3A%20flex%3B%0Aalign-items%3A%20flex-start%3B%0Awidth%3A100%25%0A%7D%0A%0A.chat-bubble-img%20%7B%0Amargin-right%3A%2010px%3B%0A%7D%0A%0A.chat-bubble-img%20img%20%7B%0Awidth%3A%2050px%3B%0Aborder-radius%3A%2050%25%3B%0A%7D%0A%0A.chat-bubble-text%20%7B%0Afont-family%3Asans-serif%3B%0Abackground-color%3A%20%23f7f8faff%3B%20%2F*%20%E3%82%B0%E3%83%AC%E3%83%BC%E8%83%8C%E6%99%AF%20*%2F%0Apadding%3A24px%2024px%202rem%202rem%3B%0Aborder-radius%3A%200%3B%20%2F*%20%E5%B7%A6%E4%B8%8B%E3%81%A0%E3%81%91%E8%A7%92%E4%B8%B8%E3%81%AA%E3%81%97%20*%2F%0Awidth%3A100%25%3B%0Aline-height%3A110%25%3B%0Afont-size%3A1.1rem%3B%0A%7D%0A%0A.chat-bubble-text%20p%20%7B%0Amargin%3A0%200%201rem%200%3B%0A%7D%0A%3C%2Fstyle%3EStudio単体では予約機能の作成ができない｜外部の予約システムが必要な理由現状、Studio単体では予約フォームを作成・用意することはできません。フォームの作成やスプレッドシートへの連携が可能ですが、予約フォームに必要な動的項目が作れないためです。動的項目は、以下のようなものが挙げられます。予約フォームを開いている日以降のみ、選択可能にするすでに予約されている日程は、「予約不可」と表示する「サービスA」を選ぶと、追加質問が出るようにするそのため、予約フォームを実装する場合は外部の予約システムを用意することになります。（予約フォームを作るサービスのことを、予約システムと呼びます）予約システムには無料プランから有料プランまでさまざまなものがあり、機能や利用制限が大きく異なります。管理コストなどにも影響があるため確認しましょう。%3Cdiv%20class%3D%22chat-bubble%22%3E%0A%3Cdiv%20class%3D%22chat-bubble-img%22%3E%0A%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-240x274_webp_0e151482-5973-4e2c-bec8-4728eea30459.png%22%20alt%3D%22%22%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22chat-bubble-text%22%3E%0A%3Cp%3E%E4%BB%96%E3%81%AB%E3%82%82Studio%E3%81%A7%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%93%E3%81%A8%E3%81%AF%E3%81%82%E3%82%8A%E3%80%81%E4%BB%8A%E5%9B%9E%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E5%A4%96%E9%83%A8%E9%80%A3%E6%90%BA%E3%82%84HTML%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%0A%3Cp%3E%E4%BA%8B%E5%89%8D%E3%81%ABStudio%E3%81%A7%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%93%E3%81%A8%E3%82%92%E6%8A%8A%E6%8F%A1%E3%81%97%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%93%E3%81%A8%E3%81%A7%E3%80%81%E6%83%B3%E5%AE%9A%E5%A4%96%E3%81%AE%E7%9B%B8%E8%AB%87%E4%BA%8B%E9%A0%85%E3%81%AE%E7%99%BA%E7%94%9F%E3%82%92%E9%98%B2%E6%AD%A2%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%A7%E3%81%99%E3%80%82%3C%2Fp%3E%0A%0A%3Cp%3E%E9%96%A2%E9%80%A3%E8%A8%98%E4%BA%8B%EF%BC%9A%3Ca%20href%3D%22https%3A%2F%2Fstudio-goro.com%2Fcolumn%2Fknowledge%2Fstudio_cannot%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EStudio%E3%81%A7%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%93%E3%81%A8%E3%83%BB%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8%3C%2Fa%3E%3C%2Fp%3E%0A%3C%2Fdiv%3E%20%0A%20%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.chat-bubble%20%7B%0Adisplay%3A%20flex%3B%0Aalign-items%3A%20flex-start%3B%0A%7D%0A%0A.chat-bubble-img%20%7B%0Amargin-right%3A%2010px%3B%0A%7D%0A%0A.chat-bubble-img%20img%20%7B%0Awidth%3A%2050px%3B%0Aborder-radius%3A%2050%25%3B%0A%7D%0A%0A.chat-bubble-text%20%7B%0Afont-family%3Asans-serif%3B%0Abackground-color%3A%20%23ECEEF1%3B%20%2F*%20%E3%82%B0%E3%83%AC%E3%83%BC%E8%83%8C%E6%99%AF%20*%2F%0Apadding%3A%208px%2012px%3B%0Aborder-radius%3A%2012px%2012px%2012px%200%3B%20%2F*%20%E5%B7%A6%E4%B8%8B%E3%81%A0%E3%81%91%E8%A7%92%E4%B8%B8%E3%81%AA%E3%81%97%20*%2F%0A%7D%0A%0A.chat-bubble-text%20p%20%7B%0Amargin%3A%200%3B%0Apadding-bottom%3A.5em%0A%7D%0A%3C%2Fstyle%3EStudioに予約フォームを埋め込む3ステップStudioへ予約フォームを埋め込む作業は、3ステップで行うことができます。1.Studioで、埋め込みブロックを作成する左パネル「追加」から、埋め込みブロック「Blank」を追加します。2.外部フォームの埋め込みコードをペーストする設定パネルから、外部フォームからコピーした埋め込みコードをペーストします。（例えば、Google formの場合は<iframe>から始まるHTMLコードです）3.横幅など、レイアウトを調整する最後に、Studio内で横幅を調節します。%3Cdiv%20class%3D%22chat-bubble%22%3E%0A%3Cdiv%20class%3D%22chat-bubble-img%22%3E%0A%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-240x274_webp_0e151482-5973-4e2c-bec8-4728eea30459.png%22%20alt%3D%22%22%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22chat-bubble-text%22%3E%0A%3Cp%3E%E5%A4%96%E9%83%A8%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E5%81%B4%E3%81%A7%E6%9C%80%E5%A4%A7%E5%B9%85%E3%81%8C%E6%8C%87%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%97%E3%81%BE%E3%81%84%E3%80%81%E6%A8%AA%E5%B9%85%E3%81%8C%E5%88%B6%E9%99%90%E3%81%95%E3%82%8C%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%3Cp%3E%0A%E3%81%9D%E3%81%AE%E6%99%82%E3%81%AF%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AB%E3%80%8Cstyle%3D%22width%3A100%25%22%E3%80%8D%E3%81%A8%E5%85%A5%E5%8A%9B%E3%81%99%E3%82%8B%E3%81%A8%E8%A7%A3%E6%B1%BA%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%3C%2Fdiv%3E%20%0A%20%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.chat-bubble%20%7B%0Adisplay%3A%20flex%3B%0Aalign-items%3A%20flex-start%3B%0A%7D%0A%0A.chat-bubble-img%20%7B%0Amargin-right%3A%2010px%3B%0A%7D%0A%0A.chat-bubble-img%20img%20%7B%0Awidth%3A%2050px%3B%0Aborder-radius%3A%2050%25%3B%0A%7D%0A%0A.chat-bubble-text%20%7B%0Afont-family%3Asans-serif%3B%0Abackground-color%3A%20%23ECEEF1%3B%20%2F*%20%E3%82%B0%E3%83%AC%E3%83%BC%E8%83%8C%E6%99%AF%20*%2F%0Apadding%3A%208px%2012px%3B%0Aborder-radius%3A%2012px%2012px%2012px%200%3B%20%2F*%20%E5%B7%A6%E4%B8%8B%E3%81%A0%E3%81%91%E8%A7%92%E4%B8%B8%E3%81%AA%E3%81%97%20*%2F%0A%7D%0A%0A.chat-bubble-text%20p%20%7B%0Amargin%3A%200%3B%0Apadding-bottom%3A.5em%0A%7D%0A%3C%2Fstyle%3E外部の予約システムのおすすめ4選｜導入に適したケースも紹介今回は、Studioに埋め込むことができる外部の予約システムを4選紹介します。はじめに表で比較すると以下の通りです。システム名料金（月額）日本語おすすめの導入ケースGoogleフォーム＋Googleスプレッドシートすべて無料⚪︎極力費用を抑え、簡潔に導入を済ませたいケース例：期間限定イベント、個人教室などFormrun＋Bookrun無料プランあり3,880円〜⚪︎デザインと運用性を重視したいケース例：飲食店、美容・サロンなどCalendly無料プランあり12ドル〜×基本的な予約機能が揃っていれば十分なケース例：BtoB、採用サイトなどRESERVA無料プランあり8,800円〜⚪︎多機能が必要で、要件定義が明確な大規模サイト例：Enterpriseプラン月間訪問者数100万〜のStudioサイト※情報は2025年10月時点のものになります。ほかにも、特定の業種専用の予約システムや、決済機能に特化した予約システムなど、様々なニーズに特化した予約システムがあります。重要なのは、初期費用やランニングコストだけで判断せず、サイトの規模や業種、優先度に合った予約システムを選ぶことです。Studioエキスパートなどの制作会社に相談すると、専門的な視点から最適な選択肢を見つけることができます。GOROも無料相談を承っているので、お気軽にご相談ください。GOROへのお問い合わせはこちらGoogleフォーム＋GoogleスプレッドシートGoogleフォームで作成した予約フォームのサンプルはこちらGoogleフォーム公式ページ運営会社Google無料プランすべて無料月額料金-日本語対応⚪︎費用がかからず、予約フォームに必要な最低限の機能が揃っています。簡単に作成することができるため、予約フォームの重要度が低い場合には十分な選択肢です。ただし、Googleカレンダーへの直接連携ができない、デザインの細かなカスタマイズができない、数値入力しかできないなど制限も多くあります。極力費用を抑え、簡潔に導入を済ませたい以下のような場合におすすめです。期間限定のイベントLP個人教室サイト（語学・音楽レッスンなど）%3Cdiv%20class%3D%22chat-bubble%22%3E%0A%3Cdiv%20class%3D%22chat-bubble-img%22%3E%0A%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-240x274_webp_0e151482-5973-4e2c-bec8-4728eea30459.png%22%20alt%3D%22%22%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22chat-bubble-text%22%3E%0A%3Cp%3E%E4%BA%88%E7%B4%84%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E4%BD%9C%E6%88%90%E3%81%AB%E9%99%90%E3%82%89%E3%81%9A%E3%80%81%E6%A7%98%E3%80%85%E3%81%AA%E5%A0%B4%E9%9D%A2%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%81%AD%E3%80%82%3C%2Fp%3E%0A%3Cp%3E%0A%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%83%89%E3%82%B7%E3%83%BC%E3%83%88%E3%82%92%E6%B4%BB%E3%81%8B%E3%81%97%E3%81%A6%E3%80%81Google%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%82%84GAS%E3%81%B8%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%82%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%0A%3C%2Fdiv%3E%20%20%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.chat-bubble%20%7B%0Adisplay%3A%20flex%3B%0Aalign-items%3A%20flex-start%3B%0A%7D%0A%0A.chat-bubble-img%20%7B%0Amargin-right%3A%2010px%3B%0A%7D%0A%0A.chat-bubble-img%20img%20%7B%0Awidth%3A%2050px%3B%0Aborder-radius%3A%2050%25%3B%0A%7D%0A%0A.chat-bubble-text%20%7B%0Afont-family%3Asans-serif%3B%0Abackground-color%3A%20%23ECEEF1%3B%20%2F*%20%E3%82%B0%E3%83%AC%E3%83%BC%E8%83%8C%E6%99%AF%20*%2F%0Apadding%3A%208px%2012px%3B%0Aborder-radius%3A%2012px%2012px%2012px%200%3B%20%2F*%20%E5%B7%A6%E4%B8%8B%E3%81%A0%E3%81%91%E8%A7%92%E4%B8%B8%E3%81%AA%E3%81%97%20*%2F%0A%7D%0A%0A.chat-bubble-text%20p%20%7B%0Amargin%3A%200%3B%0Apadding-bottom%3A.5em%0A%7D%0A%3C%2Fstyle%3EFormrun＋BookrunFormrun＋Bookrunで作成した予約フォームのサンプルはこちらFormrun公式ページBookrun公式ページ運営会社株式会社ベーシック無料プランあり（月間フォーム回答数30件まで）月額料金BEGINNER：3,880円〜STARTER：12,980円〜PROFESSIONAL：25,800円〜（Bookrun：0円〜）日本語対応⚪︎直感的な操作で、良質なデザインのフォームを作成できる予約システムです。デザインにこだわりたい方は、有料オプションでコーディング実装することも可能です。予約フォームを簡単作成できるFormrunに、カレンダー連携ができるBookrunを組み合わせています。デザイン性と管理性を高く維持したい、以下のような場面におすすめです。飲食店美容・サロンワークショップ／セミナーの受付CalendlyCalendlyで作成した予約フォームサンプルはこちらCalendly公式ページ運営会社Calendly無料プランあり（同時公開可能なフォーム数一件まで）月額料金12ドル〜日本語対応×世界的に利用されている予約システムで、低価格ながらGoogle・Appleカレンダーとの連携などの機能を備えています。日本語対応はありませんが、日本語解説記事もあり導入・運用は十分に可能です。デザインのカスタマイズ幅は狭いため、低コストで機能面を最重視したい場面におすすめです。BtoBサイトでの商談予約オンラインコンサルティングの参加予約採用サイトでの面談予約RESERVARESERVAで作成した予約フォームのサンプルはこちらRESERVA公式ページ運営会社株式会社コントロールテクノロジー無料プランあり（月間フォーム回答数50件まで）月額料金（年払いの場合）シルバー：6,600円ゴールド：13,200円エンタープライズ：23,100円スイート: 46,200円日本語対応⚪︎非常に機能が豊富で、幅広い業種に対応できる予約システムです。料金プランもオプション対応の幅が広く、ニーズに合わせやすくなっています。予約機能の重要度が高く、大規模運用を想定するエンタープライズ規模のサイトに適しています。%3Cdiv%20class%3D%22chat-bubble%22%3E%0A%3Cdiv%20class%3D%22chat-bubble-img%22%3E%0A%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-240x274_webp_0e151482-5973-4e2c-bec8-4728eea30459.png%22%20alt%3D%22%22%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22chat-bubble-text%22%3E%0A%3Cp%3E%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%81%AF%E3%80%81%E3%82%A8%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%97%E3%83%A9%E3%82%A4%E3%82%BA%E3%83%97%E3%83%A9%E3%83%B3%E4%BB%A5%E4%B8%8A%E3%81%A7%E5%88%A9%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%A7%E3%81%99%E3%80%82RESERVA%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%81%A7%E4%BA%88%E7%B4%84%E3%81%97%E3%81%A6%E3%82%82%E3%82%89%E3%81%86%E3%81%AE%E3%81%8C%E5%9F%BA%E6%9C%AC%E3%81%A7%E3%81%99%E3%81%AD%E3%80%82%3C%2Fp%3E%0A%3Cp%3ERESERVA%E5%85%AC%E5%BC%8F%E3%81%8C%E6%A5%AD%E7%A8%AE%E3%81%94%E3%81%A8%E3%81%AB%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%92%E5%85%AC%E9%96%8B%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%A7%E3%80%81%E3%81%9D%E3%81%A1%E3%82%89%E3%82%82%E8%A6%8B%E3%81%A6%E3%81%BF%E3%82%8B%E3%81%A8%E3%82%88%E3%81%84%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%80%82%3C%2Fp%3E%0A%3C%2Fdiv%3E%20%20%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.chat-bubble%20%7B%0Adisplay%3A%20flex%3B%0Aalign-items%3A%20flex-start%3B%0A%7D%0A%0A.chat-bubble-img%20%7B%0Amargin-right%3A%2010px%3B%0A%7D%0A%0A.chat-bubble-img%20img%20%7B%0Awidth%3A%2050px%3B%0Aborder-radius%3A%2050%25%3B%0A%7D%0A%0A.chat-bubble-text%20%7B%0Afont-family%3Asans-serif%3B%0Abackground-color%3A%20%23ECEEF1%3B%20%2F*%20%E3%82%B0%E3%83%AC%E3%83%BC%E8%83%8C%E6%99%AF%20*%2F%0Apadding%3A%208px%2012px%3B%0Aborder-radius%3A%2012px%2012px%2012px%200%3B%20%2F*%20%E5%B7%A6%E4%B8%8B%E3%81%A0%E3%81%91%E8%A7%92%E4%B8%B8%E3%81%AA%E3%81%97%20*%2F%0A%7D%0A%0A.chat-bubble-text%20p%20%7B%0Amargin%3A%200%3B%0Apadding-bottom%3A.5em%0A%7D%0A%3C%2Fstyle%3E