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
1.1k
ノーコードで 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
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
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
170
サブスクリプション決済入門 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
Other Decks in Technology
See All in Technology
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
19
7.6k
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
1.1k
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
160
How Do I Contact Jetblue Airlines® Reservation Number: Fast Support Guide
thejetblueairhelpsupport
0
150
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
1.1k
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
Transformerを用いたアイテム間の 相互影響を考慮したレコメンドリスト生成
recruitengineers
PRO
2
470
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
2
2.1k
本当にわかりやすいAIエージェント入門
segavvy
3
1.1k
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
3
1.9k
RapidPen: AIエージェントによる高度なペネトレーションテスト自動化の研究開発
laysakura
1
120
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Embracing the Ebb and Flow
colly
86
4.8k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
980
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