フリーレイアウトのモバイルオーダー画面を作成・編集するには、以下【1】～【4】の流れに沿って操作してください。
【1】背景画像を作成する
モバイルオーダーのモバイルオーダー画面に表示する背景画像は、以下の規定および注意点を参考に店舗様側でご用意ください。
背景画像のサイズついて
背景画像は、端末の画面サイズに合わせて横幅いっぱいまで表示されます。
デザインの注意点
スマートフォンの小さな画面で表示したときの閲覧性やタップのしやすさを考慮し、文字や写真は大きめに配置してください。
【2】メニューレイアウトを新規作成する
以下の手順で、メニューレイアウトを新規作成します。
※既存のメニューレイアウトを編集し、ページを追加する場合は、[* 「【3】メニューレイアウトを編集する」]に進んでください。
※パソコンまたはタブレットから操作してください。（パソコン推奨）
※ブラウザは、Google ChromeまたはSafariを使用してください。
1. Okage Go管理画面 にログインします。
2. メニューレイアウトをクリックします。
3. 右横の「新規作成」のテキストをクリックします。
4. 「メニューレイアウト名」を入力します。
5. 以下の各設定で「ON」または「OFF」を選択し、「保存」をクリックします。
Inside Default Flag：店内モバイルオーダーでの初期設定の意味です。「ON」に設定すると、OkageハンディでQRコードを表示するとき、常にこのメニューレイアウトが初期値となります。
Outside Default Flag：店外モバイルオーダーでの初期設定です。
【3】メニューレイアウトを編集する（ページ追加）
以下の手順で、既存のメニューレイアウトを編集し、ページを追加します。
※パソコンまたはタブレットから操作してください。（パソコン推奨）
※ブラウザは、Google ChromeまたはSafariを使用してください。
1. Okage Go管理画面 にログインします。
2. メニューレイアウトをクリックします。
3. 該当するメニューレイアウトの「編集」をタップします。
4. 画面右横「ページ移動」（①）をクリックします。
5. 最終ページ（②）をクリックします。
6. 「次へ」（③）をクリックすると、背景が設定されていないページが表示されます。
7. 画面右横「背景画像設定」の「ファイルを選択」をクリックし、作成した背景画像を選択すると、ファイルのアップロードが開始されます。
※アップロードが完了するまで少々時間がかかります。画像が表示されるまでお待ちください。
※下図の「索引名」と表示されているテキストボックスで、ページ名を編集できます。
8. 設定したい範囲の形に応じて「四角形」または「円」を選択します。
9. マウスでドラッグし、アップロードされた画像上にリンクを設定したい範囲を選択します。
※選択した範囲に表示されている赤・緑・青・黄の箇所をクリックまたはドラッグすることで、画像に対して以下の操作ができます。
赤（左下）：削除
緑（右上）：回転
青（右下）：サイズ変更
黄（中央下）：「売切ロック」画像を非表示
10. ページ下部に表示された該当メニューのラベルを選択範囲にドラッグ＆ドロップすると、メニューへのリンクが設定されます。
※縦長のため、下側が表示されない場合は、画面比率を縮小すると使い勝手が良くなります。
※左下の検索窓やカテゴリ名から、メニューを絞り込むこともできます。
11. 編集が完了したら、「このページを保存」をクリックします。
※その他のメニューレイアウト編集に関わる操作については、あわせて「【4】メニューレイアウト編集時のTips」も参照してください。
ページを並べ替えるには
以下の手順で、ページの並び順を変更できます。
1. 「ページ並べ替え」をクリックします。
2. ページのサムネイル画像をドラッグ＆ドロップして並べ替え、「確定」をクリックします。
ページを削除するには
削除したいページで、「このページを削除」をクリックします。
【4】メニューレイアウト編集時のTips
メニューリストからリンクを設定する
ラベルから該当メニューを選択範囲にドラッグ＆ドロップする代わりに、画面右側のメニューリストから該当するメニューをクリックすることで、リンクを設定することもできます。
各ページへのショートカットリンクを活用する
画面左下の「索引」タブから、各ページへのショートカットリンクを設定できます。メニューレイアウト冒頭に目次ページを作成してリンクを設定したり、ページ内にさまざまな導線を設定したりすることで、注文数のアップが見込めます。
SNSへのリンクを設定する
画面左下の「URL」タブから、店舗のSNSなどへのリンクを設定できます。
リンクを設定するには、あらかじめページ上部の「設定」-「URL設定」の「新規登録」から、利用するURLを登録してください。
詳しくは、以下のページの「URLを設定する」を参照してください。
➡基本設定をする（Okage Go店内版）
※LINE@へのリンク設定については、Okageへお問い合わせください。
