HubSpot・Stripe・Gmailを連携して、HubSpotからStripeの支払い用リンクを作成してGmailで送付する方法

ステップ1：HubSpot・Stripe・Gmailをマイアプリ連携

まずHubSpot、Stripe、GmailをYoomに連携するため、マイアプリに登録します。

1.Yoom管理画面の左側で「マイアプリ」を選択し、「+新規接続」をクリックします。

2.続く画面でHubSpot、Stripe、Gmailを検索して選択すると、次の画面に進みます。

＜HubSpotの場合＞

・上記画面で連携するアカウントを選び、「アカウントを選択」をクリックします。
次に、ボックスにチェックを入れ、「アプリを接続」をクリックすると、マイアプリに登録が完了します。
※マイアプリ登録には、HubSpotにてアプリを接続する権限を追加する必要があります。詳細はこちらで解説しています。

＜Stripeの場合＞

・アカウント名とアクセストークンを入力し、「追加」をクリックすると、マイアプリに登録が完了します。
※マイアプリ登録の詳しい方法は、こちらのヘルプページで解説しています。
※Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。

＜Gmailの場合＞

・上記画面でサインインをします。
次に、ボックスにチェックを入れ、「続行」をクリックすると、マイアプリに登録が完了します。

3.HubSpot、Stripe、Gmailを連携するためのテンプレートをコピーします。

・下記のリンクを開きます。

・「このテンプレートを試す」をクリックすると、コピーが完了です。

ステップ2：トリガーとなる拡張機能とHubSpotの設定

フローの起点となるトリガーアクションを設定します。
このフローではChromeの拡張機能を利用し、HubSpotから手動で起動できます。

1.Yoom管理画面の「マイプロジェクト」を選択し、「【コピー】HubSpotからStripeの支払い用リンクを作成してGmailで送付する」をクリックします。
※テンプレートのタイトルは次の画面で任意に変更できます。

2.「拡張機能をインストール」をクリックします。
※Chrome拡張機能については、こちらを確認してください。

3.「Chromeに追加」をクリックします。

4.「拡張機能を追加」をクリックすると、拡張機能の設定が完了します。

5.「Chrome拡張機能トリガー 取引詳細ページから起動」をクリックします。

6.HubSpotと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

7.起動ページのURLサンプルを設定し、テストを行います。
※起動ページのURLサンプルの設定方法は、こちらのヘルプページで解説しています。

8.テストが成功すると、アウトプットにHubSpotから取得した情報が表示されます。
問題がなければ保存します。
※カスタムプロパティの項目は表示されません。次のオペレーションで取得します。

9.「アプリと連携する 取引のカスタムプロパティを取得」をクリックします。
※このオペレーションにより、HubSpotのカスタムプロパティの項目を取得します。

10.HubSpotと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

11.取引IDとカスタムプロパティの内部名を設定し、テストを行います。
※取引IDは、枠をクリックして表示されるアウトプットの「取引詳細ページから起動」から設定します。（値は二重括弧で表示されます）
※カスタムプロパティの内部名は、枠をクリックして表示される「候補」から選択できます。また、こちらのヘルプページでも解説しています。

12.テストが成功すると、カスタムプロパティが取得されます。
アウトプットに追加するために、JSON PATHにより取得し、保存します。
※アウトプットに取得した項目を追加する方法は、こちらのヘルプページで解説しています。

ステップ3：YoomデータベースからStripeのデータを取得する設定

次に、Yoomデータベースで管理するStripeの価格IDを取得する設定を行います。
※今回は、Yoomのデータベースにテスト用として、下記のリストを作成しています。
※新規に作成する場合は、Yoom管理画面の「プロジェクト一覧」横にある「+」をクリックし、データベースを作成してください。StripeとYoomデータベースをデータコネクトで連携することで、価格IDをデータベースに保存できます。

1.「データベースを操作する レコードを取得する」をクリックします。

2.Stripeの価格IDが登録されたデータベースを設定し、「次へ」をクリックします。

3.取得したいレコードの条件を設定し、テストを行います。
※左枠はデータベースの項目を選択します。右枠は検索する値を設定します。右枠は、枠をクリックして表示されるアウトプットの「取引のカスタムプロパティを取得」から対応する値を設定できます。（値は二重括弧で表示されます）

※今回は下記のデータベースからレコードを取得するため、上記の設定になっています。

4.テストが成功すると、アウトプットにデータベースから取得した情報が表示されます。
問題がなければ保存します。

ステップ4：StripeとGmailの設定

最後にStripeで支払いコードを作成し、Gmailを送信する設定を行います。

1.「アプリと連携する 支払いリンクを作成」をクリックします。

2.Stripeと連携するアカウントを確認し、「次へ」をクリックします。
※その他の項目はデフォルトで設定されています。

3.商品リストの設定を行います。
※価格IDは、枠をクリックして表示されるアウトプットの「レコードを取得する」から選択します。（値は二重括弧で表示されます）
※数量は、枠をクリックして表示されるアウトプットの「取引のカスタムプロパティを取得」から選択します。（値は二重括弧で表示されます）

4.テストを行い成功すると、アウトプットにStripeから取得した情報が表示されます。
問題がなければ保存します。

5.「メールを送る メールを送る」をクリックします。

6.Gmailと連携するアカウントを確認します。
※その他の項目はデフォルトで設定されています。

7.送信するメールの内容を設定します。
※このフローはHubSpotの取引詳細ページから起動するため、宛先には取引先担当者のメールアドレスを設定します。
※件名と本文は、定型文を直接入力できます。また、枠をクリックして表示されるアウトプットを利用することで、取引ごとに変わる内容を動的に反映できます。（値は二重括弧で表示されます）

8.テストを行い、成功すると設定した宛先にメールが送信されます。
問題がなければ保存します。

9.トリガーをONにすると、Chrome拡張機能を利用して、HubSpotからStripeの支払い用リンクを作成してGmailで送付できます。

※Chrome拡張機能を利用してHubSpotからフローボットを起動する方法は、こちらのヘルプページで解説しています。
※紹介したフローに不明点があれば、こちらのヘルプページを確認してみてください。

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

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

1.HubSpotに新しい会社が登録されたらStripeに登録する

HubSpotに登録した新しい会社情報を、Stripeに転記する作業を自動化できます。
この連携により、手動による繰り返し登録を削減でき、業務効率の向上が期待できます。

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

Stripeで支払いが行われたときに送るサンクスメールを自動化できます。
この連携で、メール送信作業を自動化し、入力ミスを防いで、効率的なサンクスメールの送信が可能になるでしょう。

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

Stripeで支払いが作成された後、freee会計に売上取引を登録する作業を自動化できます。
この連携により、freee会計に売上取引が自動登録されるため、取引の登録漏れを防止でき、会計業務の精度向上が期待できます。

まとめ

HubSpotで管理する取引情報をもとにStripeで支払い取引を作成し、Gmailを送信する作業を手動で行うと担当者の負担が大きく、ミスが発生するリスクがあります。
さらに、人的リソースを有効活用することも難しいでしょう。
ツール同士を連携すれば、こうした課題を解決でき、業務の効率化やヒューマンリソースの最適化が期待できます。
HubSpot・Stripe・Gmailの連携は、Yoomを使うとプログラミングなしで簡単に実現できます。
本記事で紹介した手順を参考に、ぜひ自社に自動化を取り入れてみてください。