に関する記事です。商品・在庫・カレンダー

この記事は次の言語でも利用可能です

カスタムバウチャー

ガイド

このガイドでは、rezio Admin 管理画面で、カスタマイズ可能なバウチャー（予約確認書）テンプレートを設定する方法について説明します。

目録

カスタムバウチャー
カスタムバウチャーエディター
高度な操作ガイド
背景画像または背景色の設定
テーブル（表）を活用したレイアウトの最適化
コンポーネントのテキスト書式設定
バウチャーテンプレート設定例

システム設定＞カスタムバウチャー

rezio Admin 管理画面にログインして、独自のバウチャーテンプレートを作成しましょう！

カスタムバウチャー

サイドメニューの「カスタムバウチャー」をクリックします。

カスタムバウチャー

「新規追加」をクリックして、バウチャーテンプレートエディタを開きます。

カスタムバウチャーエディター

まずは、テンプレート名を入力してください。
次に、バウチャーPDFの生成ルールを選択します。

「掲載設定に従う」を選択した場合： 掲載設定の「生成数」が注文ごとに設定されていると、注文数に関わらずバウチャーは1枚のみ発行されます。予約項目ごとに設定されている場合は、注文数に応じて、対応する枚数のバウチャーが発行されます。
「固定で1枚」を選択した場合： 掲載設定の内容に関わらず、バウチャーは常に1枚のみ発行されます。

注意： バウチャー内に「rezio 注文代表QRコード」を使用する場合は、複数のバウチャーに同じQRコードが表示されるのを防ぐため、「固定で1枚」に設定することをお勧めします。

下部の空白エリアはコンテンツ編集エリアです。上部の編集ツールバーを使用して、テキストスタイル、段落の配置、ハイパーリンクの設定、画像の挿入などが行えます。

背景設定： 背景画像や背景色を設定できます。

背景画像： 「画像をアップロード」ー「ファイルを選択」の順にクリックし、PCから背景画像をアップロードしてください。アップロードが完了すると、プレビューが下に表示されます。

画像は縦向きのものを推奨します。横向きの画像を使用し、「背景画像を各ページに繰り返し配置する」にチェックを入れた場合、システムは画像の短辺を基準にして画像を拡大し、紙面全体を埋めるように配置します。実際の表示イメージは以下の通りです。

この時、「背景画像を各ページに繰り返し配置する」のチェックを外すと、画像の長辺を基準としてページ上部に配置されます。実際の表示イメージは以下の通りです。

背景色： 「#025ABE」のように、必ず #（シャープ） から始まるカラーコードを直接入力してください。

データコンポーネント（要素）： ボタンをクリックしてフィールドの選択肢を表示します。ここには、テンプレート内に表示可能なすべてのシステムデータが含まれています。使用したいフィールドをクリックすると、現在のカーソルの位置に挿入されます。

選択した項目は {{商品名}} のような変数として表示され、発行時に実データへ変換されます。

お客様が内容を理解しやすいよう、変数の横に「商品名：」などの説明文を添えることをお勧めします。

【注意】テキストと翻訳：テンプレートに直接入力した文字はそのまま表示されます（自動翻訳されません）。データコンポーネント（変数）は、システムの設定に基づき、バウチャーの言語に合わせて翻訳後の内容が表示されます。翻訳の編集は「システム設定 > 翻訳エリア」で行えます。

ページ構成：「予約者/項目数ごと」の設定で複数のバウチャーが発行される場合、各バウチャーは個別のページとして出力されます（rezio標準テンプレートのように1ページに集約することはできません）。

高度な操作ガイド

データコンポーネント（変数）の使用

カスタムバウチャーには、さまざまなデータコンポーネント（要素）を配置できます。バウチャー発行時、システムは該当する商品や注文から対応する情報を自動的に取得して表示します。情報の登録がない項目については、バウチャー上には表示されません。

現在、システムでは以下のデータコンポーネントを提供しており、ニーズに合わせて自由に選択いただけます。プレビュー画面ではデフォルトのサンプルデータが表示されますが、実際の発行時にはお客様のショップや商品の設定に基づいた情報が表示されます。

