DOCS

Checkout design

/

Checkout デザイン

ブランドのロゴ、ファビコン、色を追加します。

国際的なcheckoutページをロゴ、ファビコン、ブランドカラーでカスタマイズすることで、checkout体験を向上させましょう。

ロゴをアップロード

checkoutページにロゴをアップロードするには:

  1. ダッシュボード -> 設定 -> Checkout -> 外観に移動します。
  2. 新しいロゴをアップロードをクリックします。
  3. コンピュータからファイルを選択し、開くをクリックします。

ファビコンをアップロード

checkoutページにファビコンをアップロードするには:

  1. ダッシュボード -> 設定 -> Checkout -> 外観に移動します。
  2. 新しいファビコンをアップロードをクリックします。
  3. コンピュータからファイルを選択し、開くをクリックします。

ファビコンファイルを保存する方法

コンピュータにファビコンファイルがない場合は、以下の手順でウェブサイトから取得してダッシュボードにアップロードします。

  1. ウェブサイトに移動します。
  2. ウェブサイトのページを右クリックし、ドロップダウンからページのソースを表示を選択します。
  3. ctrl+f(Macの場合はcommand+f)を押して「favicon」という単語を検索します。
  4. 表示されたファビコンのリンクをクリックして画像を表示します。
  5. 画像を右クリックし、ICO形式で画像を保存します。
    1. 画像がICO形式で保存できない場合は、現在の形式で保存しConvertioのようなプログラムを使用してファイルをICOファイルに変換します。

色を変更

checkoutページの色をカスタマイズするには:

  1. ダッシュボード -> 設定 -> Checkout -> 外観に移動します。
  2. の下で、変更したい色をクリックします。
  3. プリセットの色を選択するか、希望する色のHexカラーコードを入力します。

ブランドカラーのHexカラーコードを見つけるのに助けが必要な場合は、ブラウザのカラーピッカー拡張機能を使用して、ウェブサイトからHexカラーコードを取得できます。

カスタマイズできる色の要素

checkoutページは最大3色までカスタマイズできます:

  • プライマリーカラー(ラジオボタン、チェックボックス、入力、リンク用)
  • ボタンカラー(注文を行うために押すcheckoutボタンの色)
  • ヘッダーの色(ヘッダーの背景色)

checkoutデザインのプレビュー

  1. ダッシュボード -> 設定 -> Checkout -> 外観に移動します。
  2. ページの右上にあるライブプレビューをクリックします。

ライブプレビューが表示されない場合のトラブルシューティング

ライブプレビューが表示されない場合は、以下の手順に従ってモックcheckoutを生成します。一度これを行うと、その後のプレビューでは追加の手順なしでライブプレビューが正しく機能します。

  1. ダッシュボード -> 注文 -> モックcheckoutに移動します。
  2. checkoutを生成をクリックします。

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