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
280
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
350
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
250
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
480
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
180
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
200
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
120
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
310
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
160
Other Decks in Technology
See All in Technology
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
nttcom
1
450
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
2
2.8k
事業開発におけるDify活用事例
kentarofujii
5
1.3k
様々なファイルシステム
sat
PRO
0
220
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
0
410
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
210
Building a cloud native business on open source
lizrice
0
170
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
940
Wasmの気になる最新情報
askua
0
180
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
320
旅で応援する✈️ NEWTが目指すコミュニティ支援とあたらしい旅行 / New Travel: Supporting by NEWT on Your Journey
mii3king
0
150
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
720
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Fireside Chat
paigeccino
40
3.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Music & Morning Musume
bryan
46
6.9k
Speed Design
sergeychernyshev
32
1.2k
KATA
mclloyd
PRO
32
15k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
How to train your dragon (web standard)
notwaldorf
97
6.3k
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