コンポーネント名	説明
マイ予約サイトのURL	「マイ予約サイト」を有効にしている場合のみ、データが表示されます。
ショップ名	「一般設定 > 基本設定」内の設定値が表示されます。
Logo	「マイ予約サイト > ヘッダーショップ名」でアップロードされたロゴ画像が表示されます。
Email	「一般設定 > 基本設定」内のショップ設定値が表示されます。
固定電話番号	「一般設定 > 基本設定」内のショップ設定値が表示されます。
携帯電話番号	「一般設定 > 基本設定」内のショップ設定値が表示されます。
FAX番号	「一般設定 > 基本設定」内のショップ設定値が表示されます。
営業所住所 / 所在地	「一般設定 > 基本設定」内のショップ設定値が表示されます。
商品コード	該当する注文の「商品・パッケージ情報」を表示します。
商品名	該当する注文の「商品・パッケージ情報」を表示します。
パッケージ名	該当する注文の「商品・パッケージ情報」を表示します。
注意事項	該当する商品の「商品の説明 > 注意事項」の内容を表示します。
予約番号	該当する注文の「予約番号」を表示します。
出発時間	該当する注文の「予約日および開始時間」を表示します。（「チケット(利用日指定なし)」タイプの商品には適用されません）
チケット有効期限	商品のタイプが「チケット」または「チケット(利用日指定なし)」の場合、該当するバウチャーの有効期限を表示します。
連絡先（代表者）	該当する注文の「予約者氏名」を表示します。
数量	該当する注文の「予約者氏名」を表示します。
使用方法	該当する商品の「バウチャー設定 > 使用方法」の設定内容を表示します。
目的地	該当する商品に設定された「目的地」のデータを表示します。
目的地（地図付き）	該当する商品に設定された「目的地」のデータを表示します。
集合場所	該当する商品に設定された「集合場所」のデータを表示します。
集合場所（地図付き）	該当する商品に設定された「集合場所」のデータを表示します。
引換場所	該当する商品に設定された「引換場所」のデータを表示します。
引換場所（地図付き）	該当する商品に設定された「引換場所」のデータを表示します。
送迎情報	商品の「送迎設定」が「送迎サービスを含む」の場合、該当する注文でお客様が選択した送迎オプションと内容を表示します。
バウチャー備考	該当する注文の「バウチャー情報」にて、各バウチャーに対して記入された備考欄のテキストを表示します。
販売パートナー名	注文元が販売パートナー（ディストリビューター）の場合、パートナーおよびお客様に送られるバウチャーに該当の販売パートナー名を表示します。
販売パートナーロゴ	注文元が販売パートナーの場合、パートナーおよびお客様に送られるバウチャーに該当の販売パートナーのロゴ画像を表示します。
サプライヤー予約番号	該当する注文の「バウチャー情報」に記入されたサプライヤー注文番号を表示します。
ガイド／ドライバー氏名	該当する注文の「バウチャー情報」に記入されたガイド/ドライバーの氏名を表示します。
ガイド／ドライバー連絡先	該当する注文の「バウチャー情報」に記入されたガイド/ドライバーの連絡先電話番号を表示します。
販売パートナー名	該当する商品の基本データに登録されている「サプライヤー注記」を表示します。
チャネルロゴ	注文元が外部チャネル（OTAなど）の場合、お客様に送られるバウチャーに該当チャネルのロゴ画像を表示します。
API URL	API連携により API QRコードまたはバーコードを使用している場合、APIバウチャーのURLを表示できます。
API 情報	API連携により API QRコードまたはバーコードを使用している場合、APIバウチャーのURLを表示できます。
項目 / 区分	該当するバウチャーに対応する項目名または区分名を表示します。（バウチャー設定が「予約者/項目数ごと」に設定されている商品に適用されます）
代表者パスポート名（名）	該当する注文の予約情報における「代表者氏名」を表示します。
代表者パスポート名（姓）	該当する注文の予約情報における「代表者氏名」を表示します。
代表者パスポート名（名）	該当する注文の予約情報における「代表者パスポート氏名」を表示します。
代表者パスポート名（姓）	該当する注文の予約情報における「代表者パスポート氏名」を表示します。
Rezio QR Code	該当するバウチャーの「rezio QRコード」のみを表示します。「バウチャー番号」や「チケット項目」などのコンポーネントとの併用を推奨します。
Rezio QR Code チケット項目名を含む	該当するバウチャーの「rezio QRコード」と「チケット項目名」を表示します。 ※備考：バウチャー設定が「予約者/項目数ごと」の商品に適用されます。また、商品カテゴリーが「チケット(利用日指定なし)」の場合、紐付けられたチケット名が表示されます。
API QR Code	API連携によりAPI経由で消込コードを取得している場合、該当するバウチャーの「API QRコード」を表示します。「バウチャー番号」や「チケット項目」などのコンポーネントとの併用を推奨します。
API QRコード (券種情報を含む)	API連携によりAPI経由で消込コードを取得している場合、該当するバウチャーの「API QRコード」と「チケット項目名」を表示します。
API Barcode	API連携によりAPI経由で消込コードを取得している場合、該当するバウチャーの「API バーコード」を表示します。「バウチャー番号」や「チケット項目」などのコンポーネントとの併用を推奨します。
API バーコード (券種情報を含む)	API連携によりAPI経由で消込コードを取得している場合、APIバーコードの下に該当バウチャーの「チケット項目名」を表示します。
カスタム QRコード	商品のバウチャー設定が「注文詳細でQRコードを手動アップロード」に設定されている場合、該当する注文でアップロードされたQRコードファイルを表示します。
券種アイテム / チケット種別	該当するバウチャーの「チケット項目名」を表示します。（商品カテゴリーが「チケット(利用日指定なし)」の場合、各バウチャーに紐付けられたチケット名が表示されます）
Rezio 予約代表者 QRコード	バウチャー設定が「予約者/項目数ごと」に設定されている場合、「rezio 注文代表QRコード」を使用することで、注文内のすべてのバウチャーを一度に消込（チェックイン）でき、現場での受付業務がより効率的になります。

