フォローする

券売機のレイアウトを登録する

対象プラン

  • スタンダード
  • プレミアム
  • プレミアム プラス
  • フード ビジネス
  • リテール ビジネス
TK_machine_rayout26.png
レイアウト例①
TK_machine_rayout28.png
レイアウト例②
TK_machine_rayout27.png
レイアウト例③

券売機アプリでは商品選択画面のレイアウトを自由に登録することができます。
画像を登録して商品アピールをしたり、売れ筋商品を大きく表示するなど運用に応じて幅広い使い方ができます。
レイアウトが登録できたら、端末設定で紐付けが必要です。

券売機の設定画面はPCでの操作が推奨となります
タブレット端末での操作は『正常に動作しない』『正しく表示されない』などが発生する可能性があります
本ページの案内に関連した動画のご用意があります。
券売機の初期設定について

レイアウトを設定する

本文中の画像はクリックすると大きなサイズで表示されます
  1. レイアウト画面を開きます

    TK_machine_rayout01.png
    管理画面で『券売機 > レイアウト』をクリックします。
  2. レイアウトを新規作成します

    TK_machine_rayout02.png
    【+新規レイアウト作成】をクリックします。
  3. 店舗を選択します
    TK_machine_rayout13.png
    TK_machine_rayout13.png
    『店舗選択』で利用店舗を選択し、【決定】をクリックします。
    『表示設定』で『カートを常に表示する』にチェックを入れると、商品をカートに入れた後、画面下部に常に商品カートが表示されるようになります
  4. レイアウト設定の画面が開きます
    202503_TK_Layout-02.png
    202503_TK_Layout-02.png
    新規レイアウトの設定画面が開きます。
    各項目(タブ)の設定詳細は以下から選択してご確認ください。

基本設定

本文中の画像はクリックすると大きなサイズで表示されます
  1. 基本設定を行ないます
    TK_machine_rayout14.png
    TK_machine_rayout14.png
    テーマ色や言語の設定ができます。
    項目名 説明
    レイアウト名称 レイアウトの名称を登録します。
    利用端末 レイアウトを紐付けている端末名が表示されます。
    テーマ色 指定した色でイートインやテイクアウトのアイコンの色が変わります。
    他にも多言語をオンにした時の枠の色や支払いアイコンの色も変わります。
    使用言語 券売機ではあらかじめ情報を登録することで、多言語の切り替えができます。
    使用する言語にチェックを入れてください。
    トップ画面上部か商品選択画面の「Language」ボタンで言語の切り替えができます。
    多言語切り替えを利用する場合、各項目の多言語設定で各言語の情報を登録する必要があります
    カートの表示設定 設定は新規レイアウト作成時に行います。
    『表示設定』で『カートを常に表示する』にチェックを入れると、商品をカートに入れた後、画面下部に常に商品カートが表示されるようになります。
    設定は新規レイアウト作成時にチェックを入れていない場合は、『ボタンタップで表示』になります。
    タイムアウト機能 操作を行なわなかった場合に自動的にトップ画面へ戻る時間を設定できます。
    待機画面を設定している場合は、待機画面に戻ります
  2. 設定を保存します
    TK_machine_rayout16.png
    TK_machine_rayout16.png
    【保存】をクリックします。

待機画面

券売機の待機中(操作が行なわれていない状態の時)に、スライドショーや動画を表示できます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. 待機画面を設定します
    TK_machine_rayout17.png
    TK_machine_rayout17.png
    スライドショーや動画の設定ができます。
    項目名 説明
    待機画面 【利用する】にすると、設定した秒数操作がない場合に待機画面が表示されます。
    【利用しない】の場合、トップ画面が最初に表示されます。
    トップ画面も【利用しない】に設定している場合は、商品選択画面が最初に表示されます
    表示 『スライドショー』と『動画』のどちらを表示させるかを選択します。
    スライドショー
    アップロードした画像をスライドショーで表示できます。
    【スライド方向】
    画像を移動させる方向を『なし』『左』『右』『上』『下』から選択します。
    【画像切り替え間隔】
    画像が切り替わる秒数を設定します。(1〜60秒)
    【画像のアップロード】
    グレーの枠内をクリックして画像をアップロードします。(最大5枚まで)
    推奨サイズ:1080*1920px(最大5MBまで)
    アップロード可能な形式は、JPEG(.jpg/.jpeg)、GIF(.gif)、PNG(.png)です
    削除は画像下のゴミ箱アイコンをクリックします
    動画
    【動画のアップロード】
    グレーの枠内をクリックして動画をアップロードします。
    推奨サイズ:1080*1920px(フルHD・最大20MB・15秒まで)
    アップロード可能な形式は、MP4(.mp4)、MOV(.mov)、AVI(.avi)です
    削除は画像下のゴミ箱アイコンをクリックします
  2. 設定を保存します
    TK_machine_rayout18.png
    TK_machine_rayout18.png
    【保存】をクリックします。

