チェックアウトエディタを使用する
チェックアウトエディタは、テーマエディタを使用せずに、チェックアウトの機能と外観を1か所でカスタマイズおよび編集するためのツールです。
チェックアウトのカスタマイズを開始する前に、チェックアウトエディタにアクセスし、操作方法を確認してください。
目次
チェックアウトエディタのセクション
管理画面の [設定] > [チェックアウト] > [チェックアウトのカスタマイズ] セクションから、チェックアウトエディタを表示できます。
チェックアウトエディタには、設定とセクションの2つのメインセクションがあります。
- [設定] セクションでは、チェックアウトの外観をカスタマイズできます。
- [セクション] セクションでは、チェックアウトの機能をカスタマイズできます。
[セクション] セクションを表示する
チェックアウトエディタの [設定] セクションを表示するには、左側のサイドバーにある絵筆アイコンをクリックします。
![チェックアウトエディタの [セクション] セクション](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-branding-77780d2ab7f96b12b007748a582acd7c7ed4345be95174c1e99289e28d321886.png)
[セクション] セクションを表示する
チェックアウトエディタの [セクション] セクションを表示するには、左側のサイドバーにあるセクションアイコンをクリックします。
![チェックアウトエディタの [セクション] セクション](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-customizations-c9ce556c30eed7630591d413115f3dfb57104b1c5133500c7ed09013f49fdc67.png)
Shop Payをプレビューする
管理画面でShop Pay有効にしている場合は、Shop Payの簡単なチェックアウトがお客様に表示される方法をプレビューできます。Shop Payをプレビューするには、チェックアウトエディタの右上隅にあるチェックアウトアイコンをクリックします。

操作を元に戻す、やり直す
チェックアウトエディタで行った変更を元に戻す、またはやり直すには、チェックアウトエディタの右上隅にある [元に戻す] のアイコン、または [やり直す] のアイコンをクリックします。
![チェックアウトエディタの [元に戻す] のボタンと [やり直す] のボタン](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-undo-redo-119ef6182faab742767c627abd6e6f337dfef7cd20e4905a3800f754d946eb06.png)
チェックアウトページと新しいお客様アカウントページをプレビューする
デスクトップ、フルスクリーン、モバイルなど、さまざまな画面タイプでチェックアウトページとお客様アカウントページがどのように表示されるかをプレビューするには、デスクトップアイコンをクリックしてさまざまなビューに切り替えます。このプレビューには、注文ページ、注文状況ページ、アカウント情報ページが含まれています。

追加アクションを使用する
⋯
アイコンをクリックして、ドロップダウンメニューを開き、以下のアクションを実行します。
- チェックアウトがお客様にどのように表示されるかをプレビューする
- テーマエディタにアクセスする
- ヘルプドキュメントを表示する
- チェックアウトのカスタマイズの名前を変更する
- サポートを受ける

チェックアウトエディタでキーボードショートカットを使用する
以下のキーボードショートカットを使用して、チェックアウトエディタをより迅速に操作できます。
アクション | Windowsのショートカット | macOSのショートカット |
---|---|---|
元に戻す |
Ctrl キーを押しながら、Z キーを押します。 |
command キーを押しながら、Z キーを押します。 |
やり直す |
Ctrl キーを押しながら、Y キーを押します。 |
command キーを押しながら、Y キーを押します。 |
保存 |
Ctrl キーを押しながら、S キーを押します。 |
command キーを押しながら、S キーを押します。 |