アプリを使用してチェックアウト設定をカスタマイズする
アプリでチェックアウトページ、サンキューページ、注文状況ページをカスタマイズできます。アプリ開発者やShopifyパートナーは、アプリを開発して、Shopify App Storeで公開します。一般公開されているアプリをインストールしたり、開発者とカスタムアプリを作成したり、Shopifyパートナーを雇ったりすることができます。
アプリを管理画面にインストールした後、チェックアウト・アカウントエディタを使用することにより、インストールしたアプリをチェックアウトページ、サンキューページ、注文状況ページに追加することができます。一部のチェックアウトアプリは、ページの特定のエリアにのみ追加できます。
目次
アプリの公開状況
サンキューページや注文状況ページを含むチェックアウトをカスタマイズに使用する一部のアプリは、ベーシックプラン以上のビジネスで利用できます。
| アプリのタイプ | ベーシックプラン以上 | Shopify Plus |
|---|---|---|
| ウェブピクセルのアプリ拡張機能で構築されたアプリ | ✔ | ✔ |
| 購入後のアプリ拡張機能で構築されたアプリ | ✔ | ✔ |
| Shopify Functionsで構築された公開アプリ | ✔ | ✔ |
| Shopify Functionsで構築されたカスタムアプリ | ✘ | ✔ |
| サンキューページおよび注文状況ページ用のUI拡張機能を備えたアプリ | ✔ | ✔ |
| 情報ページ、配送ページ、決済ページ用のUI拡張機能を備えたアプリ | ✘ | ✔ |
| Checkout Blocksは、UI拡張機能とFunctionsを使用してチェックアウトをカスタマイズするための無料のアプリです。 | ✘ | ✔ |
アプリをインストール
チェックアウトページ、サンキューページ、注文状況ページに追加したい機能がある場合、それらの機能を提供できるアプリを探しましょう。アプリ開発者やShopifyパートナーにカスタムアプリを開発してもらうか、Shopify App Storeから外部アプリをインストールすることができます。
手順
- Shopify App Storeに進み、ビジネスに合ったチェックアウトアプリを検索します。
- [アプリを追加する] をクリックします。
- [アプリをインストール] をクリックします。
インストールしたアプリをページに追加する
アプリをインストールした後で、チェックアウト・アカウントエディタを使用して、そのアプリをページに追加する必要があります。一部のアプリは、チェックアウトの特定のエリアにのみ追加できます。強調表示されたエリアごとに、3個のアプリまでという制限があります。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
上部のメニューバーで、アプリを追加するページを選択します。
[⊕ アプリブロックを追加] をクリックします。
[このページでアプリを利用できます] セクションで、チェックアウトに追加するアプリをクリックします。追加したアプリは、ページの推奨エリアに自動的に配置されます。
[保存] をクリックします。
アプリを移動して配置する
指定したページのブロック内にアプリを移動して配置することができます。一部のアプリは、ページの特定のエリアにしか配置できません。アプリをドラッグ&ドロップしようとすると、配置できないエリアはグレーアウトされます。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
移動するアプリを見つけます。
アプリの横にある [⠿] アイコンをクリックしてドラッグすると、そのアプリを他のエリアに移動できます。
[保存] をクリックします。
アプリを設定する
アプリの設定はカスタマイズできます。各アプリによってカスタマイズできる設定は異なります。アプリの設定は、アプリを作成した開発者またはパートナーによって定義されます。独自の開発チームがある場合は、どの設定を自身でカスタマイズできるようにするかを指定できます。
たとえば、カスタムバナーを作成できるアプリを使用する場合、バナーのタイトル、説明、ステータスをカスタマイズできます。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
設定するアプリをクリックします。
アプリの設定をカスタマイズします。
[保存] をクリックします。
アプリの動作制御を管理する
アプリを設定する際、アプリの動作制御を管理することもできます。制御を管理することにより、以下の動作を管理できます。
- アプリによるチェックアウトのブロックを許可する
-
簡単なチェックアウトにアプリを含める
- セクションを自動的に展開してアプリを表示する
設定しているアプリによっては、特定の制御機能を利用できない場合があります。
アプリによるチェックアウトのブロックを許可する
お客様がアプリ内で提供した情報が不十分または無効である場合には、アプリがチェックアウトをブロックして注文を拒否できるように選択できます。
たとえば、チェックアウトにチェックボックスを追加するアプリを利用していて、お客様はチェックボックスにチェックを入れる必要があるとします。このアプリがチェックアウトをブロックすることを許可した場合、お客様がチェックボックスにチェックを入れないと、注文は自動的に拒否されます。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
設定するアプリをクリックします。
右側のサイドバーの [チェックアウトの挙動] セクションで、[アプリによるチェックアウトのブロックを許可する] を選択します。
[アプリによるチェックアウトのブロックを許可する] をクリックします。
[保存] をクリックします。
簡単なチェックアウトにアプリを含める
簡単なチェックアウトに、Shop Payなどのアプリを含めるかどうかを選択できます。また、簡単なチェックアウトで、アプリが折りたたまれたセクションを自動的に展開することを許可することができます。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
設定するアプリをクリックします。
[チェックアウトの挙動] セクションで、[アプリをエクスプレスチェックアウトに含める] を選択します。
オプション：閉じられたセクションを展開するには、[セクションを自動的に展開してアプリを表示する] を選択します。
[保存] をクリックします。
オプション：簡単なチェックアウトがストアでどのように表示されるかをプレビューするには、チェックアウトエディタの右上隅にあるチェックアウトアイコンをクリックします。
チェックアウト時に表示される購入後ページに機能を追加する
お客様のチェックアウト時に、購入後アプリを使用してお客様アンケートやアップセルオファーなどの機能を追加できます。これらのアプリを使用すると、お客様が決済を完了した後に、お客様に対して注文の確認ページが表示される前にコンテンツを追加できます。
購入後ページに機能を追加するには、チェックアウトアプリをインストールして設定し、チェックアウト設定の購入後ページで使用するアプリを選択する必要があります。
購入後の機能を追加するために使用できるチェックアウトアプリは、一度に1つのみです。購入後の機能を備える複数のアプリをインストールしている場合は、チェックアウト設定で使用するアプリを選択できます。
チェックアウトアプリをインストールして購入後の機能を追加する
購入後ページに機能を追加するには、チェックアウト時に表示される購入後機能に対応する外部アプリを使用する必要があります。
外部アプリについてのサポートが必要な場合は、アプリ開発者にお問い合わせください。
手順
- Shopify App Storeに進み、あなたのビジネスに合った購入後アプリを検索します。
- [アプリを追加する] をクリックします。Shopifyアカウントにログインしていない場合は、ログインするよう求められます。
- [アプリをインストール] をクリックします。
- 管理画面の [アプリ] セクションに移動し、チェックアウトアプリの名前をタップします。
- 必要な設定を入力します。
購入後ページで使用するアプリを選択する
チェックアウトアプリをインストールして設定した後、チェックアウト設定の購入後ページで使用するアプリを選択する必要があります。
チェックアウト設定で使用を希望するアプリを変更することもできます。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[購入後ページ] セクションで、使用を希望するチェックアウトアプリを選択します。
アプリを削除する
チェックアウトからアプリを削除できます。アプリを管理画面から完全に削除するには、アプリをアンインストールする必要があります。
手順
管理画面から、[設定] > [チェックアウト] に移動します。
[設定] セクションで、カスタマイズするチェックアウト設定の横にある [カスタマイズ] をクリックします。
チェックアウトから削除するアプリをクリックします。
[チェックアウトからアプリを削除する] をクリックします。
[保存] をクリックします。