トップ画面

券売機を操作する際に、最初に表示させる画面の設定ができます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. トップ画面を設定します
    TK_machine_rayout19.png
    TK_machine_rayout19.png
    トップ画面の設定ができます。
    項目名 説明
    トップ画面 【利用する】にすると、トップ画面で登録した画像が券売機で常に最初に表示されます。
    【利用しない】の場合、商品選択画面が最初に表示されます。
    画像表示
    トップ画面に表示させる画像を設定します。
    【ロゴ】と【カスタマイズ画像】から設定します
    【ロゴ】
    テキストとロゴ画像を表示します。
    トップロゴの推奨サイズは640*320px(最大2MBまで)です
    【カスタマイズ画像】
    トップ画像で登録した画像を表示します。
    【アップロード】をクリックして画像を登録します。
    トップ画像の推奨サイズは1080*1920px(最大5MBまで)です
    削除は画像下のゴミ箱アイコンをクリックします
  2. 設定を保存します
    TK_machine_rayout20.png
    TK_machine_rayout20.png
    【保存】をクリックします。

販売方法設定

販売時のイートインとテイクアウトの選択画面を設定できます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. 販売方法設定を行ないます
    TK_machine_rayout21.png
    TK_machine_rayout21.png
    販売方法の設定ができます。
    項目名 説明
    販売方法設定
    券売機で表示するメニューをイートインとテイクアウトで切り替えることができます。
    【両方使用】【イートインのみ】【テイクアウトのみ】から選択できます。
    【両方使用】
    券売機において、イートインかテイクアウトを選択できます。
    商品選択画面でメニュータイプを『全般』と『イートイン・テイクアウト』から該当するタブを券売機で表示します。
    テイクアウトとイートインの選択画面の表示は、『イートイン・テイクアウト文言』と『画像』から設定できます
    【イートインのみ】
    商品選択画面でメニュータイプを『全般』『イートイン』にしたタブを券売機で表示します。
    【テイクアウトのみ】
    商品選択画面でメニュータイプを『全般』『テイクアウト』にしたタブを券売機で表示します。
    画像
    販売方法設定が【両方使用】の場合に、トップ画面に表示させる画像を設定します。
    【デフォルト】と【カスタマイズ画像】から設定します。
    【デフォルト】
    テキストで選択肢を表示します。
    『イートイン文言』と『テイクアウト文言』を入力してください。
    【カスタマイズ画像】
    画像で選択肢を表示します。
    【アップロード】をクリックして画像を登録します。
    画像の推奨サイズは486*320px(最大2MBまで)です
    削除は画像下のゴミ箱アイコンをクリックします
  2. 設定を保存します
    TK_machine_rayout22.png
    TK_machine_rayout22.png
    【保存】をクリックします。

決済画面

券売機の端末で決済時に表示させる画面の設定ができます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. 決済画面の設定を行ないます
    TK_machine_rayout23.png
    TK_machine_rayout23.png
    決済画面の設定ができます。
    決済方法ごとに画面に表示させる画像を【デフォルト】、もしくは【カスタマイズ画像】にするかを設定できます。
    端末の決済設定で該当の項目が『利用する』の場合に反映されます
    項目名 説明
    現金決済
    【デフォルト】
    あらかじめ用意された画像を表示します。 『自動釣銭機レイアウト』で『紙幣:横』と『紙幣:縦』を選択できます。
    【カスタマイズ画像】
    任意の画像を表示させることができます。
    【アップロード】をクリックして画像を登録します。
    『多言語設定』で言語ごとに画像を登録することも可能です。
    画像の推奨サイズは756*320px(最大3MBまで)です
    削除は画像下のゴミ箱アイコンをクリックします
    クレジットカード決済
    【デフォルト】
    あらかじめ用意された画像を表示します。
    【カスタマイズ画像】
    任意の画像を表示させることができます。
    【アップロード】をクリックして画像を登録します。
    『多言語設定』で言語ごとに画像を登録することも可能です。
    画像の推奨サイズは1080*1800px(最大5MBまで)です
    削除は画像下のゴミ箱アイコンをクリックします
    銀聯カード決済
    QRコード決済
    電子マネー決済
  2. 設定を保存します
    TK_machine_rayout24.png
    TK_machine_rayout24.png
    【保存】をクリックします。

商品選択画面

