フリーレイアウト設定方法
フリーレイアウトの設定を行います。
①イメージ設定を選択
「セルフレジ管理」⇒「イメージ設定」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/2f16efd6-画像3-1024x361.png)
②背景にする画像をアップロード
背景にする画像を選択し、「アップロード」をクリックします。
※推奨画像サイズ:縦1103×横1080(ピクセル)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/e9e46e76-画像4-1024x370.png)
③レイアウト設定を選択
「セルフレジ管理」⇒「レイアウト設定」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/6c6c4b2a-画像5-1024x395.png)
④店舗・メニューブックの選択
対象の店舗・メニューブックを選択し「検索」をクリックします。編集するカテゴリの『編集ボタン』をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/986fe5cb-画像6-1024x404.png)
⑤適用させるカテゴリを選択
フリーレイアウトを適用させるカテゴリを選択します。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/2e27cd36-画像7-1024x451.png)
⑥フリーレイアウトを登録
「フリーレイアウト」を選択します。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/43002928-画像8-1024x451.png)
⑦登録完了
「登録」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/f8e115a0-画像9-1024x451.png)
⑧セルフレジフリーレイアウト設定を選択
「セルフレジ管理」⇒「セルフレジフリーレイアウト設定」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/59d0fb74-画像11-1024x407.png)
⑨対象の店舗とメニューブックを選択
対象の店舗とメニューブックを選択し「検索」をクリックします。編集するカテゴリの『編集ボタン』をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/77a43663-画像10-1024x415.png)
⑩画像設定
「画像」をクリックし、イメージ設定で登録した画像を背景画像として設定します。※推奨画像サイズ:縦1103×横1080 (ピクセル)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/1578832c-画像12-1024x370.png)
⑪商品一覧設定
対象のカテゴリ内のメニュー一覧からタップ領域を作成したい商品を一覧から画像内へドラッグ&ドロップすると、背景画像上に選択範囲が表示されます。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/aba9101e-画像14-1024x371.png)
⑫詳細設定一覧
タップ領域の詳細設定をします。(領域の大きさは図形を選択し、隅をドラッグすることで調整可能です)
四角にする・丸にする→タップ領域の図形を丸形、四角に切り替えます
傾き→対象のタップ領域を選択後、角度入力しタップ領域の図形に傾けます ※角度(0~360度)
前面→タップ領域が重なった場合、どちらの領域を優先するか設定
削除→タップ領域を削除します
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/e7dbc5db-画像15-1024x371.png)
⑬フリーレイアウトの背景画像として設定
イメージ設定で登録した画像を選択しフリーレイアウトの背景画像として設定します。
タップ領域は、1メニューに対して複数設定可能です。設定後は画面中央下部の「登録」を押して設定完了です。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/a7085fa7-画像16-1024x467.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/45c5a629-画像17-1024x73.png)
フリーレイアウト設定方法(プレビュー)
フリーレイアウトをプレビュー表示で確認します。
①セルフレジフリーレイアウトプレビューを選択
「セルフレジ管理」⇒「セルフレジフリーレイアウトプレビュー」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/016f300b-画像19-1024x411.png)
②対象の店舗をメニューブックを選択
対象の店舗とメニューブックを選択し「メニュープレビュー表示」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/cda690e0-画像18-1024x417.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/ce72078e-画像22-1024x741.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/3a4b750c-画像23-1024x283.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/6931bbe8-画像24-1024x73.png)
フリーレイアウト設定方法(グランドメニュー)
フリーレイアウトをグランドメニューとして配信する設定を行います。
①セルフレジフリーレイアウトを選択
予め作成したグランドメニューにフリーレイアウトの設定を行います。「グランドメニュー管理」⇒「セルフレジフリーレイアウト設定」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/b789ff75-画像26-1024x371.png)
②フリーレイアウト設定
対象のメニューテンプレートを選択し「検索」をクリックします。編集するカテゴリの『編集ボタン』をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/f65514d1-画像25-1024x375.png)
③グランドメニュー配置を選択
「グランドメニュー管理」⇒「グランドメニュー配置」をクリックします。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/e524e398-画像27-1024x398.png)
④「セルフレジフリーレイアウト」をON
グランドメニューを配信する際に、「セルフレジフリーレイアウト」をONにして配信します。
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/2b3925a2-画像28-1024x407.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/0c26049e-画像29-1024x453.png)
![](https://storage.googleapis.com/site-media-pos-usen/u-regi-wp.usen-its.com/b4dffb5d-画像30-1024x114.png)