システム設定 - カスタムバウチャーテンプレート

Angela Tu     2019/11/11 11:11 a.m. にアップデート

rezio 予約管理システム からカスタムバウチャーの作り方を説明します。

読み時間:10 ~ 15 分

システム
システム > カスタムバウチャーテンプレート

こちらをクリックし、rezio Adminのプラトホームからバウチャーのテンプレートをカスタマイズしよう! 
 

カスタムバウチャーテンプレート

カスタムバウチャーテンプレート

① ➕追加 をクリック 


② テンプレート名を入力
③ テキストエディター
④ 背景画像を挿入
⑤ コンポーネント


コンポーネントを選択すると、テンプレートにはコードで書かれていますが、バウチャープレビューに該当情報が表示されます。例:コンポーネントの{{店舗名}}で挿入しましたら、エディターには{{店舗名}}が表示されますが、バウチャーには設定した店舗名(Rezio Demo Shop)が表示されます。
コンポーネントは設定された情報により変わります。


 カスタムバウチャーの編集機能が多いですが、テキストエディターの機能はGoogleのドキュメント機能と似ています。

バウチャー見本は下記のように参考してください。

カスタムバウチャーテンプレートの編集 

① テンプレート名を記入
② 表を追加 (レイアウトが崩れないよう、表で編集するのがおすすめです。)


② 表のサイズを調整できます。  


③ マウスの右クリックをクリックし、表の詳細設定を選択し、枠線幅を0にしてください。(そうすると、表の線が見えなくなります。)


④ 1行目の列を選択し、セルの結合をクリック

1行目の欄にロゴにします。 


⑤ コンボーネントをクリック


⑥ ロゴを選択し、真ん中にします




⑦ 左の欄位に表示する情報の項目を記入します。


⑧ コンポーネントをクリック
⑨ 表示する情報のコンポーネントを選択します。


⑩ 5-7欄の表に右クリックをクリックし、セルを結合します。


⑪ 5行目の欄に、 QRコードをご提示ください を入力 
⑫ 6行目にQRcode のコンポーネントを選択してください。
⑬ 5行目、6行目の内容を真ん中にします。


⑭ 7行目に画像を挿入します。


⑮ 画像のソースを入力
⑯ 幅を 100% に設定し、高さを空白にします。
⑰ 保存をクリック
⑱ 残りに欄に、上記のステップのように、バウチャーに記載する情報を追加することができます。


⑲ 完成しましたら、保存&プレビュー をクリック


プレビューし、問題がなければ完成になります!


① 完了しましたら、←バウチャーテンプレートエディターをクリック、テンプレートリストに戻ります。


② 編集をクリックすると、エディターに入ります。(編集方法は上記のは同じになります)
③ 管理プラットフォームへ戻るをクリック、管理画面に戻ることができます。