券売機の端末での商品選択画面の設定ができます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. 商品選択画面の設定をします
    TK_machine_rayout27.png
    TK_machine_rayout27.png
    商品選択画面の設定ができます。
  2. タブを登録します
    TK_machine_rayout28.png
    TK_machine_rayout28.png
    【追加】をクリックします。
    TK_machine_rayout29.png
    TK_machine_rayout29.png
    タブの登録画面が開きます。
    内容を入力して、【追加】をクリックします。
    項目名 説明
    タブ名 タブの名称を登録します。
    文字サイズ タブの文字サイズを指定します。
    背景色 指定した色で背景を表示できます。
    メニュータイプ
    タブを常に表示するか、イートイン/テイクアウト限定で表示するかを選択します。
    【全般】
    イートインとテイクアウトに関わらず、券売機で常に表示されます。
    【イートイン限定】
    販売方法設定において、『両方使用』『イートインのみ』を設定している場合のみ券売機に表示されます。
    『販売方法設定』が【テイクアウトのみ】の場合はエラーとなります
    【テイクアウト限定】
    販売方法設定において、『両方使用』『テイクアウトのみ』を設定している場合のみ券売機に表示されます。
    『販売方法設定』が【イートインのみ】の場合はエラーとなります
    商品表示名
    【表示】を選択して商品名の既定値を設定できます。
    【文字サイズ】
    商品表示名の文字サイズを指定します。
    【水平配置】
    商品表示名の水平方向の位置を指定します。
    【垂直配置】
    商品表示名の垂直方向の位置を指定します。
    テンプレート メニューレイアウトのテンプレートを選択できます。
    商品割り当て テンプレートで『なし』以外を選択した場合に表示されます。
    『設定する』を選択して【次へ】をクリックすると、『商品割り当て』の設定ができます。
    『部門』と『商品』を選択し、【追加】をクリックすると、テンプレートに選択した商品を自動で割り当てすることができます。
    TK_machine_rayout30.png
    TK_machine_rayout30.png
    タブが追加されます。
    A.タブを追加する場合
    【追加】をクリックして同じように登録を行なってください。
    B.タブを編集・削除する場合
    【メモアイコン】をクリックすると、編集画面が表示されます。
    削除する場合は、【削除】ボタンをクリックします
  3. メニューを登録します
    メニューアイテムの枠から登録する方法
    TK_machine_rayout31.png
    TK_machine_rayout31.png
    メニューアイテムの枠をクリックします。
    次の手順()へ進みます。
    商品リストから登録する方法
    TK_machine_rayout38.png
    TK_machine_rayout38.png

    矢印(>)ボタンをクリックすると、サイドパネルが開いて商品リストが表示されます。

    追加したい商品をドラッグアンドドロップでメニューアイテムに追加できます。

    TK_machine_rayout40.png
    TK_machine_rayout40.png
    追加したメニューアイテムの枠をクリックします。
    次の手順()へ進みます。

    多言語での表示も確認できます

    TK_machine_rayout39.png
    TK_machine_rayout39.png
    画面右上にある縦に3つのドット(︙)をクリックすると、言語プレビューが開きます。
    言語プレビューでは、基本設定の使用言語で設定した言語を選択でき、プレビュー画面で確認することができます。
    言語に対応する翻訳設定がない場合は、日本語が表示されます
  4. メニューアイテムの詳細を設定します
    TK_machine_rayout32.png
    TK_machine_rayout32.png
    メニューの登録画面が開きます。
    メニューの登録方法は【商品・テキスト・画像】の3種類があります。
    内容を入力して、【追加】をクリックします。
    その他の設定については、下の表をご覧ください
    TK_machine_rayout33.png
    TK_machine_rayout33.png
    【商品・テキスト・画像】それぞれの表示は①〜③のようになります。
    ①商品
    購入するメニューボタンに使用します。
    ②テキスト
    テキストを表示できます。
    ③画像
    画像を表示できます。
    バナーやおすすめ商品の宣伝に利用できます。
    項目名 説明
    商品 【商品選択】でスマレジの商品とメニューボタンを紐付けます。
    商品を選択してください。
    商品名 上記、【商品選択】で選択した商品名が自動入力されます。
    商品表示名
    【表示】にするとメニューに商品名を表示します。
    メニューを画像で表示し、画像内にメニュー名がある場合は【非表示】にする使い分けができます。
    表示名には上記、商品項目で選択した商品名が自動入力されます。
    任意で編集することもできます。
    文字サイズ テキストの大きさを指定します。
    商品単価 上記、【商品選択】で選択した商品の価格が自動入力されます。
    キャッチコピー 商品名の下に紹介テキストを表示できます。
    【表示】を選択してテキストを入力します。
    商品画像 メニューに画像を表示できます。
    【あり】を選択して【アップロード】から画像を登録します。
    アップロードした画像を枠に合わせて手動でトリミングする操作がありますので、画像の推奨サイズはありません
    ボタン色 商品名の下に紹介テキストを表示できます。
    指定した色でメニューアイコンを表示できます
    オプショングループ名 商品に紐づいているオプショングループ名が表示されます。
    レシート印字名 レシートに印字される名称です。
    『商品表示名』の項目で入力した内容が反映されます。
    引換券印字名 引換券に印字される名称です。
    引換券控え印字名 引換券控えに印字される名称です。

    テキスト

    項目名 説明
    テキスト内容 表示するテキストを入力します。
    おすすめしたい商品の紹介などにご利用ください。
    文字サイズ テキストの大きさを指定します。

    画像

    項目名 説明
    画像 表示する画像をアップロードします。
    おすすめしたい商品の紹介などにご利用ください。
    アップロードした画像を枠に合わせて手動でトリミングする操作がありますので、画像の推奨サイズはありません
    リンク タップした際に、指定したタブに移動できます。
    【あり】を選択してリンクするタブを選択します。
    TK_machine_rayout34.png
    TK_machine_rayout34.png
    メニューが追加されます。
    メニューを編集・削除する場合
    メニューをダブルクリックしてください。
    【編集】と表示されたら、再度クリックすると編集画面が表示されます。
    削除する場合は、【削除】ボタンをクリックします

    アイコンの大きさを変更する

    TK_machine_rayout35.png
    TK_machine_rayout35.png
    メニューアイコンの大きさは自由に調整できます。
    メニューをダブルクリックします。
    【編集】と表示されたら、アイコンの角に白い丸が表示されます。
    TK_machine_rayout36.png
    TK_machine_rayout36.png
    白い丸をクリックしたまま動かして大きさを変更できます。
  5. 設定を保存します
    TK_machine_rayout37.png
    TK_machine_rayout37.png
    【保存】をクリックします。

