チェックアウトとアカウントのエディタを使用する

チェックアウトとアカウントのエディタは、テーマエディタとは別の場所で、チェックアウトページ、注文状況ページ、サンキューページ、お客様アカウントページの機能と外観を、すべて1か所でカスタマイズおよび編集できるツールです。

管理画面の 設定 > チェックアウト セクションで、チェックアウトとアカウントのエディタにアクセスできます。構成セクションで、カスタマイズするチェックアウト構成の 編集 をクリックして、チェックアウトとアカウントのエディタを開きます。アクティブおよび下書きのチェックアウト構成の両方をカスタマイズできます。

チェックアウトとアカウントのエディタのサイドバーを操作する

チェックアウトとアカウントのエディタには、以下のサイドバーがあります。

  • Sections Icon 「セクション」サイドバーでは、チェックアウトページ、注文状況ページ、サンキューページ、お客様アカウントページの機能をカスタマイズできます。
  • Settings Icon 「設定」サイドバーでは、チェックアウトページ、注文状況ページ、サンキューページ、お客様アカウントページの外観をカスタマイズできます。
  • Apps Icon 「アプリ」サイドバーでは、アプリを追加および検索して、チェックアウトページ、注文状況ページ、サンキューページ、お客様アカウントページの機能をカスタマイズできます。

チェックアウトとアカウントエディタのサイドバーにアクセスするには、メニューバーの該当するアイコンをクリックします。

チェックアウトとアカウントエディタのメニューバーにあるナビゲーションアイコン。左から順に、セクション、設定、アプリのアイコン。

マーケット向けのチェックアウトページとアカウントページをプレビューおよびカスタマイズする

マーケットを 1 つ以上作成している場合は、さまざまなマーケットに合わせてチェックアウトページとアカウントページを調整できます。これにより、各マーケットのお客様により快適な利用体験を提供できます。

2 つのメインメニュー ([Markets] と [ページ]) を表示しているトップツールバー。[アメリカ合衆国] のマーケットがハイライト表示されています。

特定のマーケット向けのチェックアウトページとアカウントページの調整について、詳しくはこちらをご覧ください。

チェックアウトページとアカウントページ

チェックアウトとアカウントエディタのトップバーにあるページセレクターから、チェックアウト設定のすべてのページにアクセスし、プレビューすることができます。

2 つのメインメニュー ([Markets] と [ページ]) を表示しているトップツールバー。[チェックアウト] ページがハイライト表示されています。

チェックアウトのレイアウトに応じて、以下のチェックアウトページにアクセスし、カスタマイズすることができます。

  • チェックアウト (ワンページチェックアウトでのみ利用可能):チェックアウト時のお客様の連絡先情報、配達と配送の詳細、支払い情報が含まれます。
  • 情報 (3 ページチェックアウトでのみ利用可能):お客様の連絡先情報、配達方法、配送先住所の詳細が含まれます。
  • 配送 (3 ページチェックアウトでのみ利用可能):注文で利用可能な配送方法が含まれます。
  • 決済 (3 ページチェックアウトでのみ利用可能):支払い情報と請求先住所の詳細が含まれます。
  • 確認:お客様がチェックアウトを完了する前の、任意で注文内容を確認するステップのページです。このオプションは、[確認ステップを必須にする] 設定が有効になっている場合にのみ表示されます。
  • サンキュー:チェックアウトの完了後にお客様に表示される購入後ページです。サンキューページは一度しか表示されず、その後お客様は注文状況ページで注文を確認できます。

以下のお客様アカウントページにアクセスしてカスタマイズできます。

  • 注文状況:お客様の注文に関する詳細が表示されます。お客様はこのページに何度でもアクセスできます。注文状況ページについて、詳しくはこちら。
  • 注文:お客様アカウントの注文履歴の一覧が表示されます。
  • プロフィール:氏名、連絡先情報、配送先住所など、お客様アカウントのプロフィール詳細が表示されます。
  • ログイン、お客様がアカウントにアクセスするために使用するお客様のログインページを表示します。

