DOCS

Checkout デザイン

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デザインをプレビューする

checkoutデザインをプレビューするには、テスト注文を作成します。これを行うには、次の手順に従います:

  1. ダッシュボード注文に移動します。
  2. テストモードに切り替え -> テスト注文を作成をクリックします。
  3. テスト注文の詳細を入力し、注文を作成をクリックします。

その後、checkout外観セクションで設定したデザインを表示します。

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