【Shopify】1ページチェックアウトの紹介

1ページチェックアウトの紹介・概要説明

今回は2023年10月2日にShopifyのチェックアウトページに新しく追加された1ページチェックアウトについてご紹介いたします。

1ページチェックアウトとはこれまでの3ページチェックアウトとは違いチェックアウトページ間の移動を行わず、同一ページ内で情報入力と支払いが完了できるチェックアウトページになっております。

1ページチェックアウトの利点
ECサイトにおける平均的なカート放棄率は約 70% とも言われています。
参考資料：https://www.shopify.com/blog/1-click-checkout#2
その理由として購入完了までの導線が長く複雑であるという点が挙げられます。しかし、Shopifyの1ページチェックアウトであれば、消費者が以前にチェックアウトしたことのある優先支払い方法を使用してワンクリックで購入することができ、スマートフォンのような画面が小さいデバイスであっても、シームレスにチェックアウトまで進めることが可能になりました。2023年2月に開催された「Shopify Editions Winter '23」にてShopify Japan株式会社は「モバイルで＋91%、デスクトップで＋56％のCVR向上が期待できる」と発表しています。

このように1ページチェックアウトで購入に必要な時間と労力が削減されたことにより、CVR向上が期待できるというのが大きなメリットになります。

1ページチェックアウトが実装されるまでの経緯

2023年10月2日と11月16日に２段階に分かれてリリースが実施されました。

・10月2日リリース内容

Shopify Plus以外のストアのチェックアウトページが全て1ページチェックアウトに変更が行われました。この時点ではカスタマイズ画面で従来の3ページチェックアウトに戻す設定はありませんでした。
Shopify Plusストアではチェックアウトページのレイアウト変更は行われず、カスタマイズ画面で従来の3ページチェックアウトと新しく実装された1ページチェックアウトを設定することが出来ました。

・11月16日リリース内容

これまでShopify Plus以外のストアは先ほど述べた通り従来の3ページチェックアウトを選択することが出来ませんでしたが今回のリリースでShopify Plusストアと同様に3ページチェックアウトを選択出来るようになりました。

1ページチェックアウト/3ページチェックアウト設定方法

1ページチェックアウトと3ページチェックアウトの設定方法は2種類あります。

テーマから編集する方法

①Shopify管理画面＞②テーマ＞③カスタマイズ＞④左側歯車マーク「テーマ設定」＞⑤チェックアウト ＞⑥チェックアウトのレイアウト＞⑦プルダウンメニューから選択

Shopify管理画面からテーマ＞カスタマイズを選択

左側にある歯車マークを押下し、チェックアウトを選択

下に少しスクロールをすると「チェックアウトのレイアウト」項目があるのでプルダウンメニューから1ページチェックアウトと3ページチェックアウトを切り替えることができます。

設定画面から編集する方法

①Shopify管理画面＞②設定＞③チェックアウト＞④チェックアウトをカスタマイズ＞⑤チェックアウトのレイアウト＞⑥プルダウンメニューから選択

Shopify管理画面から左下の設定を選択

設定を開き、「チェックアウト」を押下し「チェックアウトをカスタマイズ」を選択

下にスクロールをすると「チェックアウトのレイアウト」項目があるのでプルダウンメニューから1ページチェックアウトと3ページチェックアウトを切り替えることができます。

1ページチェックアウト＝3ページチェックアウトでどう違うのか

1ページチェックアウトと3ページチェックアウトの比較をしていきたいと思います。

こちらが1ページチェックアウト時のレイアウトになります。
配達先住所や配達方法、決済方法まですべてが1ページで完結しています。

続いてこちらが従来の3ページチェックアウトのレイアウトになります。
配達先住所、配達方法、決済方法が違うページで行われるようになっています。それに伴い上部にパンくずリストが表示されています。
記載項目については1ページチェックアウトと3ページチェックアウトで異なる点はなく、同じ項目となっています。

注意点

Shopify Plusストア以外でもチェックアウトページを選択可能になりましたが、10/2のリリースタイミングで1ページチェックアウトにレイアウト変更されています。
そのため設定を任意で変更していない限り1ページチェックアウトのままになっているため従来の3ページチェックアウトに戻したい場合は変更をする必要があります。

まとめ

今回はShopifyに新しく導入された1ページチェックアウトについてご説明しました。
1ページチェックアウトでは購入完了までのページ遷移がないため、従来の3ページチェックアウトよりも早く注文完了をさせることが出来ます。現在ではどのストアでも選択することができ、概要でもご説明した通りCVR向上といった大きなメリットもございますので、ぜひ導入を検討してみてください。