2024/12/10
アプリ同士の連携方法

NotionとStripeを連携して、Chrome拡張機能を活用してNotionのページからStripeの支払い用リンクを作成し自動でメール送信する方法

a.ohta
NotionとStripeの連携イメージ

目次

Stripeでの請求業務の数が多い場合、かなりの手間がかかってしまいますよね。中でも顧客に対し請求メールを作成するのは、文書がテンプレート化されていたとしても、数が多い場合には時間がかかってしまうことが多いのではないでしょうか。
そこで今回は<span class="mark-yellow">NotionとStripeを連携し、Chrome拡張機能を活用した自動化</span>を紹介します。
請求業務の手順が削減でき、効率の向上となるかもしれません。業務フローの見直しを検討しているのであればぜひご活用ください。

こんな方におすすめ

・NotionとStripeを活用している企業
・Stripeでの請求業務を効率的に行いたい企業
・Stripeでの請求メールを手動で作成している方

NotionとStripeの連携メリットと具体例

メリット1: 業務負担が軽減する

今回の連携を行うと、Notionで管理している請求管理ページからChrome拡張機能を起動することで、Stripeでの支払いを依頼するメールを自動送信可能です。そのため、業務負担の軽減となることが見込めます。
例えば、これまでは手動で請求メールを作成していた場合、購入された件数文メールを作成しなければなりません。よって、数が多いと少々の手間となっていたのではないでしょうか。
このような場合にChrome拡張機能を活用した自動化を導入すれば、一連のフローがクリックのみで完結するため、作業時間が短縮され業務負担の軽減になるはずです。

メリット2: 顧客への対応が早くなる

Chrome拡張機能を活用したNotionとStripeの自動化により、顧客対応が素早くなる可能性があります。
例えば、業務が立て込んでしまい、なかなか請求メールの作成作業にとりかかれなかった経験はありませんか?
しかし今回のアプリ連携を行えば、これまで手動で対応していた請求メールが自動で作成・送付されるようになるため、顧客へのメール送信が素早く完結するはずです。
結果として対応スピードが早くなり、顧客が請求メールを待つ時間も短くなるかもしれません。

メリット3: 内容の正確性が向上する

今回の自動化を導入すれば、請求メールの作成や送付ミスが防げる見込みがあります。
例えば、今まで手動で請求メールを作成していた場合、誤った情報を記載してしまう可能性はゼロではないはずです。
そこで今回の自動化を導入することで、Notionで管理しているデータに基づいたメールが自動で作成・送付されるようになるため、誤送付などのリスクの軽減となるかもしれません。よって、ヒューマンエラーの防止にもなる可能性があります。

それではここからノーコードツールYoomを使って、「NotionからStripeの支払い用リンクを作成してメールで送付する」方法をご説明します。

[Yoomとは]

NotionからStripeの支払い用リンクを作成してメールで送付する方法

Chrome拡張機能のAPIをNotionのページからクリックのみで起動し、Notionに格納しているデータを受け取ることができます。その後、Stripeの提供するAPIを用いて請求URLを作成し、no-reply@yoom.funよりメール送付が可能です。
一般的に実現にはプログラミングの知識が必要ですが、ノーコードツールのYoomを用いることでプログラミング知識がなくても簡単に実現できます。

今回の連携フローは大きく分けて以下のプロセスの通りです。

・NotionとStripeをマイアプリ連携
・NotionのページからChrome拡張機能を起動する設定
・Stripeの支払いURLを作成しメッセージを送信する設定
・トリガーボタンをONにして、NotionとStripeの連携動作を確認

まずはじめに、Yoomの登録を行いましょう。
Yoomは2週間のトライアルが可能です。実際に操作をして使用感を確かめることができます。

ステップ1:NotionとStripeをマイアプリ連携

Yoomの登録完了後、左側にあるメニューから「マイアプリ」を選択してください。

次に、右上の新規接続ボタンをクリックします。

NotionとYoomの連携

1.Notionの準備
NotionとYoomを連携するにあたり、現段階でNotionの準備をしておく必要があります。

<span class="mark-yellow"></span>データベースに設定しておく必要があるのは、以下の項目です。<span class="mark-yellow"></span>

・ユーザー名
・商品名
・価格ID
・数量
・顧客のメールアドレス/このアドレスに請求URLを送信します

2.検索する

Notionを検索し、Notionのアイコンをクリックします。

3.アクセスリクエスト


画像のようにアクセスのリクエストについて表示がされます。
確認し、「ページを選択する」をクリックしてください。

4.ページを選択する


Notionで作成済みのページが表示されます。
先ほど用意したページを選択し、「アクセスを許可する」を押しましょう。

5.連携完了

Yoomの画面に戻り、上記の表示が出たら連携完了です。

StripeとYoomの連携

1.検索する

Stripeのアイコンを選択してください。

2.必須項目の入力

アカウント名とアクセストークンを入力します。
アカウント名は任意のネーミングにしましょう。会社名や担当者名などのわかりやすいものがおすすめです。
アクセストークンに関して、詳しくはStripeのマイアプリ登録方法をご確認ください。

3.追加する

右下の追加ボタンを押し、画面が切り替わり、上記の表示がされれば連携完了です。

ステップ2:テンプレートのコピー

次に、今回使用するテンプレートをコピーしてください。

1.上のバナーの「詳細を見る」をクリック
2.移行した画面下部の「このテンプレートを試してみる」をクリック
3.Yoomの登録がまだの場合は、登録を行う

