アプリを使用してチェックアウトをカスタマイズする

チェックアウトにアプリを追加して、チェックアウトをカスタマイズできます。アプリ開発者やShopifyパートナーは、アプリを開発して、Shopify App Storeで公開します。一般公開されているチェックアウトアプリをインストールしたり、開発者とカスタムアプリを作成したり、Shopifyパートナーを雇ったりすることができます。

チェックアウトアプリを管理画面にインストールした後で、チェックアウトエディタを使用してチェックアウトにチェックアウトアプリを追加することができます。一部のチェックアウトアプリは、チェックアウトの特定のエリアにのみ追加できます。

アプリの公開状況

チェックアウトをカスタマイズまたは拡張する一部のアプリを利用できるのは、ベーシックプラン以上に登録しているビジネスです。利用可能なアプリでは、チェックアウトエディタを使用する必要はありません。これは、Plusプランのみで利用できるチェックアウトの拡張機能です。

アプリのタイプ ベーシックプラン以上 Shopify Plus
ウェブピクセルのアプリ拡張機能で構築されたアプリ
購入後のアプリ拡張機能で構築されたアプリ
Shopify Functionsで構築された公開アプリ
Shopify Functionsで構築されたカスタムアプリ
チェックアウトのUI拡張機能で構築されたアプリ

Plus以外のプランでのチェックアウトのカスタマイズについて詳しくは、こちらをご覧ください。

アプリをインストール

チェックアウトに追加したい機能がある場合、その機能を提供するアプリがないか探してみます。アプリ開発者やShopifyパートナーにカスタムアプリを開発してもらうか、Shopify App Storeから外部アプリをインストールすることができます。

手順:

  1. Shopify App Storeに進み、ビジネスに合ったチェックアウトアプリを検索します。
  2. [アプリを追加する] をクリックします。
  3. [アプリをインストール] をクリックします。

インストールしたアプリをチェックアウトに追加する

アプリをインストールした後で、チェックアウトエディタを使用してそのアプリをチェックアウトに追加する必要があります。一部のアプリは、チェックアウトの特定のエリアにのみ追加できます。強調表示されたエリアごとに、3個のアプリまでという制限があります。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. 上部のメニューバーで、アプリを追加するチェックアウトページを選択します。
  4. [アプリブロックを追加] をクリックします。
  5. [このページでアプリを利用できます] セクションで、チェックアウトに追加するアプリをクリックします。アプリは、チェックアウトの推奨エリアに自動的に配置されます。
  6. [保存] をクリックします。

チェックアウトにアプリを追加した後で、アプリを移動して希望するチェックアウトの領域に配置することができます。

アプリを移動して配置する

該当するチェックアウトエリアのブロック内で、アプリを移動し配置することができます。一部のアプリは、チェックアウトの特定のエリアにしか配置できません。アプリをドラッグアンドドロップしようとすると、配置できないエリアはグレーアウトされます。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. 移動するアプリを見つけます。
  4. アプリの横の [⋮⋮] アイコンをクリックしてドラッグすると、アプリを他のエリアに移動できます。
  5. [保存] をクリックします。

アプリを設定する

チェックアウトアプリの設定をカスタマイズできます。各アプリによってカスタマイズできる設定は異なります。アプリの設定は、アプリを作成した開発者またはパートナーによって定義されます。独自の開発チームがある場合は、どの設定を自身でカスタマイズできるようにするかを指定できます。

たとえば、カスタムバナーを作成できるアプリを使用している場合、バナーのタイトル、説明、ステータスをカスタマイズできます。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. 設定するアプリをクリックします。
  4. アプリの設定をカスタマイズします。
  5. [保存] をクリックします。

アプリの動作制御を管理する

アプリを設定する際、アプリの動作制御を管理することもできます。制御を管理することにより、以下の事柄を行うことができます。

  • アプリによるチェックアウトのブロックを許可する
  • 簡単なチェックアウトにアプリを含める
    • セクションを自動的に展開してアプリを表示する

設定しているチェックアウトアプリによっては、特定の制御を利用できない場合があります。

アプリによるチェックアウトのブロックを許可する

お客様がアプリ内で提供した情報が不十分または無効である場合には、アプリがチェックアウトをブロックして注文を拒否できるように選択できます。

たとえば、チェックアウトにチェックボックスを追加するアプリを利用していて、お客様はチェックボックスにチェックを入れる必要があるとします。このアプリがチェックアウトをブロックすることを許可した場合、お客様がチェックボックスにチェックを入れないと、注文は自動的に拒否されます。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. 設定するアプリをクリックします。
  4. 右側のサイドバーの [チェックアウトの挙動] セクションで、[アプリによるチェックアウトのブロックを許可する] を選択します。
  5. [アプリによるチェックアウトのブロックを許可する] をクリックします。
  6. [保存] をクリックします。

簡単なチェックアウトにアプリを含める

簡単なチェックアウトに、Shop Payなどのアプリを含めるかどうかを選択できます。また、簡単なチェックアウトで、アプリが折りたたまれたセクションを自動的に展開することを許可することができます。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. 設定するアプリをクリックします。
  4. [チェックアウトの挙動] セクションで、[アプリをエクスプレスチェックアウトに含める] を選択します。
  5. オプション:閉じられたセクションを展開するには、[セクションを自動的に展開してアプリを表示する] を選択します。
  6. [保存] をクリックします。
  7. オプション:簡単なチェックアウトがストアでどのように表示されるかをプレビューするには、チェックアウトエディタの右上隅にあるチェックアウトアイコンをクリックします。

アプリを削除する

チェックアウトからアプリを削除できます。アプリを管理画面から完全に削除するには、アプリをアンインストールする必要があります。

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。
  2. [チェックアウトのカスタマイズ] セクションで、編集するチェックアウトの横にある [カスタマイズ] をクリックします。
  3. チェックアウトから削除するアプリをクリックします。
  4. [チェックアウトからアプリを削除する] をクリックします。
  5. [保存] をクリックします。

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

無料体験を試す