Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
State of Checkout 2022から見た オンライン決済フローの最適化/jp-st...
Search
Hidetaka Okamoto (Stripe)
January 27, 2023
Technology
0
170
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
Hidetaka Okamoto (Stripe)
January 27, 2023
Tweet
Share
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
260
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
340
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
240
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
450
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
190
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
110
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
290
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
150
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
stripehideokamoto
9
5.8k
Other Decks in Technology
See All in Technology
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
210
microCMSではじめるAIライティング
himaratsu
0
110
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
150
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
170
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
2
220
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
290
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
kohbis
2
860
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
14
7.9k
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
0
150
TableauLangchainとは何か?
cielo1985
1
140
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
140
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Producing Creativity
orderedlist
PRO
346
40k
Why Our Code Smells
bkeepers
PRO
336
57k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Scaling GitHub
holman
460
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
Optimising Largest Contentful Paint
csswizardry
37
3.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Transcript
State of Checkout 2022から見た オンライン決済フローの最適化 JP_Stripes 宮崎 @hidetaka_dev Updated Jan
2023
SaaSの力 で ECの「やるべきこと」に 集中できる環境を作ろう 2
1. 決済フォームを便利にする5つのポイント 2. 「決済フローの外」でも、体験を最適化する 3. SaaSという「巨人の肩」を乗りこなす Agenda 3 JP_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という「巨人の肩」を乗りこなす Agenda 6 JP_Stripes宮崎
10% 7 84% 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つのポイント カード情報の 保存
10 2: この決済フォームは安全か? 決済フォームを便利にする 3つのポイント
買い物客は訪れたサイトに対してネガティブ な印象を抱くこともあり、その原因のトップは、 「その企業のウェブサイトが安全と感じられな い場合、あるいは信頼できると感 じられない 場合」である 11
12
13 https://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という「巨人の肩」を乗りこなす Agenda 18 JP_Stripes宮崎
19 「決済フローの外」でも、体験を最適化する より顧客単価・CVRを高めるためにできること 54% 89% 82% クロスセル提案を 行なっていない サイトの割合 アップセルを
行なっていない サイトの割合 カート放棄(カゴ落ち) フォローアップを 未実施のサイト
「決済フローの外」でも、体験を最適化する アップセルを 提案する
「決済フローの外」でも、体験を最適化する クロスセル商品を 登録する
「決済フローの外」でも、体験を最適化する Webhookで フォローアップの WFを実行
「決済フローの外」でも、体験を最適化する Zapierなどで ノーコードに
24
客単価 / LTV / CVRを上げるため さまざまな施策・提案を 素早く試して検証 する 25
1. 決済フォームを便利にする5つのポイント 2. 「決済フローの外」でも、体験を最適化する 3. SaaSという「巨人の肩」を乗りこなす Agenda 26 JP_Stripes宮崎
• リンク型で、すぐに始める • リダイレクト型で、低工数・コストに組み込む • 埋め込み型で、 デザイン・ブランドに馴染む組み込みを行う 規模や予算・リソースに応じた決済機能開発 27 SaaSという「巨人の肩」を乗りこなす
28 SaaSという「巨人の肩」を乗りこなす 組み込み方を「後から変えれる」ようにする
Webhookを「つなぎ目」にする Customer Website 29 Building blocks Elements Payment Links Checkout
Backoffice Stripe Webhook
SaaSの力 で ECの「やるべきこと」に 集中できる環境を作ろう 30
None
JP_Stripes宮崎 Thanks ! Hidetaka Okamoto(岡本秀 高)Developer Advocate @ Stripe 💬
@hidetaka_dev ✉
[email protected]