※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

フローボットのテンプレートが「マイプロジェクト」にコピーされると、上記の表示がされます。

画像のようなページに移行するので、詳細な設定を行っていきましょう。

ステップ3:NotionのページからChrome拡張機能を起動する設定

1.マイプロジェクトを開く

画面左側のメニューから「マイプロジェクト」を開きましょう。

2.コピーしたテンプレートを開く
「【コピー】NotionからStripeの支払い用リンクを作成してメールで送付する」をクリックします。

3.Chrome拡張機能トリガー

Chrome拡張機能のアイコンの「特定のページから起動」を選択してください。

4.Chrome拡張機能のインストール

YoomのChrome拡張機能のインストールを実行してください。
詳しくはChrome拡張機能を使ったトリガーの設定方法をご確認ください。
Chrome拡張機能のインストールが完了したら次へを押します。

5.起動ページのURLサンプルの入力

NotionのページからChrome拡張機能を起動するため、NotionのページURLを入力します。
詳細はNotionを利用する際のサンプルURLの確認方法をご確認ください。

6.テストの実行


テストボタンを押し、青く「テスト成功」と表示がされたら保存を押しましょう。

ステップ4:Stripeの支払いURLを作成しメッセージを送信する設定

1.アプリと連携する

Stripeのアイコンの「支払いリンクを作成」を選択してください。
次へ進みます。

2.必須項目の設定

赤枠部分の必須項目を設定します。
テンプレートを使用しているため既に完了しているため、画像と同じ状態になっているか確認してください。

3.テストの実行

テストボタンを押し、青く「テスト成功」と表示がされたことを確認して保存を押しましょう。

続けてメールを送信する設定を行います。

4.メールを送る


Yoomのアイコンの「メールを送る」を選択してください。
なお、Yoomのアドレスからのメール送信に関しては「メールを送付する」の設定方法からもご確認いただけます。
画面を下へスクロールしましょう。

5.内容の設定

この設定に関してもテンプレートを使用しているため、必須項目の入力は必要ありません。

なお、画像の「アドレス」はデータが置換されている状態のため正式なメールアドレスとは異なりますが、実際にはNotionに保管しているアドレスが使用されます。そのため変更の必要はありません。

件名と本文も同様となります。もしデータを挿入したい場合は、以下の手順の通りです。
まずはデータを挿入したいボックスをクリックしましょう。

Chrome拡張機能のアイコンをクリックします。


Chrome拡張機能を起動したNotionのページで管理しているデータが一覧表示されます。
挿入したいデータをクリックして選択しましょう。

挿入できると画像のようになります。

テキストを任意で修正します。
作成が完了したら次へを押してください。

6.確認とテストの実行

作成したメールの詳細が表示されます。
間違いがないか確認をしたらテストボタンを押しましょう。
※実際にメールが送信されるためご注意ください。

7.トリガーをONにする

フローボットの作成が完了すると、上記のような表示がされます。トリガーは初期設定ではOFFの状態なので、ONにしましょう。

その後Notionにアクセスし、右上のChrome拡張機能のボタンからYoomを選択してください。


作成したフローボットのタイトルが表示されます。クリックすることでフローボットが起動します。

今回使用したフローボットテンプレート

NotionからStripeの支払い用リンクを作成してメールで送付する

Stripeを使ったその他の自動化例

Yoomには他にもStripeを使った自動化の例があるので、いくつか紹介します。

1.Stripeで支払いが作成されたらfreee会計に売上取引を登録

売り上げ取引の登録が自動化するため、経理担当者の業務負担を大幅に削減できる見込みがあります。

2.Stripeでサブスクリプションが申し込まれたらGoogle スプレッドシートに情報を格納する

Google スプレッドシートとの連携も可能です。販売データの分析などに役立つ可能性があります。

3.Stripeで支払いが行われたらGmailでサンクスメールを送信する

「ご購入ありがとうございました」などのメールをオリジナル文章で作成し自動送信可能です。

まとめ

請求メールの送信が自動化されれば、業務負担を軽減できる可能性があります。また、作業そのものの効率が向上するため、時間の節約にもなるはずです。
Chrome拡張機能を活用した自動化は、特定のページからクリックでフローボットの起動か可能になるため、別途Yoomにアクセスする必要はありません。手間をかけずにクリックのみで作業が完了するため、利便性の高い自動化となっています。
ぜひこの機会にテンプレートを活用して、自動化の導入をしてみませんか?

この記事を書いた人
a.ohta
雑貨店の店長を経験後はSEOライターとして在宅勤務を開始。後にマーケティングのスタートアップ企業と5年間ほど業務委託契約。 東大生に囲まれながらパソコンを抱え、様々なビジネス用語やSaaSツールの使い方を勉強する日々でした。 雑貨店の店長をしていた頃は、売上と在庫管理、人材管理、発注などの事務作業に幾度となく時間を奪われ、接客ができず売り時を逃がすこともしばしば。業務委託の際にも入力などの細かい作業が多く、「こんな単調な作業、自動化できないの?」と思っていたので、Yoomのビジョンには大いに共感しています!
タグ
Notion
Stripe
自動化
連携
通知
自動
関連アプリ
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
お役立ち資料
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
会社概要
利用規約(JaEn
プライバシーポリシー(JaEn
セキュリティポリシー(JaEn
特定商取引法に基づく表記
©️ Yoom Inc.