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
ノーコードで Stripeを使いこなす3つの方法 / jp-stripes-online-vol-4
Search
Hidetaka Okamoto (Stripe)
June 29, 2022
Technology
0
940
ノーコードで Stripeを使いこなす3つの方法 / jp-stripes-online-vol-4
JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
https://jpstripes.connpass.com/event/250019/
Hidetaka Okamoto (Stripe)
June 29, 2022
Tweet
Share
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
200
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
240
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
220
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
350
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
99
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
120
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
60
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
210
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
110
Other Decks in Technology
See All in Technology
『GRANBLUE FANTASY Relink』ソフトウェアラスタライザによる実践的なオクルージョンカリング
cygames
0
140
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.3k
Agile in Automotive Industry, puzzles and lights.
hiranabe
3
1.3k
20240912 JJUGナイトセミナー
mii1004
0
140
ロボットアームを遠隔制御の話 & LLMをつかったIoTの話もしたい
soracom
PRO
1
380
watsonx.ai Dojo 環境準備について
oniak3ibm
PRO
0
230
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
550
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
440
自作Cコンパイラ 8時間の奮闘
soukouki
0
830
なぜクラウドサービスで Web コンソールを提供するのか
shuta13
4
2k
疎通2024
sadnessojisan
5
1k
React Aria で実現する次世代のアクセシビリティ
ryo_manba
4
1.2k
Featured
See All Featured
Atom: Resistance is Futile
akmur
261
25k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Designing with Data
zakiwarfel
98
5k
Principles of Awesome APIs and How to Build Them.
keavy
125
16k
Side Projects
sachag
451
42k
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
610
A Modern Web Designer's Workflow
chriscoyier
691
190k
Transcript
ノーコードで Stripeを使いこなす方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @hidetaka_dev June 2022
岡本 秀高 ( @hidetaka_dev ) • Stripe Developer Advocate (ex-developer
in Digitalcube) • JavaScript / TypeScript developer • AWS / Next.js / WordPress / etc… • WordCamp Kyoto 2017 / JP_Stripes Connect 2019 / AWS Samurai 2017 / etc… 2 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
ノーコード <> Stripe #JP_Stripes
Stripe Payment Links - “支払いURL”を発行する製品 4 https://stripe.com/jp/payments/payment-links
支払いのためのURLを、GUI / APIから作れる製品 • 購入して欲しい商品を設定 ◦ 買い切り商品 ◦ サブスクリプション •
配送先住所や電話番号も設定可 • クーポンや、 サブスクの無料トライアルも • GUIで表示を見ながら設定 5 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
クエリ文字列で支払いリンクをより便利に • 顧客メールアドレスやクーポンコードの事前入力 https://buy.stripe.com/test_eVa3do41l4Ye6KkcMN?prefilled_email=jenny%40example.com • 参照IDを付与して、WebhookやZapierで注文のあったセッションを特定 https://buy.stripe.com/test_eVa3do41l4Ye6KkcMN?client_reference_id=id_1234 • UTMコードを設定して、アクセス解析や広告のCV測定を行う https://buy.stripe.com/test_eVa5nPg1j1wmfXq5kr?utm_medium=earned_email&utm_source=marketo&utm
_campaign=campaign_a ◦ utm_source: トラフィックの発生元(どこからアクセスしてきたか) ◦ utm_content: 選択したコンテンツの特定(どこでクリックされたか) ◦ utm_medium: マーケティングメディアの特定(どの媒体から来たか) ◦ utm_term: 検索広告で利用したキーワードや語句 ◦ utm_campaign: キャンペーン名 6 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
発送やCRM連携などの後続処理はZapierで • ノーコードで独自の ワークフローが実装できるSaaS ◦ メール送信 ◦ HubSpot連携 ◦ etc..
• Stripeの Webhookイベントと連携 ◦ 決済 ◦ 顧客情報更新 ◦ サブスク関連 ◦ など • https://zapier.com/apps/stri pe/integrations 7 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeのノーコードは Payment Links だけじゃない #JP_Stripes
ノーコードで Stripeを使いこなす3つの方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @hidetaka_dev June 2022
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
10 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
11 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Invoicing: 請求書の発行 / 請求 / 消し込み • いわゆる「請求書」を 発行できるサービス •
Stripeがサポートする決済方法で 請求業務が行える カード・銀行振込・コンビニ・ etc… • 振込先口座情報を載せた 請求書PDFの発行も可能 • 入金確認作業はStripeまかせ • ZapierやWebhookで、 請求書発行の自動化や、 入金確認後タスクの自動化も 12 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Invoicing Plus[有料]では、見積書の発行も • 請求書にする前の「見積書」 • 見積もりデータと、 顧客に送付するPDFを作成 • 価格や明細の変更や割引など、 見積書の「改訂」も可能
◦ 改訂履歴が残るので、 引き継ぎも容易 • 見積もりデータをそのまま 請求書に変換可能 13 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
14 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Taxで、消費税の徴収・計算・レポートを効率化 • Stripeでの決済に対する 消費税の計算を自動化 ◦ 納税が必要な地域の設定 ◦ 顧客の住所に応じた税額の決定 ◦ 徴収した税額の
国・税科目別レポート • 取引ごとに0.5%の手数料が発生 • グローバル企業だけでなく、 付加価値税を納める全ての企業で 利用できるサービス 15 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
発生主義での会計レポートを作成 [NEW!] • Revenue Recognition • Stripeで発生した取引データから 財務諸表を作成 ◦ 損益計算書
◦ 貸借対照表(B/S) ◦ 仕訳データ ◦ etc.. • データのインポートや 独自の仕訳ルールも設定可能 • 取引額の0.25%が手数料として発生 16 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
17 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
[NEW!] Stripe Apps: Stripeの拡張と、運営の効率化 18 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ 運用の効率化
• 複雑な決済処理フローを簡素化 • Stripe APIを組み合わせたタスク • 外部サービスと連携した自動化 • 独自WF用のPrivateアプリ開発 ツール間のコンテキスト共有 • Stripeとツールでデータをリンク • より詳細なビジネス分析 • CRMでの顧客管理 • 会計データの自動連携 Why use Stripe Apps? Now available in beta
例: DocuSignでの契約書管理 / Mailchimpでメール自動送信 19 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
まとめ • オンライン決済だけでなく、 請求業務や会計・複雑なWFについてもノーコードで取り組める • 「使った(決済された)分だけ支払う」モデルなので、 立ち上げ期のコスト圧迫要因になりにくい • APIも用意されていることが多く、 あとからシステム組み込みに切り替えやすい
• 「お金の流れ」に関する業務を、Stripeでシンプル・なめらかに 20 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
[BETA] ローコードの「料金表」作成機能 21 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ ベータ申請:https://stripe.com/docs/payments/checkout/pricing-table