例：引換場所を「台北駅」に設定した際の表示イメージ

カスタムバウチャー（チケット）テンプレートにおいて、「引換場所」のデータ項目を配置すると、お客様に届くバウチャーには引換場所の名称と住所が表示されます（下図 ①）。一方、「地図付き引換場所」の項目を配置しても、コース設定に地図情報がない場合は、バウチャー上に地図は表示されません（下図 ②）。

バウチャー設定値：

バウチャー表示内容：

なお、コース設定に Google マップや画像が登録されている場合、「地図付き引換場所」コンポーネントを使用すると、設定済みの画像や地図が自動的に反映されます。

バウチャー表示内容：

QRコードおよびロゴのサイズ調整

まず、右側のデータコンポーネント一覧から消込コードスタイル（核銷碼樣式）のアイコンをクリックし、使用したいQRコードを選択して、任意の場所に挿入します。
次に、挿入したQRコードコンポーネントをクリックし、上部ツールバーのアイコンから「画像の挿入/編集」設定を開きます。「幅」の欄に希望のサイズを入力し、「保存」をクリックしてください。

ヒント： 「幅」のみを指定し、「高さ」を空欄にすることで、画像の比率を維持し、歪みを防ぐことができます。

ショップロゴ、販売パートナーロゴ、またはチャネルロゴなどのコンポーネントを使用する場合も、上記と同じ方法でロゴのサイズを調整できます。

背景画像または背景色の設定

まず右側のアイコンをクリックして背景設定画面を開きます。画像のURLを入力するか、画像をアップロードする方法で背景画像を追加できます。アップロードを選択した場合は、画像ファイルを選択してアップロードを実行し、下部にサムネイルが表示されればアップロード成功となります。

背景画像の推奨サイズは 2100px * 2970px のJPGファイルです。作成されるPDFファイルの容量を抑えるため、画像を圧縮してからアップロードすることをお勧めします。（推奨ツール：TinyJPG、iLoveIMG、Squoosh など）

背景色の欄にカラーコードを入力して、バウチャーの背景色を設定することもできます。背景画像も同時に設定する場合は、背景画像に近い色を指定すると、より統一感のある仕上がりになります。

ヒント：「販売ツール」内の「テーマデザイン」ページから、Webサイトと同じカラーコードをコピーしたり、カラーピッカーで色を選択したりすることができます（保存ボタンを押さなければ、Webサイトの設定に影響はありません）。

テーブル（表）を活用したレイアウトの最適化

バウチャーのレイアウトを整え、表示崩れを防ぎたい場合は、テーブル（表）を活用して設定を行うことができます。

作成したいバウチャーの構成を事前に分析し、何行・何列に分割できるかを確認します。テーブルの行と列を設定し、セルの結合を活用することで、データやコンポーネントを配置しやすくなり、適切なレイアウトスペースを確保できます。

例：以下のようなレイアウトを作成したい場合：

上図の赤枠で示されたエリアのように、レイアウト全体を「上部のメイン画像」「下部の情報」「QRコードエリア」に分けることで、4列・9行の構成に分割できます。

編集画面に戻り、上部ツールバーの「テーブル」をクリックして、4×9のテーブルを作成します。

テーブルをクリックすると専用のツールバーが表示されます。「テーブルのプロパティ」をクリックして設定を行ってください。

パーセント（%）での設定をお勧めします。100%未満に設定することで、コンテンツと余白の間に適切な間隔を持たせることができます。また、編集画面上でテーブルの端をドラッグして幅を調整することも可能です。
高さ：ここで設定するのは最小の高さです。実際の高さは、テーブル内のコンテンツに合わせて自動調整されます。
枠線の太さ：「0」に設定すると枠線が非表示になり、よりスッキリとしたレイアウトになります。
配置：「中央」に設定することをお勧めします。