DOCS

Customize appearance

/

Checkoutの外観をカスタマイズする

CheckoutとHelloをブランドに合わせてカスタマイズします。

Zonos Checkoutは、ブランドの美学やオンラインプレゼンスに最適な外観を見つけるためのいくつかのカスタマイズオプションをサポートしています。これらのオプションは、ダッシュボードまたはZonos APIを介して設定できます。Checkoutに適用したテーマのカスタマイズは、Zonosを使用した国際eコマース体験全体に反映されます。つまり、Zonos HelloやZonosから送信されるすべての顧客向けの注文メールも一致します。

カスタマイズされたCheckoutの例

利用可能なカスタマイズ 

テーマをカスタマイズする際に利用可能なカスタマイズは以下の通りです:

  • カラースキーム:Checkoutは、国際的なショッパー体験全体の基本色を調整するために、ライトモードまたはダークモードの色をサポートしています。あなたのストアに最適なものを選択してください。
  • ロゴ:Checkoutは、checkoutインターフェース、注文メールなどにロゴを表示することをサポートしています。
  • 主要ブランドカラー:あなたの主要ブランドカラーを指定することができ、これによりショッパー体験全体で一貫したアクセントカラーが提供されます。デフォルトでは、アップロードしたロゴから自動的に取得されますが、好きな色に上書きすることができます。
  • アクセントブランドカラー:アクセントブランドカラーを指定することができ、これによりショッパー体験全体で一貫した二次色が提供されます。デフォルトでは、アップロードしたロゴから自動的に取得されますが、好きな色に上書きすることができます。
  • UIスタイル:さまざまなUIスタイル(「丸みを帯びた」や「シャープ」など)から選択してCheckoutインターフェースの外観を調整できます。

これらのカスタマイズはCheckout、Hello、および関連する顧客向けの注文通知メールにのみ適用されます。Zonosが提供する体験以外のサイトの残りの部分には影響しません。

ブランディング設定

外観設定の変更 

Dashboard
GraphQL

ダッシュボードからCheckoutの外観設定を調整するには:

  1. ダッシュボード -> 設定 -> ブランディングに移動します。
  2. 必要に応じて設定を調整します。調整中にライブプレビューが表示されます。設定を調整しても、変更を保存するまでライブcheckoutフローには影響しません。
  3. 変更に満足したら、保存をクリックします。

モバイルとデスクトップのビューを切り替えて、各デバイスでの変更の見え方を確認し、実際のウェブサイトでの変更の見え方をプレビューできます。

このページは役に立ちましたか?