Shopifyのワンページ・チェックアウトを最適化する12のヒント

Shopifyのワンページ・チェックアウトを最適化する12のヒント

Shopifyのワンページチェックアウトを最適化し、コンバージョン率+60%を達成するための究極のガイドです。 ベーシックを含むすべてのShopifyプランに対応しています。

Shopifyのワンページ・チェックアウトを最適化する12のヒント

Shopifyの新しいワンページチェックアウトは、"古い "マルチステップチェックアウトよりもパフォーマンスが良いことはすでに知られています。 このガイドでは、パフォーマンスをさらに最適化し、+60%のコンバージョン率(入力されたチェックアウトと発注された注文で計算)を達成する方法に焦点を当てます。

始める前に、最適化のスペースが限られている(1ページしかない)ことを理解することが重要です。 また、モバイルEコマースはオンライン販売全体の60%を占めているため、常にモバイルを第一に考えてください。

Shopifyチェックアウトのカスタマイズは、一般的に、Shopify Plusでない限り、やや制限されますが、それでも最適化できることはたくさんあります。 このガイドにあるすべてのヒントは、あなたがどのShopifyプランであっても実行可能であり、Shopify Basic であってもすべてを実装する ことができます。

ヒント #1: コール・トゥ・アクションとして「今すぐ支払う」を使わない

これは私が最も気に入っている「ハック」です。 実装はとても簡単ですが、コンバージョン率に大きな影響を与えます。

デフォルトでは、Shopifyのワンページチェックアウトは、メインのコールトゥアクションボタンに "Pay now "ラベルを使用しています。 このような用語を使用すると、顧客の視点から、次のアクションは、支払いと送金のみに関連付けられます。

"Complete order" just sounds more clickable, doesn't it?
"注文完了 "の方が "クリックしやすい "ように聞こえますよね?

その代わりに、中立的/肯定的な側面に焦点を当て、ラベルを希望の製品を受け取ることに関連付けます。 私は次のようなテキストを使用することをお勧めします:

  • 注文完了
  • 購入を確認する
  • 注文する
  • 注文を送信する
  • 今すぐ購入

あなたは、あなたの店の管理 >販売チャネル>オンラインストア>テーマ> ライブテーマの3つのドットボタン >デフォルトのテーマの内容を編集し、 "今すぐ支払う "ラベルを検索して文言を編集することができます。 その後、あなたが好きなものに変更することができます。

ヒント #2: ソーシャルプルーフでカスタムロゴを使用する

チェックアウト時に社会的証明を表示することは、信頼とコンバージョンの増加につながる良い習慣です。 しかし、スペースが限られているため、1ページのチェックアウトで行うことはかなり困難です。

Shopifyは推奨サイズ1000 x 400 pxのヘッダーバナーの使用を提供しています。 問題は、バナーがモバイルでは読めず、デスクトップでは切れてしまうことです。 より良い解決策は、デスクトップとモバイルで異なるバナーを使用することでしょう。

An example of a custom checkout logo including social proof
ソーシャルプルーフを含むカスタムチェックアウトロゴの例

Shopifyでは、チェックアウトにカスタムロゴをアップロードすることができます。 ロゴを調整し、"Trust by XX shoppers "や "Need help? Call XX "のような小さなメモを追加することができます。 メモはモバイルでもデスクトップでも読みやすく、見栄えも良くなります。

ヒント3:入力欄を減らす

顧客が入力する項目は少なければ少ないほどよいのです。 入力項目のひとつひとつをよく考え、過去の注文を参考にして入力項目の使用状況を分析しましょう。

会社名が必要かどうかわからない場合は、注文履歴を見て、何人の顧客がそれを使用したかを確認してください。 もし、誰も使用しなかったり、ほとんど使用しなかった場合は、遠慮なく削除してください。住所2行目(アパート、ユニットなど)のフィールドも同様です。 オプションにしておくだけでも、一部の顧客を混乱させ、チェックアウトを視覚的に "長く "してしまう可能性があります。

Editing the required checkout fields in store admin
ストア管理画面で必須チェックアウトフィールドを編集する

必須チェックアウトフィールドを編集するには、ストア管理 >設定>チェックアウトに移動し、顧客情報のセクションを見つけます。

