Shopify POS のお客様向けディスプレイの画面をカスタマイズする
管理画面の POS エディターを使用して、Shopify POS のお客様向けディスプレイの画面をカスタマイズできます。お客様向けディスプレイの画面は、Shopify POS Terminal またはお客様向けタブレットからお客様に表示されます。
お客様向けディスプレイには、以下の画面が含まれます。
- アイドル状態の画面。進行中のアクティブな取引がないときにお客様に表示されます。
- チェックアウト画面。チェックアウトプロセス中にお客様に表示され、カートの詳細、領収書のオプション、サンキュー画面が含まれます。
POS のお客様向けディスプレイの画面に加えたカスタマイズは、すべてのロケーションのすべての POS デバイスに適用されます。
POS のアイドル状態の画面をカスタマイズする
管理画面で、前景の画像やテキスト、背景、決済オプションを使用して POS のアイドル状態の画面をカスタマイズできます。
POS のアイドル状態の画面に前景画像またはテキストを追加する
管理画面で、POS のアイドル状態の画面をストアのブランディングに合わせてカスタマイズできます。前景画像やカスタマイズ可能なテキストを追加できます。前景画像は SVG、PNG、または WEBP 形式のファイルである必要があり、最小サイズは 512 ピクセルです。テキストベースの前景は最大 250 文字まで表示でき、テキストのサイズ変更や別のフォントの選択はできません。
手順：
画像
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、アイドル状態の画面を選択します。
前景セクションで画像を選択し、以下のいずれかの操作を行います。
- 前景画像を追加するには、画像を選択をクリックして画像ファイルを選択し、完了をクリックします。
- 既存の前景画像を変更するには、変更 > 画像を選択をクリックします。新しい画像ファイルを選択し、完了をクリックします。
- 前景画像を削除するには、変更 > 削除をクリックします。
オプション：カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
保存をクリックして、前景画像をアイドル状態の画面に保存します。
テキスト
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、アイドル状態の画面を選択します。
前景セクションでテキストを選択します。
テキストフィールドに、表示するテキストを追加します。
色メニューで、カラーピッカーをクリックして選択した色を調整するか、16進数コードを追加して新しいテキストの配色を選択します。
オプション：カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
保存をクリックして、前景テキストをアイドル状態の画面に保存します。
POS のアイドル状態の画面に背景を追加する
POS のアイドル状態の画面の背景として使用する画像を追加するか、単色を選択できます。背景画像は PNG または JPEG 形式である必要があり、サイズは 1080 x 1920 ピクセルにすることをおすすめします。
手順：
画像
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、アイドル状態の画面を選択します。
背景セクションで画像をクリックします。
背景画像を管理するには、以下のいずれかの操作を行います。
- 背景画像を追加するには、画像 > 画像を選択をクリックし、画像ファイルを選択します。完了をクリックします。
- 既存の背景画像を変更するには、変更 > 画像を選択をクリックします。新しい画像ファイルを選択し、完了をクリックします。
- 背景画像を削除するには、変更 > 削除 をクリックします。
アイドル状態の画面の背景の暗さを変更するには、オーバーレイの不透明度設定を調整します。
オプション：カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
アイドル状態の画面に背景画像を保存するには、保存をクリックします。
色
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、アイドル状態の画面を選択します。
背景セクションで、次の手順を実行します。
- 色をクリックします。
- カラーメニューをクリックし、カラーピッカーを使用するか HEX コードを追加して、新しい色を選択します。
オプション：カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
アイドル状態の画面に背景色を保存するには、保存をクリックします。
POS のアイドル状態の画面に決済オプションを追加
POS のアイドル状態の画面に決済オプションを表示するには、Shopify ペイメントを使用している必要があります。カードリーダーを使用することで、POS アプリですべてのクレジットカード決済を受け付けることができます。
手順：
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、アイドル状態の画面を選択します。
カードブランドを表示設定を有効にします。
オプション：カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
アイドル状態の画面に決済アイコンを保存するには、保存をクリックします。
POS のチェックアウト画面のカスタマイズ
POS のチェックアウト画面は、以下の画面で構成されています。
- カートのサマリー：カートが作成されアイテムが追加されたときに、お客様に表示されます。
- 領収書：決済が承認された後にお客様に表示され、希望する領収書のオプションを選択できるようにします。
- Thank you：お客様が領収書のオプションを選択し、取引を完了した後に表示されます。
これらの各画面の、デザイン要素とカラーテーマをカスタマイズできます。
重要なお知らせ：チェックアウト画面の色を変更しようとしたときに「保存に失敗しました。もう一度お試しください」というエラーがマーチャントに表示される場合、Shopify ペイメントの設定が不完全であることが原因です。この問題は、Shopify ペイメントの設定を完了させることで解決します。
カートのチェックアウト画面に商品画像を表示
お客様向けディスプレイのエディタを使用して、カートのチェックアウト画面に商品画像を表示するか非表示にするかを選択できます。デフォルトでは商品画像が表示されますが、この設定はいつでも無効にできます。
手順：
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、チェックアウト > カートのサマリーを選択します。
商品画像を表示設定を有効または無効にします。
オプション：さまざまなタイプのデバイスでカスタマイズしたカート画面をプレビューするには、プレビューオプションメニューをクリックして、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
カート画面への変更を保存するには、保存をクリックします。
チェックアウトの Thank you 画面のメッセージをカスタマイズ
デフォルトでは、POS の Thank you 画面には対面取引の最後に「Thank you!」というメッセージが表示されます。管理画面の POS エディタを使用して、お客様に表示されるメッセージをカスタマイズできます。
手順：
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、チェックアウト > サンキューを選択します。
メッセージフィールドに、カスタムメッセージを追加します。
オプション：さまざまなタイプのデバイスでカスタマイズした Thank you 画面をプレビューするには、プレビューオプションメニューをクリックして、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
Thank you 画面への変更を保存するには、保存をクリックします。
すべての POS のチェックアウト画面の配色を調整
メインの背景色として使用されるメインカラーと、チップや領収書の選択画面のボタンおよびハイライトに使用されるアクセントカラーを選択できます。カラーテーマは、すべてのチェックアウト画面 (カートのサマリー、領収書、Thank you) に適用されます。
手順：
管理画面から 販売チャネル > POS に移動します。
実店舗での体験をカスタマイズするセクションで、お客様向けディスプレイの編集をクリックします。
ビューセクションで、チェックアウトを選択します。
背景色の横にあるカラーメニューをクリックし、カラーピッカーを使用するか HEX コードを追加して、新しい色を選択します。
オプション：さまざまなタイプのデバイスでカスタマイズしたチェックアウト画面をプレビューするには、プレビューオプションメニューをクリックして、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。
チェックアウト画面への変更を保存するには、保存をクリックします。