カスタムバウチャー

カスタムバウチャーの作成方法について説明します

こちらをクリックし、rezio予約管理システムにログインしてください

目録

• カスタムバウチャー
  • カスタムバウチャーの新規作成
  • エディタの操作方法
    • アイテムの大きさを調節する
    • 背景画像／色を設定する
    • 表を利用してカスタムバウチャーを作成する
  • コンポーネントのフォント等を調節する

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

カスタムバウチャーの新規作成

1. ➕追加 をクリック

カスタムバウチャーは翻訳スペースで他の言語に対応させることができません。他の言語のカスタムバウチャーが必要な際は、その言語のバウチャーを作成してください。

2. カスタムバウチャー名

3. エディタータブ

4. 背景画像挿入ボタン

5. コンポーネント一覧

コンポーネントにて項目を選択後、カスタムバウチャーエディターにはコード名で表示されますが、プレビュー時は該当情報が表示されます。

保存＆プレビューをクリックする作成中のバチャーをプレビュー画面にて確認できます。

例：コンポーネントにて  を選択すると、カスタムバウチャーエディター画面上にはそのまま表示されますが、実際のバウチャーには設定した住所が表示されます。

以下の画像を参考にしてください。

エディター画面：

バウチャープレビュー：

エディタの操作方法

• アイテムの大きさを調節する

1. ページ右側のコンポーネントをクリックし、挿入したいアイテムを選択します

2. 挿入したアイテムをクリックし、エディタにある写真のアイコンをクリックすると、サイズの調節ができます

ヒント：アイテムの比率を保つために幅の欄のみに数字を入力してください

• 背景画像／色を設定する

1. ページ右側の背景ボタンをクリックし背景設定を行います。URLを入力するか、画像をアップロードしてください。画像をアップロードをクリックした後、画面上に画像が表示されると、アップロードが成功しています。

背景画像のサイズは2100px*2970pxの、JPGがおすすめです。作成したバウチャーのPDFファイルサイズを小さくするためには、JPG画像を圧縮してからアップロードしてください。

背景画像の折り返しをクリックすると、2枚目以降も同じ背景が保持されます。

2. カラーコードを入力し背景色を指定することもできます

ヒント：メニュー欄の「販売ツール」→「販売販売ページのデザイン設定」にて販売ページと同じカラーコードを利用できます

• 表を利用してカスタムバウチャーを作成する

カスタムバウチャーを作成する際は表を挿入し、表に沿ってアイテムを入力することで作成しやすくなります。以下のステップで作成例を紹介します。

完成イメージ：

エディター画面ではこうなります：

1. エディターから挿入ボタンをクリックし、表を選択します。サイズを調節しクリック。

1. 作成した表を選択した状態で、表の詳細設定をクリック。細かい設定ができます。

• 幅：パーセンテージで設定してください。100％未満で設定すると、左右に余白ができおすすめです。

• 高さ：表を選択して直接大きさを調節することもできます

• 枠線幅：線幅を0にすると実際のバウチャーには、表が表示されません（カスタムバウチャーエディター画面では点線で表示されます）

• 配置：中央揃えがおすすめです

2. セルの結合をクリックすると分割されていた表が結合されます

↓

ヒント：セル＞セルの詳細設定にてセル毎に色や幅、高さなどを設定をすることもできます

↓

↓

コンポーネントのフォント等を調節する

コンポーネントの色やフォント、大きさを変えたい場合、直接コンポーネントを選択し、調節してください

1. コンポーネントをクリックし、エディタ欄の書式をクリック。ここではテキストの色を青色に変えてみます。

2. 色を選択し、クリック

プレビュー：

変更後 ↓

編集後、保存をクリックし、画面右上の管理画面へ戻るをクリックすると、rezio予約システムのトップページへ戻ります。