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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
300
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
380
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
260
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
510
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
210
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
200
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
140
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
330
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
170
Other Decks in Technology
See All in Technology
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
160
What happened to RubyGems and what can we learn?
mikemcquaid
0
310
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
160
15 years with Rails and DDD (AI Edition)
andrzejkrzywda
0
200
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
rocketmartue
1
310
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
210
Bill One 開発エンジニア 紹介資料
sansan33
PRO
5
17k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
220
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
380
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
140
AIエージェントに必要なのはデータではなく文脈だった/ai-agent-context-graph-mybest
jonnojun
0
170
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
650
Paper Plane
katiecoart
PRO
0
46k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
56
Test your architecture with Archunit
thirion
1
2.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
150
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
56
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