精算ページをサイトのデザインに合わせて調整します。

サイトの見た目に合わせて精算ページのスタイルを設定します。ヘッダーの配置、テキスト、背景、ボタンの色をカスタマイズできます。これらの変更は、寄付ブロックの精算ページにも適用されます。

精算ページをカスタマイズする他の方法については、「精算エクスペリエンスをカスタマイズ」および「アクセスしやすいCommerceサイトを作成する」を参照してください。

注意: 現時点では、精算ページのテキストは変更できません。

動画を見る

精算ページのスタイルを設定する

1. [ページ] パネルを開き、一番下までスクロールして [システム ページ] をクリックし、[精算] をクリックします。
2. Use style tweaks to customize different elements of the page.
3. When you’re finished styling the checkout page, click Save.

「精算は無効になっています」というバナーが表示されます。つまり、加えた変更はまだ表示されませんが、ページのスタイルを設定している間も、お客様は商品を購入できます。変更は、ページを保存するまで表示されません。

以下の要素を調整できます。

• 背景の色
• サイト ロゴを表示
• Title Color - Change your Site Title color, if Show Site Logo is unchecked.
• ヘッダーの色
• ヘッダー境界線の色
• ヘッダーの配置位置 - ヘッダーの左、中央、または右にタイトルまたはロゴを表示します。
• ボタンの色 - [続行] ボタンや [引き換える] ボタンなどの、ページ上のボタンを変更します。色を透明または白に変更することはおすすめしません。ボタンのテキストは変更できないため、色を透明または白に変更するとボタンが隠れ、顧客が取引を続行できなくなります。

Note: It's not possible to change the appearance of your site title on the checkout page.

精算後

精算後に表示されるページは、顧客の購入内容によって異なります。

注文状況ページ: 有形商品、デジタル商品、サービス商品

顧客が有形商品、デジタル商品、またはサービス商品を購入した場合は、注文状況ページが表示されます。このページには、ほとんどの注文の詳細と顧客用アカウントを作成するオプションが含まれています。常に白い背景で、標準フォントが使用されます。サイト スタイルで注文状況ページをカスタマイズすることはできません。注文状況ページをプレビューするには、「顧客が商品を購入する方法」を参照するか、サポートされている商品タイプでテスト注文を実行します。

注: サポートされている商品タイプのテスト注文を実行したときに注文状況ページが表示されない場合は、サイトにコード挿入を追加したことが原因と考えられます。詳細については、「コード挿入を使用する」を参照してください。

注文確認ページ: サブスクリプション、ギフト カード、メンバーシップ

顧客がサブスクリプション、ギフト カード、またはメンバーシップを購入した場合、よりわかりやすい注文確認ページが表示され、「注文が確認されました」というテキストと注文番号が表示されます。このページは、サイトのスタイルに従います。注文確認ページをプレビューするには、サポートされている商品でテスト注文を実行します。

注文確認ページのテキストのスタイルを設定する方法は、サイトのバージョンによって異なります。

フォントと色の変更の詳細については、「スタイルを変更する」を参照してください。

Order confirmation page header content

精算ページに画像やその他のコンテンツを追加することはできません。ただし、バージョン7.0では、これらのテンプレート ファミリーでは、注文確認ページやショッピング カート、検索の既定の404ページのコンテンツが表示されます。

• Avenue
• Farro
• Five
• Wexley
• York

これらのテンプレート ファミリー内の不要なヘッダー コンテンツを削除するには、既定の404ページを編集するか、カスタム404ページを作成します。

次のステップ

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

• Accept Apple Pay for faster checkout.
• Add a gift message or delivery instructions field.
• サイトの利用規約とポリシーを表示する。
• ニュースレターの購読オプションを追加する。
• [買い物を続ける] ボタンを追加する。

詳細については、「精算エクスペリエンスをカスタマイズする」を参照してください。