ヒント #4: すべてのポリシーを表示する

あなたのチェックアウトは信頼でき、コンプライアンスに準拠しているように見える必要があります。 あなたのストアにすべてのポリシードキュメントがロードされていることを確認してください。 ストア管理 >設定>ポリシーに進み、それらをアップロードすることができます。 それらはあなたのチェックアウトのフッターに自動的に表示されます。

Displayed business terms and policies are increasing the trust of your checkout
表示されたビジネス規約やポリシーは、チェックアウトの信頼性を高めます。

ヒント #5: チェックアウトのスタイルをストアフロントに合わせる

チェックアウトプロセスに入ることは、購入までの道のりの一部であると感じるべきです。 違った印象を与えるべきではありません。 そうでなければ、顧客は信頼を失い、離脱してしまうかもしれません。

Shopifyのワンページチェックアウトの場合、それは店頭と同じフォント、色、ロゴ、メッセージを使うことを意味する。

Customizing the checkout design in theme editor
テーマエディターでチェックアウトのデザインをカスタマイズする

店舗管理 >オンラインストア>テーマ>カスタマイズ>テーマ設定(左メニュー) >チェックアウト.

ヒント #6: エクスプレスチェックアウトボタンの使用/削除を検討する

PayPalやShop Payのようなエクスプレスチェックアウトボタンは素晴らしいコンバージョンブースターになり得ます。 しかし、顧客がそれらを使用していない場合、それらは何の付加価値もなく、非常に目立つ位置にあるため、削除する必要があります。 それらの使用は、あなたの顧客の地域とあなたのビジネスセグメントに依存することに留意してください。 エクスプレスチェックアウトボタンがどのくらいの頻度で使用されているかを理解するために、注文データを確認することをお勧めします。

例えば、顧客がEコマースの経験が浅い店舗や、顧客の大半が企業である店舗では、エクスプレス・チェックアウトを使用していません。

Especially on mobile the express checkout buttons are very prominent
特にモバイルでは、エクスプレスチェックアウトボタンは非常に目立ちます。

ショップの管理画面 >設定>ペイメント> ショップペイとすべてのウォレット(Apple Pay、Google Payなど)を管理し、無効にすることで有効/無効にすることができます。

Shopify Marketsを使用している場合、市場ごとに使用方法をカスタマイズすることもできます。

ヒント #7: 不要なもの、関係ないものを取り除く

新しい1ページのチェックアウトでは、スペースが非常に限られており、買い物客の大半がモバイルデバイスを使用していることを考えると、一言一句が重要です。 私はモバイルチェックアウトページを印刷し、文字通り一語一句確認することをお勧めします。

以下は、私がいつも削除している箇所である:

  • 顧客アカウントを使用していない場合、"アカウントをお持ちですか? ログイン "を削除する。
  • 顧客がエクスプレス・チェックアウトや支払い・配送方法をほとんど利用していない場合、それらを削除する。
  • 希少なクレジットカードのロゴ(例:Discover、JCB、elo)

ヒント#8: 支払いと配送のオプションは最低限にとどめる

多くの支払い方法や配送方法は、顧客の混乱やチェックアウト時の離脱につながる可能性があります。 一般的に、支払い方法や配送方法の選択肢は±3種類を目安にしましょう。 それ以上ある場合は、それらの利用状況を分析し、めったに利用されないもの(つまり、利用率が数パーセントのもの)はやめることを検討しましょう。

国際的に販売している場合、支払いオプションのシェアは国によって異なることが多いので、これは難しいかもしれません。 また、銀行振込は北米では使われていませんが、ヨーロッパではかなり人気があるかもしれません。 その場合、それぞれの国に合わせて方法を調整するのがベストです。qikify Checkoutのようなアプリを使えば、顧客の国に基づいて支払い/配送方法を非表示にすることができます。 しかも、このアプリは無料です。

ヒント #9: 支払い・配送オプションを人気順に並べる

支払い方法と配送方法といえば、その利用状況に基づいて並べ替えるようにしましょう。 最初のものが常に最も人気のある選択肢であるべきです。

支払い方法の利用状況を把握するには、アナリティクス>レポート>タイプ別支払い をご覧ください。 残念ながら、配送オプションについては同様のレポートがないため、注文をエクスポートして外部ツールで分析を行う必要があります。

