DOCS

Checkoutデザイン

Checkoutデザイン

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

ロゴ、ファビコン、ブランドカラーで国際Checkoutページをカスタマイズし、Checkout体験をパーソナライズできます。

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

  1. Dashboard -> Settings -> Checkout -> Appearance に移動します。
  2. Upload new logo をクリックします。
  3. コンピューターからファイルを選択し、Open をクリックします。

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

  1. Dashboard -> Settings -> Checkout -> Appearance に移動します。
  2. Upload new favicon をクリックします。
  3. コンピューターからファイルを選択し、Open をクリックします。

保存するファビコンファイルの取得

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

  1. ウェブサイトにアクセスします。
  2. ページを右クリックし、ドロップダウンから View page source を選択します。
  3. ctrl+f(Macではcommand+f)で「favicon」を検索し、ファビコンを見つけます。
  4. 表示されたファビコンリンクをクリックして画像を表示します。
  5. 画像を右クリックし、ICO形式で保存します。
    1. ICO形式で保存できない場合は、現在の形式で保存し、ConvertioなどのツールでICOファイルに変換します。

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

  1. Dashboard -> Settings -> Checkout -> Appearance に移動します。
  2. Colors で変更したいカラーをクリックします。
  3. プリセットカラーを選択するか、希望のHexカラーコードを入力します。

ブランドカラーのHexカラーコードが必要な場合は、ブラウザのカラーピッカー拡張機能でウェブサイトから取得できます。

カスタマイズ可能な要素

Checkoutページには最大3色を設定できます。

  • Primary color(ラジオボタン、チェックボックス、入力、リンク)
  • Button color(注文確定のCheckoutボタンの色)
  • Header color(ヘッダーの背景色)

Checkoutデザインをプレビューするには、テスト注文を作成します。手順:

  1. Dashboardで Orders に移動します。
  2. Test Mode に切り替え -> Create test order をクリック
  3. テスト注文の詳細を入力し、Create order をクリックします。

Checkoutには Appearance セクションで設定したデザインが表示されます。

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