State of Checkout 2022から見たオンライン決済フローの最適化JP_Stripes 宮崎@hidetaka_devUpdated Jan 2023
View Slide
SaaSの力 でECの「やるべきこと」に集中できる環境を作ろう2
1. 決済フォームを便利にする5つのポイント2. 「決済フローの外」でも、体験を最適化する3. SaaSという「巨人の肩」を乗りこなすAgenda3JP_Stripes宮崎
Hidetaka Okamoto(岡本秀高)Developer Advocate @ Stripe💬 @hidetaka_dev✉ [email protected]JP_Stripes宮崎👋 Hello!
JP_Stripes宮崎State of Checkout● APAC5カ国● Stripeを利用するEC● 各国上位100サイトを対象
1. 決済フォームを便利にする3つのポイント2. 「決済フローの外」でも、体験を最適化する3. SaaSという「巨人の肩」を乗りこなすAgenda6JP_Stripes宮崎
10%784%3分決済フォームを便利にする3つのポイントカゴ落ちなく毎回注文を完了する顧客の割合1Click決済で注文ハードルが下がる顧客の割合49%の顧客が購入を諦める時間1: 決済のステップ数や処理時間はCVに影響する
決済フォームを便利にする3つのポイント1 Click 決済
const session = await stripe.checkout.sessions.create({mode: 'payment',payment_intent_data: {setup_future_usage: 'off_session',},決済フォームを便利にする3つのポイントカード情報の保存
102: この決済フォームは安全か?決済フォームを便利にする3つのポイント
買い物客は訪れたサイトに対してネガティブな印象を抱くこともあり、その原因のトップは、「その企業のウェブサイトが安全と感じられない場合、あるいは信頼できると感 じられない場合」である11
12
13https://stripe.com/jp/newsroom/information
14決済フォームを便利にする3つのポイント3: ストレスなく決済情報を入力できるか?39%45%54%住所情報の自動補完・入力補助がないサイトの割合期限切れのカードで注文処理を試行できるサイトの割合カード情報の検証を入力時に実施していないサイトの割合
決済フォームを便利にする3つのポイント入力時のバリデーション
決済フォームを便利にする3つのポイントAPIを利用した住所の自動入力
1. 入力エラーに素早く気づく仕組みと表示2. 支払い情報の安全な保存と1 Click 決済3. 「安全な決済フロー」であることを顧客に示すより良い決済体験のためにできること17決済フォームを便利にする3つのポイント
1. 決済フォームを便利にする3つのポイント2. 「決済フローの外」でも、体験を最適化する3. SaaSという「巨人の肩」を乗りこなすAgenda18JP_Stripes宮崎
19「決済フローの外」でも、体験を最適化するより顧客単価・CVRを高めるためにできること54%89%82%クロスセル提案を行なっていないサイトの割合アップセルを行なっていないサイトの割合カート放棄(カゴ落ち)フォローアップを未実施のサイト
「決済フローの外」でも、体験を最適化するアップセルを提案する
「決済フローの外」でも、体験を最適化するクロスセル商品を登録する
「決済フローの外」でも、体験を最適化するWebhookでフォローアップのWFを実行
「決済フローの外」でも、体験を最適化するZapierなどでノーコードに
24
客単価 / LTV / CVRを上げるためさまざまな施策・提案を素早く試して検証 する25
1. 決済フォームを便利にする5つのポイント2. 「決済フローの外」でも、体験を最適化する3. SaaSという「巨人の肩」を乗りこなすAgenda26JP_Stripes宮崎
● リンク型で、すぐに始める● リダイレクト型で、低工数・コストに組み込む● 埋め込み型で、デザイン・ブランドに馴染む組み込みを行う規模や予算・リソースに応じた決済機能開発27SaaSという「巨人の肩」を乗りこなす
28SaaSという「巨人の肩」を乗りこなす組み込み方を「後から変えれる」ようにする
Webhookを「つなぎ目」にするCustomer Website29Building blocksElementsPaymentLinksCheckoutBackofficeStripeWebhook
SaaSの力 でECの「やるべきこと」に集中できる環境を作ろう30
JP_Stripes宮崎Thanks !Hidetaka Okamoto(岡本秀高)Developer Advocate @ Stripe💬 @hidetaka_dev✉ [email protected]