お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

1. 概要

2. 機能の提供状況

3. 概要

1. テーマを設定
   
2. ヘッダーを設定
   
3. フッターを設定
   
4. タイトル、説明、背景画像を設定
   
5. 言語を設定
   
6. ボタンテキストを設定
   
7. 予約ページでオプションを事前選択
   
   

4. ワークスペース予約ページ設定へのアクセス手順

1. 左上で対象のワークスペースに切り替え、[予約ページ]をクリックします。
   
2. [ワークスペース予約ページ] で、[テーマとレイアウト]をクリックします。ここで、ワークスペース予約ページに対して以下の設定を行えます。
   
   

4.1 テーマを設定

1. [テーマ]セクションで、必要なレイアウトを選択します。
   
2. [カラーオプション]で色を選択します。左側でテーマをプレビューできます。
   
3. [保存]をクリックします。
   
   メモ: Modern テーマでは、予約ボタンのテキストを設定できます。ボタンテキストは最大 50 文字まで入力できます。
   
   
   
   
   
   

4.2 ボタンテキストを設定

1. [テーマ]セクションをクリックし、Modern テーマを選択します。
   
2. [ボタンテキスト]に任意のテキストを入力し、[保存]をクリックします。
   メモ: ボタンテキストは最大 50 文字まで入力できます。
   
   

4.3 予約ページでオプションを事前選択

1. [テーマ]セクションをクリックし、Modern テーマを選択します。
   
2. 最初に利用可能なオプションを表示するには、[予約ページでオプションを事前選択]チェックボックスをオンにします。
   
3. [保存]をクリックします。下図は、予約ページで最初に利用可能なオプションが表示される場合の選択画面です。
   
   
   
   
4. または、チェックボックス[予約ページでオプションを事前選択]をオフにしてラベルのみを表示し、[保存]をクリックすることもできます。下図は、ラベルのみが表示される選択画面です。
   
   

4.4 ヘッダーを設定

1. [ヘッダー]セクションをクリックし、必要に応じてタイトルを変更し、ロゴ画像をアップロードします。
   
2. [保存]をクリックします。
   
   情報: ロゴの最大サイズは 5 MB です。高さは 50 px、幅は 50 px ～ 110 px の範囲で設定できます。利用可能なファイル形式は jpg、png、gif です。
   
   
   メモ: 不要な要素は、目のアイコン をクリックして非表示にできます。
   
   
   
   
   
   
   

4.5 フッターを設定

1. [フッター]セクションをクリックします。
   
2. ビジネスの電話番号、住所、メールアドレス、Facebook、Instagram、X、LinkedIn の ID を追加します。
   
3. [保存]をクリックします。
   メモ: 不要な要素は、目のアイコン をクリックして非表示にできます。
   
   
   
   

4.6 タイトル、説明、背景画像を設定

1. [ページプロパティ]セクションをクリックします。
   
2. [タイトル]と[説明]を入力します。
   
   
   説明は、以下の書式設定オプションを使用して整形できます。
   
   説明内にリンクを追加する場合は、[リンクを作成] アイコンをクリックします。
   
   
3. [アップロード]アイコンをクリックし、背景画像を選択します。画像をトリミングできるポップアップが表示されるので、調整してから [アップロード] をクリックします。
   
   
   
   
4. 背景画像の[透明度]レベルを調整します。
   
5. [保存]をクリックします。
   
   

情報: この機能はプレミアムプランでのみ利用できます。

1. ［ワークスペースのプロパティ］セクションをクリックします。
   

2. アップロードアイコンをクリックし、カスタムCSSファイルを選択して、［保存］をクリックします。
   
   
   
   アップロードが完了すると、カスタムスタイルが予約ページに適用され、ブランドに合わせた予約体験を提供できます。
   
   
   メモ:
   • .cssファイルのみサポートされています。
   • ファイルサイズは2MB以下である必要があります。
     

       カスタムCSSの利用ガイドライン

1. データの安全性を確保し、不正利用を防ぐため、すべてのカスタムCSSファイルは適用前に自動的にサニタイズされます。以下のガイドラインでは、サポートされない主なCSSルールについて説明します。
   
   
2. 外部リソース: 画像、スタイル、ファイルを外部URLから読み込むことはサポートされません。これらはトラッキングや悪意のある活動に利用される可能性があるためです。例: background: url('https://example.com/image.png');
   
   
3. 外部カスタムフォント: 予約ページ外部にホストされているフォントは使用できません。セキュリティやトラッキングのリスクがあるためです。例: @font-face { src: url('https://example.com/font.woff');}
   
   
4. スクリプトベースのCSS（レガシー機能）: スクリプトの実行を許可するCSSルールは、悪意のあるコード実行に悪用される可能性があるためブロックされます。例: width: expression(alert('XSS'));
   
   
5. コンテンツの挿入とデータアクセス: コンテンツを挿入したりページデータを読み取ったりするCSSは、機密情報の漏えいにつながる可能性があるため制限されます。例: content: attr(data-secret);
   
   
6. カーソルおよびフィルター効果: 一部のカーソルスタイルやフィルタープロパティは、特定のブラウザーで悪用事例があるためサポートされません。例: cursor: url('cursor.cur'), pointer;
   
   
7. SVG名前空間: 高度なセキュリティ攻撃に悪用される可能性があるため、カスタムSVG名前空間の宣言は制限されています。例: @namespace svg url('http://example.com/svg');

4.8 Set language

1. ［ワークスペースのプロパティ］セクションをクリックします。
   
2. ［言語］の下で必要なオプションを選択し、［保存］をクリックします。
   
   
   
   
   
   
   対応言語
   
   

   カテゴリ	言語
   グローバル言語	English (US), English (UK), French, French (Canada), German, Spanish, Italian, Portuguese, Brazilian Portuguese, Dutch, Swedish, Danish, Norwegian Bokmål, Finnish, Polish, Czech, Hungarian, Romanian, Greek, Croatian, Slovenian
   アジア言語	Chinese (Simplified), Chinese (Traditional), Japanese, Korean, Thai, Vietnamese, Indonesian, Malay
   中東言語	Arabic, Hebrew, Farsi
   南アジア言語	Hindi, Tamil, Telugu, Kannada, Malayalam, Bengali, Marathi, Gujarati, Punjabi, Urdu, Sinhala, Nepali, Assamese, Sindhi
   東欧言語	Russian, Ukrainian

1. ［サービスの並べ替え］セクションを展開します。
   
   
   
   
2. イベントタイプをドラッグして、希望の順序に並べ替えます。更新された順序は自動的に予約ページに反映され、お客様には設定した順序でイベントタイプが表示されます。
   
   
   
   

5. 関連リンク