ヒント #10: 住所のオートコンプリートを使用する

住所オートコンプリートは、数文字の初期入力に基づいて住所を提案する人気の機能です。 これはGoogle Place Autocomplete APIを使用しており、結果は非常に信頼できます。

An example of the address autocompletion feature in checkout
チェックアウトでの住所オートコンプリート機能の例

この機能がストアで有効になっていることを確認するには、ストア管理 >設定>チェックアウト>住所収集の設定に進み、住所のオートコンプリートを使うにチェックが入っているかどうかを確認してください。 残念ながら、この機能はすべての国で利用できるわけではありません(表は古い可能性がありますのでご注意ください)。

ヒント #11: 購入後にアップセルのオファーを表示する

シングルページチェックアウトのゴールはただ1つ、顧客を成功裏に取引完了に導くことです。 注意をそらすものは、このゴールを危険にさらし、コンバージョン率を低下させる可能性があります。

An example of post-purchase upsells done via Candy Rack app
キャンディラックアプリを使った購入後のアップセルの例

そのため、私はここでアップセルやクロスセルを行わず、購入後のページや注文確認メールなどでアップセルを行うことをお勧めしています。 これらは非常に効果的であり、顧客を失うリスクを作りません。

ヒント #12: 3ページのチェックアウトレイアウトをテストする

最後になりましたが、Shopifyではまだ "古い "3ページのチェックアウトに切り替えることができます。 テストでは1ページのチェックアウトの方が良い結果を出しましたが、それがあなたのセグメントにとって最良の選択であるとは限りません。

家具、電化製品、自動車部品など、顧客が多くのお金を使うようなAOVの高いセグメントでは、複数ページのチェックアウトの方が良い場合もあります。 同様に、ドイツや日本のように、顧客が取引を終えるのにもっと安心感を必要とするような国でも、複数ページのチェックアウトの方が良い場合があります。

残念ながら、1ページと3ページのチェックアウトの間で適切なA/Bテストを実行することは不可能です。 おそらく最も簡単な方法は、1ヶ月間1つのレイアウトを監視し、その後別のレイアウトに切り替えることです。 オンラインストア・コンバージョン・オーバー・タイム」レポートを使用してパフォーマンスを比較し、有意な差があるかどうかを確認します。 そうでない場合は、より気に入ったレイアウトを選択します。

Changing the checkout layout via theme editor
テーマエディターでチェックアウトのレイアウトを変更する

チェックアウトのレイアウトを変更するには、ストア管理 >販売チャネル>オンラインストア>カスタマイズ>テーマ設定> チェックアウトに移動し、「チェックアウトレイアウト」までスクロールダウンします。

結論:「良い」チェックアウトコンバージョン率とは?

これらのヒントはすべて、どちらかというと些細な最適化ですが、すべてを組み合わせることで、チェックアウトのコンバージョン率を大幅に向上させることができます。

チェックアウトのコンバージョン率が良いのか、それとも改善の余地があるのか、どうやって見分けるのでしょうか? これは難しい質問で、ビジネスごとにコンバージョン率は異なります。

Eコマースで最も尊敬されているUX調査機関の1つであるBaymard Instituteによると、現在の平均的なチェックアウト離脱率は69 %( チェックアウトコンバージョン率は31%)です。 ですから、あなたの目標は平均よりも良くなることです。 私たちは、60%以上のコンバージョン率(つまり、離脱率が40%以下)を達成している堅実なShopifyストアを定期的に見ています。

Shopifyでどこでも販売

Tomas Janu

トムはアップセリング、コンバージョン最適化、eコマースのトレンドについて書くのが大好きです。彼は私たちの共同創設者の一人で、サポートチームに連絡すれば彼と話せることもあります。LinkedInで彼をフォローして、Shopify関連のヒントやニュースをもっとチェックしてください。
無料で試すキャンディラックプレビュー

最新記事

すべての記事

当社のアプリでShopifyのビジネスを強化しましょう

すべてのアプリは、Shopifyビジネスの成長に役立つように設計されています。アプリをチェックして、無料試用期間を活用してください。

ブーストマイショピファイ