> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ポストパーチェスのブランディング設定

> ポストパーチェスページが Shopify のチェックアウトブランディングをどのように継承するか、そして Shopify プランに応じてそれらのブランディング設定をどこで編集するかを説明します。

ポストパーチェスページのスタイルは、チェックアウト、サンキューページ、注文ステータスページと同じ設定である **Shopify のチェックアウトブランディング**によって決まります。ポストパーチェスページ独自のスタイル設定はありません。

<Note>
  ストアが Shopify Plus プランでない場合、Aftersell エディターのプレビューは実際のページと一致しません。これらのプランでは Shopify がアプリにブランディングの読み取りを許可していないため、プレビューはデフォルトの Shopify 設定にフォールバックします。

  これはプレビューにのみ影響します。実際のポストパーチェスページには、引き続き本来のブランディングが適用されます。確認するには、テスト注文を行ってポストパーチェスページをチェックしてください。

  チェックアウトエディターにはポストパーチェスページが表示されないため、そこでプレビューできるものはありません。それでもブランディングは背後で適用されます。
</Note>

ブランディングをどこで編集するかは、Shopify プランによって異なります。

<div id="if-you-are-not-on-shopify-plus-also-works-for-shopify-plus">
  ## Shopify Plus でない場合(Shopify Plus でも利用可能)
</div>

Shopify は、Plus プランでのみアプリによるチェックアウトブランディングの読み書きを許可しているため、Aftersell はブランディングを表示・変更できません。代わりに Shopify のチェックアウトエディターで変更してください。開くには、Shopify 管理画面で **Settings → Checkout** に移動し、**Customize** をクリックします:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-branding-opening-settings-checkout-customization.gif?s=b3a1fe180f95e25b418dcc69e53f306b" alt="Shopify の Settings Checkout ページとブランディングカスタマイズエディターを開いている様子" width="2400" height="1080" data-path="images/aftersell/ppu-branding-opening-settings-checkout-customization.gif" />

チェックアウトエディターにはポストパーチェスページが表示されないため、そこでプレビューできるものはありません。それでもブランディングは適用されます。

**Colors → Buttons** の設定は、マーチャントから最も質問が多い項目です。この設定は、ポストパーチェスページの「Add to order」ボタンと次のステップへ進むボタンを制御します:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif?s=966bf2ad4958a633fbb79e3410c57c47" alt="Buttons のカラーフィールドがハイライトされたチェックアウトエディターの Settings パネル" width="1344" height="1080" data-path="images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif" />

<div id="if-you-are-on-shopify-plus">
  ## Shopify Plus の場合
</div>

Aftersell の **Settings → Checkout branding** で、ブランディングを直接編集できます。変更内容は Shopify のチェックアウトブランディングに直接書き込まれるため、チェックアウト、ポストパーチェス、サンキューページ、注文ステータスページに適用されます。[Checkout Branding Settings](https://docs.aftersell.com/aftersell/checkout_branding_settings#checkout-branding-settings) も参照してください。

これらのプランでは、Aftersell エディターのプレビューにも実際のブランディングが表示されるため、注文を行わなくてもスタイリングを確認できます。

必要に応じて、代わりに Shopify のチェックアウトエディターを使用することもできます。どちらも同じ設定に書き込まれるため、いずれか一方だけで十分です。

***

Shopify チェックアウトエディターの多くのフィールドは、Aftersell のポストパーチェスページと連動しています。以下の対応表は、どの Shopify チェックアウト設定がポストパーチェスアップセルページのどの要素を制御するかを示しています:

| Shopify チェックアウトの設定                       | ポストパーチェスページで制御する要素             |
| :--------------------------------------- | :----------------------------- |
| **Logo**(画像、位置、サイズ)                      | ページ上部のストアロゴ                    |
| **Main content area → Background color** | ページの背景                         |
| **Order summary → Background color**     | オファーサマリーの背景                    |
| **Typography → Headings**                | オファーと商品の見出し                    |
| **Typography → Body**                    | 本文テキスト                         |
| **Colors → Accents**                     | リンク、ハイライト、チェックマーク              |
| **Colors → Buttons**                     | 「Add to order」ボタンと次のステップへ進むボタン |
| **Form fields**                          | バリアントと数量のフォームフィールド             |

たとえば、Shopify チェックアウトのボタンカラーは、ポストパーチェスページのボタンカラーにそのまま反映されます:

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif?s=6723f0540ebe555dc71715101ce120d2" alt="Shopify チェックアウトのブランディング設定とポストパーチェスページの要素の対応を示す番号付き図" width="1048" height="1080" data-path="images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif" />

***