Slide 1

Slide 1 text

ノーコードで Stripeを使いこなす方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @hidetaka_dev June 2022

Slide 2

Slide 2 text

岡本 秀高 ( @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

Slide 3

Slide 3 text

ノーコード <> Stripe #JP_Stripes

Slide 4

Slide 4 text

Stripe Payment Links - “支払いURL”を発行する製品 4 https://stripe.com/jp/payments/payment-links

Slide 5

Slide 5 text

支払いのためのURLを、GUI / APIから作れる製品 ● 購入して欲しい商品を設定 ○ 買い切り商品 ○ サブスクリプション ● 配送先住所や電話番号も設定可 ● クーポンや、 サブスクの無料トライアルも ● GUIで表示を見ながら設定 5 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 6

Slide 6 text

クエリ文字列で支払いリンクをより便利に ● 顧客メールアドレスやクーポンコードの事前入力 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やサブスク決済を手早く作るには?~  

Slide 7

Slide 7 text

発送やCRM連携などの後続処理はZapierで ● ノーコードで独自の ワークフローが実装できるSaaS ○ メール送信 ○ HubSpot連携 ○ etc.. ● Stripeの Webhookイベントと連携 ○ 決済 ○ 顧客情報更新 ○ サブスク関連 ○ など ● https://zapier.com/apps/stri pe/integrations 7 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 8

Slide 8 text

Stripeのノーコードは Payment Links だけじゃない #JP_Stripes

Slide 9

Slide 9 text

ノーコードで Stripeを使いこなす3つの方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @hidetaka_dev June 2022

Slide 10

Slide 10 text

Stripeでノーコード化できる業務3種類 ● [紹介済み] オンラインでの決済リンクの発行と共有 ● 請求書や見積書の発行・請求・決済・消し込み(入金確認) ● 損益計算書やB/S、消費税レポートなどの作成 ● 外部サービスとの連携 10 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~   #JP_Stripes

Slide 11

Slide 11 text

Stripeでノーコード化できる業務3種類 ● [紹介済み] オンラインでの決済リンクの発行と共有 ● 請求書や見積書の発行・請求・決済・消し込み(入金確認) ● 損益計算書やB/S、消費税レポートなどの作成 ● 外部サービスとの連携 11 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~   #JP_Stripes

Slide 12

Slide 12 text

Invoicing: 請求書の発行 / 請求 / 消し込み ● いわゆる「請求書」を 発行できるサービス ● Stripeがサポートする決済方法で 請求業務が行える カード・銀行振込・コンビニ・ etc… ● 振込先口座情報を載せた 請求書PDFの発行も可能 ● 入金確認作業はStripeまかせ ● ZapierやWebhookで、 請求書発行の自動化や、 入金確認後タスクの自動化も 12 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 13

Slide 13 text

Invoicing Plus[有料]では、見積書の発行も ● 請求書にする前の「見積書」 ● 見積もりデータと、 顧客に送付するPDFを作成 ● 価格や明細の変更や割引など、 見積書の「改訂」も可能 ○ 改訂履歴が残るので、 引き継ぎも容易 ● 見積もりデータをそのまま 請求書に変換可能 13 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 14

Slide 14 text

Stripeでノーコード化できる業務3種類 ● [紹介済み] オンラインでの決済リンクの発行と共有 ● 請求書や見積書の発行・請求・決済・消し込み(入金確認) ● 損益計算書やB/S、消費税レポートなどの作成 ● 外部サービスとの連携 14 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~   #JP_Stripes

Slide 15

Slide 15 text

Taxで、消費税の徴収・計算・レポートを効率化 ● Stripeでの決済に対する 消費税の計算を自動化 ○ 納税が必要な地域の設定 ○ 顧客の住所に応じた税額の決定 ○ 徴収した税額の 国・税科目別レポート ● 取引ごとに0.5%の手数料が発生 ● グローバル企業だけでなく、 付加価値税を納める全ての企業で 利用できるサービス 15 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 16

Slide 16 text

発生主義での会計レポートを作成 [NEW!] ● Revenue Recognition ● Stripeで発生した取引データから 財務諸表を作成 ○ 損益計算書 ○ 貸借対照表(B/S) ○ 仕訳データ ○ etc.. ● データのインポートや 独自の仕訳ルールも設定可能 ● 取引額の0.25%が手数料として発生 16 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~  

Slide 17

Slide 17 text

Stripeでノーコード化できる業務3種類 ● [紹介済み] オンラインでの決済リンクの発行と共有 ● 請求書や見積書の発行・請求・決済・消し込み(入金確認) ● 損益計算書やB/S、消費税レポートなどの作成 ● 外部サービスとの連携 17 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~   #JP_Stripes

Slide 18

Slide 18 text

[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

Slide 19

Slide 19 text

例: DocuSignでの契約書管理 / Mailchimpでメール自動送信 19 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~

Slide 20

Slide 20 text

まとめ ● オンライン決済だけでなく、 請求業務や会計・複雑なWFについてもノーコードで取り組める ● 「使った(決済された)分だけ支払う」モデルなので、 立ち上げ期のコスト圧迫要因になりにくい ● APIも用意されていることが多く、 あとからシステム組み込みに切り替えやすい ● 「お金の流れ」に関する業務を、Stripeでシンプル・なめらかに 20 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~   #JP_Stripes

Slide 21

Slide 21 text

[BETA] ローコードの「料金表」作成機能 21 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ ベータ申請:https://stripe.com/docs/payments/checkout/pricing-table