Shopify POSのお客様向けディスプレイ画面をカスタマイズする

Shopify 管理画面の POS エディタを使用して、Shopify POS のお客様向けディスプレイ画面をカスタマイズできます。お客様向けディスプレイ画面は、Shopify POS Terminal やお客様向けのタブレットでお客様に表示されます。

お客様向けディスプレイ画面には、以下の画面が含まれます。

  • アイドル状態の画面:アクティブな取引が進行していないときにお客様に表示されます。
  • チェックアウト画面は、チェックアウトプロセス中にお客様に表示され、カートの詳細、領収書のオプション、サンキュー画面が含まれます。

POS のお客様向けディスプレイ画面に加えたカスタマイズは、すべてのロケーションのすべての POS デバイスに適用されます。

POSのアイドル状態の画面をカスタマイズする

Shopify 管理画面で、前景画像またはテキスト背景決済オプションを使用して、POS のアイドル状態の画面をカスタマイズできます。

POS のアイドル状態の画面に前景画像またはテキストを追加する

Shopify 管理画面で、ストアのブランディングに合わせて POS のアイドル状態の画面をカスタマイズできます。前景画像を追加したり、カスタマイズ可能なテキストを追加したりできます。前景画像は SVG、PNG、または WEBP ファイルである必要があり、サイズは 512 ピクセル以上である必要があります。テキストベースの前景は最大 250 文字まで表示され、テキストのサイズ変更や別のフォントの選択はできません。

手順:

画像
  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「アイドル状態の画面」を選択します。

  4. 「前景」セクションで「画像」を選択し、次のいずれかの操作を行います。

    • 前景画像を追加するには、「画像を選択」をクリックして画像ファイルを選択し、「完了」をクリックします。
    • 既存の前景画像を変更するには、「変更」 > 「画像を選択」の順にクリックします。新しい画像ファイルを選択し、「完了」をクリックします。
    • 前景画像を削除するには、「変更」 > 「削除」の順にクリックします。
  5. 任意:カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 「保存」をクリックして、前景画像をアイドル状態の画面に保存します。

テキスト
  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「アイドル状態の画面」を選択します。

  4. 「前景」セクションで、「テキスト」を選択します。

  5. 「テキスト」フィールドに、表示するテキストを追加します。

  6. メニューで、カラーピッカーをクリックして選択した色を調整するか、HEXコードを追加して新しいテキストの配色を選択します。

  7. 任意:カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  8. 「保存」をクリックして、前景テキストをアイドル状態の画面に保存します。

POSのアイドル状態の画面に背景を追加する

POS のアイドル状態の画面の背景として、画像を追加するか単色を選択できます。背景画像は PNG または JPEG である必要があり、サイズは 1080 x 1920 ピクセルである必要があります。

手順:

画像
  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「アイドル状態の画面」を選択します。

  4. 背景セクションで、画像をクリックします。

  5. 背景画像を管理するには、以下のいずれかの操作を行います。

    • 背景画像を追加するには、画像 > 画像を選択の順にクリックし、画像ファイルを選択します。完了をクリックします。
    • 既存の背景画像を変更するには、変更 > 画像を選択の順にクリックします。新しい画像ファイルを選択し、完了をクリックします。
    • 背景画像を削除するには、変更 > 削除をクリックします。
  6. オーバーレイの不透明度の設定を調整して、アイドル状態の画面の背景の暗さを変更します。

  7. 任意:カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  8. 保存をクリックして、背景画像をアイドル状態の画面に保存します。

  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「アイドル状態の画面」を選択します。

  4. 背景セクションで、以下の手順を実行します。

    1. をクリックします。
    2. 色のメニューをクリックし、カラーピッカーを使用するかHEXコードを追加して新しい色を選択します。
  5. 任意:カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 保存をクリックして、背景色をアイドル状態の画面に保存します。

POSのアイドル状態の画面に決済オプションを追加する

POS のアイドル状態の画面に決済オプションを表示するには、Shopify ペイメントを使用している必要があります。POS アプリでは、カードリーダーを使用してすべてのクレジットカードをご利用いただけます。

手順:

  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「アイドル状態の画面」を選択します。

  4. 「カードブランドを表示する」設定を有効にします。

  5. 任意:カスタマイズしたアイドル状態の画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 保存をクリックして、決済アイコンをアイドル状態の画面に保存します。

POSのチェックアウト画面をカスタマイズする

POS チェックアウト画面は、以下の画面で構成されています。

  • 「カートのサマリー」: カートが作成されアイテムが追加されると、お客様に表示されます。
  • 「領収書」: 決済が承認された後にお客様に表示され、希望する領収書のオプションを選択できます。
  • サンキュー:領収書のオプションを選択し、取引を完了した後にお客様に表示されます。

これらの各画面のデザイン要素と カラーテーマ をカスタマイズできます。

重要:チェックアウト画面の色を変更しようとした際に、「保存に失敗しました -- もう一度お試しください」というエラーが表示される場合、Shopify ペイメントの設定が完了していないことが原因です。Shopify ペイメントの設定を完了すると、この問題は解決します。

カートのチェックアウト画面に商品画像を表示する

お客様向けディスプレイエディタを使用して、カートのチェックアウト画面で商品画像を表示または非表示にすることを選択できます。デフォルトでは商品画像が表示されますが、この設定はいつでも無効にできます。

手順:

  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「チェックアウト」 > 「カートのサマリー」を選択します。

  4. 「商品画像を表示する」設定を有効または無効にします。

  5. 任意: 異なるデバイスタイプでカスタマイズしたカート画面をプレビューするには、「プレビューオプション」メニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 保存をクリックして、カート画面への変更を保存します。

チェックアウトのThank you画面のメッセージをカスタマイズする

デフォルトでは、POS のサンキュー画面には、対面取引の最後に「ありがとうございます!」というメッセージが表示されます。Shopify 管理画面の POS エディタを使用して、お客様に表示されるメッセージをカスタマイズできます。

手順:

  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「チェックアウト」 > 「サンキュー」を選択します。

  4. 「メッセージ」フィールドに、カスタムメッセージを追加します。

  5. 任意: 異なるデバイスタイプでカスタマイズしたサンキュー画面をプレビューするには、「プレビューオプション」メニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 変更をサンキュー画面に保存するには、保存をクリックします。

すべてのPOSチェックアウト画面で配色を調整する

メインの背景色として使用されるメインカラーと、チップや領収書選択画面のボタンやハイライトに使用されるアクセントカラーを選択できます。カラーテーマは、すべてのチェックアウト画面 (カートのサマリー、領収書、サンキュー) に適用されます。

手順:

  1. 管理画面から、[POS] > [設定] に移動します。

  2. カスタマイズセクションで、カスタマーディスプレイをクリックして POS エディタを開きます。

  3. 「ビュー」セクションで、「チェックアウト」を選択します。

  4. 「背景色」の横にあるカラーメニューをクリックし、カラーピッカーを使用するか HEX コードを追加して新しい色を選択します。

  5. 任意:カスタマイズしたチェックアウト画面を異なるデバイスタイプでプレビューするには、プレビューオプションメニューをクリックし、使用するデバイスのタイプ (タブレットまたは POS Terminal) を選択します。

  6. 保存をクリックして、チェックアウト画面への変更を保存します。