[オンラインストアのテーマ] をクリックして、テーマエディタを開くこともできます。

Shop Payのプレビュー

Shopify 管理画面で Shop Pay を有効にしている場合、お客様に Shop Pay の簡単なチェックアウトがどのように表示されるかをプレビューできます。Shop Pay をプレビューするには、チェックアウトとアカウントエディタの右上隅にあるチェックアウトアイコンをクリックし、[Shop Pay をプレビュー] を選択します。

チェックアウトとアカウントエディタで Shop Pay をプレビューする

チェックアウトのプレビューに戻るには、チェックアウトとアカウントエディタの右上隅にある Shop Pay アイコンをクリックし、[チェックアウトを編集] を選択します。

操作の元に戻しとやり直し

元に戻すボタンとやり直しボタンを使用して、保存されていないカスタマイズを元に戻したり、やり直したりすることができます。変更を保存すると、やり直しや元に戻す操作はできなくなります。

やり直したり元に戻したりできる、保存されていないカスタマイズがない場合は、対応するボタンがグレー表示になります。

チェックアウトとアカウントエディタの元に戻すボタンとやり直しボタン

チェックアウトページ、注文状況ページ、サンキューページ、お客様アカウントページのプレビュー

ページセレクターメニューを使用すると、チェックアウト、注文状況、サンキュー、お客様アカウントの各ページでカスタマイズがどのように表示されるかをプレビューできます。ページセレクターをクリックして、利用可能なチェックアウトサンキュー注文状況注文プロフィールサインインの各オプションから選択します。

チェックアウトとアカウントエディタのページセレクターメニュー

また、[オンラインストアのテーマ] をクリックして テーマエディタを開き、現在公開済みのテーマをカスタマイズすることもできます。

チェックアウト、注文状況、サンキュー、お客様アカウントの各ページをモバイルでプレビューする

メニューバーのモバイルボタンをクリックすると、チェックアウト、注文状況、サンキュー、お客様アカウントの各ページがモバイル画面でどのように表示されるかをプレビューできます。デスクトップのプレビューに戻るには、モバイルボタンをもう一度クリックします。

チェックアウトとアカウントのページをモバイル画面でプレビューする

プレビューインスペクター

プレビューインスペクターを使用すると、プレビューウィンドウから直接セクションやブロックに移動して、対応する設定をすばやく直感的に見つけられます。また、プレビューウィンドウからセクションとブロックを直接、並べ替え、非表示、複製することもできます。

プレビューインスペクターはすべてのチェックアウト設定で利用でき、デフォルトで有効になっています。編集セッション中にプレビューインスペクターボタンをクリックして、プレビューインスペクターのオンとオフを切り替えることができます。

追加のアクション

設定名をクリックするとドロップダウンメニューが開き、以下のアクションを実行できます。

  • 表示 [表示] を使用すると、チェックアウト、注文状況、サンキュー、お客様アカウントの各ページがお客様にどのように表示されるかをプレビューできます。
  • 名前の変更 [名前を変更] を使用すると、チェックアウトとアカウントの設定の名前を変更できます。
  • ドキュメント [ドキュメントを見る] を使用すると、チェックアウトページとアカウントページをカスタマイズおよび編集するためのドキュメントが開きます。
  • 質問 [サポートを受ける] を使用すると、Shopify ヘルプセンターからサポートを受けることができます。
チェックアウトとアカウントのページをプレビューし、テーマエディタにアクセスして、ドキュメントの表示、チェックアウトの名前変更、サポートの利用を行う

チェックアウトとアカウントのエディタでキーボードショートカットを使用する

以下のキーボードショートカットを使用すると、チェックアウトとアカウントのエディタをよりすばやく操作できます。

WindowsデバイスとmacOSデバイスの両方でサポートされているキーボードショートカットの一覧です。
操作WindowsでのショートカットmacOSでのショートカット
元に戻すCTRL + Z + Z
やり直すCTRL + Y + + Z
保存CTRL + S + S
プレビューインスペクターCTRL + SHIFT + | + + |