サンクス画面

お会計が終わった後の画面を設定できます。
本文中の画像はクリックすると大きなサイズで表示されます
  1. サンクス画面の設定をします
    TK_machine_rayout25.png
    TK_machine_rayout25.png
    サンクス画面の設定ができます。
    各項目の詳細は下記の表をご覧ください。
    項目名 説明
    サンクス画面 【利用する】にすると、登録した画像が券売機でお会計後に表示されます。
    タップしてトップ画面に遷移する サンクス画面をタップした際に、トップ画面へ戻るかどうかを指定できます。
    表示時間 サンクス画面を表示する時間を1秒から30秒までの間で指定できます。
    画像表示
    サンクス画面に表示させる画像を設定します。
    【デフォルト】と【カスタマイズ画像】から設定します。
    【デフォルト】
    最初から登録されている画像を使用します。
    表示する文言を任意で登録できます。
    【カスタマイズ画像】
    登録した画像を表示します。
    サンクス画像の推奨サイズは1080*1920px(最大5MBまで)です
    削除は画像下のゴミ箱アイコンをクリックします
  2. 設定を保存します
    TK_machine_rayout26.png
    TK_machine_rayout26.png
    【保存】をクリックします。
    レイアウトが登録できたら、端末設定で紐付けが必要です。

多言語設定

券売機では言語ごとの情報を登録することで、多言語切り替えができます。
多言語設定を登録し、基本設定の『使用言語』にチェックを入れると、券売機で切り替えできるようになります。
本文中の画像はクリックすると大きなサイズで表示されます
  1. 多言語設定画面を開きます

    TK_machine_rayout22.png
    【多言語設定】をクリックします。
    メニューの登録を例としています
  2. 言語ごとに情報を入力します

    TK_machine_rayout23.png
    言語ごとにテキストを入力し、【完了】をクリックします。

    TK_machine_rayout24.png
    画像の場合は、言語ごとに画像をアップロードして、【完了】をクリックします。

関連する説明動画の紹介

ご覧のページで説明している機能やサービスについての案内、解説動画をご紹介します。
券売機の初期設定についてご案内しています。
音声が流れますのでボリュームにお気を付けください
スマレジの機能やサービスについてご案内するYouTubeチャンネル
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください
このページの先頭へ
AIチャットを利用する
スマレジ サポート
※ヘルプ内の最新情報がチャットの回答に反映されるまで、時間がかることがあります(24時間周期でヘルプ内を学習)
※AIによる自動生成のため、内容に誤りが含まれる場合があります