チェックアウトのスタイルをカスタマイズする

オンラインストアを使用して商品を販売している場合は,テーマエディタでチェックアウトページのスタイルをカスタマイズできます。会社ロゴを追加,色を変更または新しいフォントを選択してチェックアウトとビジネスを一致させます。

チェックアウトページに多くの色や関心を加えたいと思われるかもしれませんが,このページではデザインをシンプルに保つことが最適です。お客様は,これらのペ,ジを使用して注文の配送情報と支払い情報を入力します。そのため,気が散ったり情報が読みにくくなったりないようにする必要があります。コントラストの高い色と,ペ,ジ上の単語から注意を引かない画像を選択してください。

バナ,用の背景画像をアップロ,ドします。

チェックアウトペ,ジの一番上のバナ,にストア名が表示されます。そのバナ,の背景画像は変更できます。ブランドと一致する画像を選択します。たとえば,ジュエリ,を販売している場合はカラフルなビ,ズの画像が適しているでしょう。バナ,画像は1000 × 400ピクセルの解像度が一番魅力的に見えます。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]

  2. [バナ]セクションで,[画像をアップロ,ド]をクリックするか,すでにラ。

  3. [保存]をクリック

チェックアウトペ,ジにロゴを追加する

チェックアウトペ,ジにストアロゴを追加できます。バナ,画像を使用している場合,ロゴは一番上に表示されます。チェックアウトページのバナーエリアの左、右または中央にロゴを配置できます。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]

  2. [ロゴ]セクションで,[画像をアップロ,ド]をクリックするか,すでにラ。

  3. ロゴの位置を変更します。

  4. ロゴのサ@ @ズを変更します。

  5. [保存]をクリック

メ▪▪ンコンテン▪▪エリアに背景画像または色を追加する

チェックアウトペジのメンコンテンエリアに背景画像または色を追加できます。これは,お客様が出荷および支払い情報を入力する領域です。。背景画像と色の両方を追加することはできません。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]
  2. [メepンコンテンエリア]セクションで,背景色または画像を追加します。

    • 色を追加する場合,[中文]の横にあるボックスをクリックしてカラーピッカーを開き,色を選択するか,16進数のコードを入力します。
    • 画像をアップロ,ドする場合,[画像をアップロ,ド]をクリックするか,すでにラ。小さな画像は,タ。
  3. [保存]をクリック

フォ,ムフィ,ルドの色を変更する

。背景画像が透けて見えるよう,フィールドを透明にすることができます。フィ,ルドのテキストがはっきり見えるようにしてください。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]

  2. [メepンコンテンエリア]セクションで,[フォ,ムフィ,ルド]

  3. [保存]をクリック

注文概要に背景画像または色を追加する

お客様がチェックアウトペ,ジで[注文概要を表示]をクリックすると,購入しようとしている商品のリストが表示されます。注文概要には,背景画像または色を追加することができます。選択した内容をプレビュ,して,注文の概要がどのように見えるかを確認してください。テ,マエディタのプレビュ,で,[注文概要を表示]をクリックできます。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]
  2. [ご注文概要]セクションで,背景色または画像を追加します。

    • 色を追加する場合,[中文]の横にあるボックスをクリックしてカラーピッカーを開き,色を選択するか,16進数のコードを入力します。
    • 画像をアップロ,ドする場合,[画像をアップロ,ド]をクリックするか,すでにラ。小さな画像は,タ。
  3. [保存]をクリック

チェックアウトペ,ジの画像を変更または削除する

チェックアウトペ,ジに追加した画像はどれでも変更または削除できます。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]

  2. 置き換えたい画像の下で,[更新]をクリックして画像をアップロドするか,ラブラリから選択します。

  3. [保存]をクリック

画像を削除するには,画像の下の[削除]をクリックします。この操作を行っても,Shopifyから画像が削除されることはありません。

画像の代替テキストを追加する

チェックアウトペ,ジの画像に満足したら,画像の代替テキストを追加するとよいでしょう。このテキストは,アクセシビリティとseoに役立ます。検索エンジンの最適化にいて詳しくはこら

手順:

  1. 画像の下で[更新]をクリックしてから,[画像を編集]を選択します。

  2. 。画像に短い説明的なタ@ @トルを選択します。

  3. [保存]をクリック

チェックアウトページのフォントを変更する

フォントのリストから選択し,チェックアウトペ,ジをカスタマ,ズできます。チェックアウトペ,ジのテキストの色は変更できません。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトをカスタマ电子邮箱ズ]をクリックします。

  2. テ,マエディタで,[チェックアウト設定を開く]をクリックします。

  3. []セクションで,[タaapl . aapl . cn]

  4. [見出し]ドロップダウンまたは[本文]ドロップダウンをクリックして,フォントを選択します。

  5. [保存]をクリック

チェックアウトページのボタンおよびアクセントの色を変更する

チェックアウトページのボタン,エラーメッセージ,リンクなどのアクセントの色を変更することができます。色を変更する場合は,メインコンテンツエリアと注文概要の背景に対し,テキストがはっきりと読めることを確認してください。

手順:

  1. [スタ电子邮箱ル]セクションで,[チェックアウトのカスタマ电子邮箱ズ]

  2. [色]セクションで[アクセント][ボタン][エラ]の横にあるカラーボックスをクリックしてカラーピッカーを開き,色を選択するか,16進コードを入力します。

  3. [保存]をクリック

チェックアウト時に表示される購入後ペ,ジに機能を追加する

お客様のチェックアウト時に,購入後アプリを使用してお客様アンケートやアップセルオファーなどの機能を追加できます。これらのアプリを使用すると,お客様が決済を完了した後に,お客様に対して注文の確認ページが表示される前にコンテンツを追加できます。

購入後ペ,ジに機能を追加するには,チェックアウトアプリを▪▪ンスト▪▪ルして設定し,チェックアウト設定の購入後ペ,ジで使用するアプリを選択する必要があります。

一度に1のみのチェックアウトアプリを使用して,購入後の機能を追加できます。購入後の機能を備える複数のアプリをンストルしている場合は,チェックアウト設定で使用するアプリを選択できます。

チェックアウトアプリを▪▪ンスト▪▪ルして購入後の機能を追加する

購入後ページに機能を追加するには,チェックアウト時に表示される購入後機能に対応する外部アプリを使用する必要があります。

外部アプリにいてのサポトが必要な場合は,アプリ開発者にお問い合わせください

手順:

  1. Shopifyアプリストアに進み,あなたのビジネスに合った購入後アプリを検索します。
  2. [アプリを追加する]をクリックします。Shopifyアカウントにログインしていない場合は、ログインするよう求められます。
  3. [アプリをeconp econpンストル]をクリックします。
  4. 管理画面の[font =宋体]セクションに移動し,チェックアウトアプリの名前をクリックします。
  5. 必要な設定を入力します。

購入後ペ,ジで使用するアプリを選択する

チェックアウトアプリをインストールして設定した後,チェックアウト設定の購入後ページで使用するアプリを選択する必要があります。

チェックアウト設定で使用を希望するアプリを変更することもできます。

手順:

  1. 管理画面で,[設定]をクリックします。
  2. チェックアウトをクリックします。
  3. [購入後ペ,ジ]セクションで,使用を希望するチェックアウトアプリを選択します。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す