Frontを使った顧客対応業務において、他ツールへの情報転記や担当者への通知などを手作業で行っていませんか?
こうした作業は時間がかかるだけでなく、入力ミスや共有漏れといったヒューマンエラーの原因にもなりがちです。
これらの課題を解決するにはAPI連携が有効すが、「プログラミングの知識がないと難しそう…」と感じてしまうこともありますよね。
そこで本記事では、Front APIの基本的な知識から、プログラミング不要で様々なSaaSと連携させる具体的な方法までを分かりやすくご紹介します!
自動化を活用することで面倒な手作業から解放され、より重要な業務に集中できる環境を整えられますよ。
Frontを使った業務を効率化したい方は、ぜひ最後までご覧ください。
とにかく早くFrontのAPIを利用したい方へ
YoomにはFront APIを使った様々なアクションや、業務フローを自動化するためのテンプレートが用意されています。
今すぐ試したい方はこちらから詳細をチェックしてみてください!
Front APIとは
Front APIはFrontと外部アプリ(Google、Microsoft、Salesforce、Notionなど)を繋げてデータの受け渡しを行い、Frontを使った業務フローを自動化できるインターフェースです。
APIはアプリケーション・プログラミング・インタフェース (Application Programming Interface)の略語です。
インターフェースとは簡単に言うと「何か」と「何か」を「繋ぐもの」で、Front APIの場合は「Front」と「外部のアプリ」を繋ぐインターフェースを指します。
また、APIでは大きく分けて以下のような指示を出すことができます。
- 取得:APIを経由して、データを取得することができます。
- 追加:APIを経由して、データを追加することができます。
- 更新:APIを経由して、データを更新することができます。
- 削除:APIを経由して、データを削除することができます。
Front APIでできること
Front APIでできることをいくつかピックアップしました!
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにFront APIを使った自動化を体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください!
1. Contactを新規作成する
Front APIのコンタクト作成アクションをフローの中に組み込むことで、Notionなどのデータベースツールで顧客情報が作成された際に、Frontにも自動でコンタクトを追加できます。
これにより、手動での情報登録の手間や転記ミスをなくし、最新の顧客情報に基づいた対応が可能になります。
Notionでページが作成されたら、FrontにContactを作成する
試してみる
■概要
Notionで顧客情報を管理し、Frontで顧客とのコミュニケーションを行っている場合、手作業での情報転記に手間を感じていないでしょうか。このような二重入力は、作業時間を圧迫するだけでなく、入力ミスといったヒューマンエラーの原因にもなります。
このワークフローは、FrontのAPIを利用した連携をノーコードで実現し、Notionで新しいページが作成されると、その情報を基にFrontへ自動でコンタクトを作成します。定型業務を自動化し、より重要な業務に集中できる環境を構築します。
■このテンプレートをおすすめする方
- NotionとFrontを併用しており、顧客情報の二重入力の手間を削減したいと考えている方
- FrontのAPIを活用した業務自動化に関心があるものの、具体的な連携方法が分からない方
- 手作業による情報登録ミスを防ぎ、データ管理の正確性を向上させたいと考えているチームの方
■このテンプレートを使うメリット
- Notionへのページ作成をトリガーにFrontへコンタクトが自動で登録されるため、これまで手作業で行っていた転記作業の時間を短縮します。
- システムが自動で処理を行うことで、手作業に起因する入力間違いや登録漏れといったヒューマンエラーを防ぎ、データの正確性を維持します。
■フローボットの流れ
- はじめに、NotionとFrontをYoomと連携します。
- 次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- 続いて、オペレーションで分岐機能を設定し、特定の条件に合致した場合のみ後続の処理が実行されるようにします。
- 次に、オペレーションでNotionの「レコードを取得する(ID検索)」アクションを設定し、トリガーとなったページの情報を取得します。
- 最後に、オペレーションでFrontの「Create New Contact」アクションを設定し、Notionから取得した情報をもとにコンタクトを作成します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Frontでコンタクトを作成する際、登録する内容を任意で設定できます。例えば、Notionのページタイトルを氏名に、特定のプロパティをメールアドレスに紐付けるなど、Yoomの画面上で項目のマッピングを自由に行ってください。
■注意事項
- Notion、FrontのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- 分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
2. Contactを更新する
Airtableなどのデータベースに保存している顧客情報が更新された際、Front APIのコンタクト更新アクションを利用することで、Front上の情報も自動で最新の状態に保てます。
このフローを活用すれば、情報の二重管理や手動更新の手間を省き、常に正確な顧客情報へアクセスできます。
Airtableでレコードが更新されたら、FrontでContactを更新する
試してみる
■概要
Airtableで管理している顧客情報と、Frontの連絡先情報を別々に更新する作業に手間を感じていませんか。手作業での二重入力は、入力ミスや更新漏れの原因にもなり得ます。このワークフローは、そうした課題を解決するために設計されました。Airtableのレコードが更新されると、FrontのAPIを通じて自動でContact情報が更新されるため、常に最新の顧客情報を維持し、コミュニケーションを円滑に進めることが可能です。
■このテンプレートをおすすめする方
- AirtableとFrontを併用し、顧客情報管理の二重入力に手間を感じている方
- FrontのAPIを利用したデータ連携を、ノーコードで実現したいと考えている方
- 顧客情報の更新漏れを防ぎ、常に正確なデータで対応したいと考えている担当者の方
■このテンプレートを使うメリット
- Airtableのレコード更新が自動でFrontに反映されるため、手作業でのデータ更新にかかっていた時間を削減できます
- 手作業による転記が不要になることで、入力ミスや更新漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます
■フローボットの流れ
- はじめに、AirtableとFrontをYoomと連携します
- トリガーでAirtableを選択し、「レコードが更新されたら」アクションを設定します。ここで監視対象のテーブルを指定します
- オペレーションでFrontを選択し、「Update Contact」アクションを設定します
- トリガーで取得したAirtableの情報をもとに、更新対象となるFrontのContactと、更新する項目内容を設定します
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Frontで更新するContact(連絡先)の項目は、任意でカスタマイズが可能です
- Airtableのどのフィールド情報を、Frontのどの項目に反映させるか、業務内容に合わせて自由にマッピングしてください
■注意事項
- Airtable、FrontのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- AIirtableのアウトプットの取得方法はこちらを参考にしてください。
3. New Conversation Messageが送信されたら自動で起動する
Frontでのメッセージ送信をアクションの起点として利用することで、例えば「顧客から新規メッセージが届いたら即座にSlackの特定チャンネルへ通知する」といったフローを自動化できます。
この仕組みを構築すれば、重要な問い合わせへの対応漏れや遅れを防ぎ、チーム全体の対応スピードを向上させることができるでしょう。
FrontでConversation Messageが送信されたら、Slackに通知する
試してみる
■概要
Frontでの顧客対応において、チーム内での情報共有の遅れやメッセージの見逃しは避けたい課題ではないでしょうか。手動での確認や転記作業は手間がかかるだけでなく、対応漏れの原因にもなりかねません。このワークフローは、FrontのAPIを活用することで、新しいメッセージの受信をトリガーにSlackへ自動で通知します。これにより、チーム全体で迅速に情報を把握し、スムーズな顧客対応を実現できます。
■このテンプレートをおすすめする方
- Frontでの顧客対応において、チームへの情報共有を迅速化したいと考えている方
- FrontとSlackを日常的に利用しており、手作業での通知連絡に手間を感じている方
- Front APIを活用した業務の自動化に関心があり、具体的な連携方法を探している担当者の方
■このテンプレートを使うメリット
- Frontにメッセージが届くと即座にSlackへ通知が実行されるため、手動で確認し連絡する手間を省き、本来の業務に集中する時間を確保できます
- 担当者による確認漏れやチームへの共有忘れといったヒューマンエラーを防ぎ、重要なコミュニケーションの見逃しリスクを軽減します
■フローボットの流れ
- はじめに、FrontとSlackをYoomと連携します
- 次に、トリガーでFrontを選択し、「新しい会話メッセージが送信されたら」というアクションを設定します
- 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、Frontから取得した情報をもとに通知メッセージを作成します
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Slackに通知するメッセージの内容は、チームの運用に合わせて自由にカスタマイズが可能です
- 例えば、Frontのトリガーから取得できる送信者や件名、メッセージの本文などを通知に含めることで、Slack上で迅速に要件を把握できます
■注意事項
- Front、SlackのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
その他にも下記のようなアクションをAPI経由で実行が可能です。
■ フローの中で設定できるアクション(フローボットオペレーション)
- 連絡先情報を取得する (Retrieve Contact Information)
- 連絡先を削除する (Delete Contact)
- 新しいメッセージを送信する (Send New Message)
- 返信を送信する (Send Reply)
- メッセージを取得する (Retrieve Message)
- 返信の下書きを作成する (Create Draft Reply)
- 会話にコメントを追加する (Add Comment to Conversation)
- 会話を検索する (Search Conversations)
- ディスカッションの会話を作成する (Create Discussion Conversation)
- 受信箱の一覧を取得する (List Inboxes)
- 会話にタグを追加する (Add Tags to Conversation)
- 会話にリンクを追加する (Add Links to a Conversation)
- 会話内のメッセージ一覧を取得する (List Messages in Conversation)
- 会話の最後のメッセージを取得する (Get Conversation Last Message)
- メールアドレスで連絡先情報を取得する (Retrieve Contact Information by Email)
■ フローの起点となるアクション(トリガーアクション)
- 新しいコメントが会話に追加されたら (New Conversation Comment)
Front APIの利用料金と注意点
Front APIは、Frontのすべてのプラン(無料のStarterプランから有料プランまで)で利用可能です。
ただし、プランによってAPIを1分間にリクエストできる回数の上限(レート制限)が異なるため注意が必要です。
- Starterプラン:1分間に最大50リクエスト
- Growthプラン:1分間に最大100リクエスト
- Scaleプラン:1分間に最大200リクエスト
このレート制限は会社単位で適用され、上限を超えたリクエストを行うと一時的にAPIが利用できなくなります。
もし、短時間に大量のデータを処理するような自動化を行いたい場合は、利用しているプランのレート制限を確認しておきましょう。
なお、より高いレート制限が必要な場合は、月額料金でリクエスト上限を引き上げるオプションも用意されています。
※詳細はFrontのサービスサイトをご確認ください。
※2025年07月23日時点の情報です。
実際に連携してみた!
ここではノーコードツールYoomが用意するテンプレートで、実際の設定方法を用いてFront APIを使った具体的な連携方法を紹介していきます!
Yoomを使用してノーコードで設定をしていくので、まだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
Front APIとの連携方法
はじめにFront APIとYoomを連携する方法を紹介します。
この設定は初回のみ必要です。
Yoomにログイン後、ワークスペースのサイドバーから「マイアプリ」を選択。
マイアプリ画面の右側にある「+新規接続」をクリック。
アプリ一覧画面が表示されたら、右上の検索バーでアプリ名(ここではFront)を検索して選択します。
Frontのサインイン画面が表示されます。
連携させるFrontアカウントでサインインしてください。
※ 既にサインイン済みのアカウントがある場合、この画面はスキップされます。
YoomからFrontへのアクセス権限と連携するワークスペースを確認し、「Authorize」をクリック。
連携が完了し、マイアプリ画面に戻ります。
Frontが追加されていれば、連携は完了です。
今回は先程ご紹介した「Notionでページが作成されたら、FrontにContactを作成する」というフローボットを作成していきます!
作成の流れは大きく分けて以下の通りです。
- NotionとYoomの連携
- テンプレートのコピー
- トリガーとなるデータベースと処理分岐・レコード取得・Contact追加の設定
- フロー稼働の準備
Notionでページが作成されたら、FrontにContactを作成する
試してみる
■概要
Notionで顧客情報を管理し、Frontで顧客とのコミュニケーションを行っている場合、手作業での情報転記に手間を感じていないでしょうか。このような二重入力は、作業時間を圧迫するだけでなく、入力ミスといったヒューマンエラーの原因にもなります。
このワークフローは、FrontのAPIを利用した連携をノーコードで実現し、Notionで新しいページが作成されると、その情報を基にFrontへ自動でコンタクトを作成します。定型業務を自動化し、より重要な業務に集中できる環境を構築します。
■このテンプレートをおすすめする方
- NotionとFrontを併用しており、顧客情報の二重入力の手間を削減したいと考えている方
- FrontのAPIを活用した業務自動化に関心があるものの、具体的な連携方法が分からない方
- 手作業による情報登録ミスを防ぎ、データ管理の正確性を向上させたいと考えているチームの方
■このテンプレートを使うメリット
- Notionへのページ作成をトリガーにFrontへコンタクトが自動で登録されるため、これまで手作業で行っていた転記作業の時間を短縮します。
- システムが自動で処理を行うことで、手作業に起因する入力間違いや登録漏れといったヒューマンエラーを防ぎ、データの正確性を維持します。
■フローボットの流れ
- はじめに、NotionとFrontをYoomと連携します。
- 次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- 続いて、オペレーションで分岐機能を設定し、特定の条件に合致した場合のみ後続の処理が実行されるようにします。
- 次に、オペレーションでNotionの「レコードを取得する(ID検索)」アクションを設定し、トリガーとなったページの情報を取得します。
- 最後に、オペレーションでFrontの「Create New Contact」アクションを設定し、Notionから取得した情報をもとにコンタクトを作成します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Frontでコンタクトを作成する際、登録する内容を任意で設定できます。例えば、Notionのページタイトルを氏名に、特定のプロパティをメールアドレスに紐付けるなど、Yoomの画面上で項目のマッピングを自由に行ってください。
■注意事項
- Notion、FrontのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- 分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
※ 事前準備
このフローでの「Notionのページ」とは、Notionデータベースのレコードを指しています。
テスト用のレコードを追加しても問題のないデータベースを事前にご用意ください。
ここでは例として、下図の顧客管理データベースにレコードが追加されたらContactを作成する、という流れで進めていきます。
ステップ1:NotionとYoomの連携
Frontと同様に、Notionのアカウントも連携させていきます。
アプリ一覧画面でNotionを検索して選択。
Notionのログイン画面が表示されます。
連携させるデータベースに紐づくNotionアカウントでログインしてください。
※ 既にログイン済みのアカウントがある場合、この画面はスキップされます。
YoomからNotionへのアクセス権限を確認し、「ページを選択する」をクリック。
※ アカウントを変更する場合は、右上のメニューから任意のアカウントを選択してください。
Yoomがアクセスできるページを選択します。
※ アカウント連携後に作成したページにはアクセスできないため、新しく作成したページを連携させたい場合には、再度アカウント連携を行ってください。
マイアプリ画面に戻ります。
Notionも追加されていれば、このフローで使用するアプリのマイアプリ登録は完了です。
ステップ2:テンプレートのコピー
Yoomのフローボットテンプレートから使用するテンプレートを選び、「このテンプレートを試す」をクリックすると、テンプレートがコピーされます。
ここでは、冒頭でご紹介したテンプレートを使用するため、以下のバナーの「試してみる」をクリックしてください。
Notionでページが作成されたら、FrontにContactを作成する
試してみる
■概要
Notionで顧客情報を管理し、Frontで顧客とのコミュニケーションを行っている場合、手作業での情報転記に手間を感じていないでしょうか。このような二重入力は、作業時間を圧迫するだけでなく、入力ミスといったヒューマンエラーの原因にもなります。
このワークフローは、FrontのAPIを利用した連携をノーコードで実現し、Notionで新しいページが作成されると、その情報を基にFrontへ自動でコンタクトを作成します。定型業務を自動化し、より重要な業務に集中できる環境を構築します。
■このテンプレートをおすすめする方
- NotionとFrontを併用しており、顧客情報の二重入力の手間を削減したいと考えている方
- FrontのAPIを活用した業務自動化に関心があるものの、具体的な連携方法が分からない方
- 手作業による情報登録ミスを防ぎ、データ管理の正確性を向上させたいと考えているチームの方
■このテンプレートを使うメリット
- Notionへのページ作成をトリガーにFrontへコンタクトが自動で登録されるため、これまで手作業で行っていた転記作業の時間を短縮します。
- システムが自動で処理を行うことで、手作業に起因する入力間違いや登録漏れといったヒューマンエラーを防ぎ、データの正確性を維持します。
■フローボットの流れ
- はじめに、NotionとFrontをYoomと連携します。
- 次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- 続いて、オペレーションで分岐機能を設定し、特定の条件に合致した場合のみ後続の処理が実行されるようにします。
- 次に、オペレーションでNotionの「レコードを取得する(ID検索)」アクションを設定し、トリガーとなったページの情報を取得します。
- 最後に、オペレーションでFrontの「Create New Contact」アクションを設定し、Notionから取得した情報をもとにコンタクトを作成します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Frontでコンタクトを作成する際、登録する内容を任意で設定できます。例えば、Notionのページタイトルを氏名に、特定のプロパティをメールアドレスに紐付けるなど、Yoomの画面上で項目のマッピングを自由に行ってください。
■注意事項
- Notion、FrontのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- 分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
そうしますと、Yoomのワークスペースにテンプレートがコピーされ、自動化フローの設定画面(フローボット)が開きます。
「OK」をクリックして、フローの設定に進みましょう。
※ 以降、コピーしたフローボットには、プロジェクト一覧の「マイプロジェクト」からアクセスできます。
ステップ3:トリガーとなるデータソースの設定
先ずは、フローの起点となるトリガーアクションを設定していきます。
Notionの「特定のデータソースのページが作成・更新されたら」をクリック。
「タイトル」は任意の名称に変更できます。
アクションの内容が分かりやすいタイトルにするとよいでしょう。
連携アカウントとトリガーアクションを確認し、「次へ」をクリック。
「トリガーの起動間隔」のプルダウンから任意の間隔を選択。
トリガーの起動タイミングは「5分・10分・15分・30分・60分」から選択可能です。
そのプランの最短の起動間隔にすることで、データベースにページが作成された際に、より早くContactを追加できるようになります。
※ ご利用プランによって、設定できるトリガーの最短間隔が異なります。
「データソースID」に事前準備で用意したデータソースのIDを設定。
データソースIDはNotionのURLから取得できます。以下の画像のように、入力バークリック後の『候補』から情報を選択することも可能です。
詳細は入力欄下の案内やこちらのヘルプページをご確認ください。
指定したデータベースにテスト用のページを追加。
「テスト」をクリック。
テストに成功すると、最終更新日時が最も新しいページの情報が「取得した値」に追加されます。
これらの値は、以降のアクションで変数(フローが稼働する度に変わる値)として使用できるようになります。
※取得した値とは?
取得したURLを開き、テスト用に追加したページであることが確認できたら、ページ下部の「保存する」をクリック。
トリガーとなる投稿の設定が完了し、フロー画面に戻ります。
ステップ4:分岐条件の設定
このフローはNotionでページが更新された場合にも起動します。
ページが作成された場合にのみ、Contactを作成するように分岐条件を設定していきましょう。
※「分岐する」オペレーションは、ミニプラン以上でご利用いただけます。フリープランで利用するとエラーになってしまうのでご注意ください。
ミニプランなどの有料プランは2週間の無料トライアルが可能です。無料トライアル中は他のプランでは制限されているアプリや機能も自由にお試しいただけますので、ぜひ活用してみてください。
分岐の「コマンドオペレーション」をクリック。
適宜「タイトル」を変更。
「オペレーション」には分岐の対象となる値を取得したオペレーションを設定。
「取得した値」には分岐の対象となる値を設定。
下図の場合はトリガーアクションで取得した「作成日時」の値が分岐対象になります。
分岐条件に、ページ作成時のみ後続の処理を行うための条件を設定してください。
このテンプレートではデフォルトで下図の条件(作成日時が最終更新日時と等しい)が設定されているため、変更は必要ありません。
設定を確認したら、ページ下部の「保存する」をクリック。
ステップ5:作成されたページの取得
それでは分岐先で、ステップ3で取得したオブジェクトIDを用いて、作成されたページの情報を取得しましょう。
Notionの「レコードを取得する(ID検索)」をクリック。
連携アカウントと実行アクションを確認。
データベースの連携の「データベースID」に、ステップ3でも設定したIDを設定。
※ 必ず同一のIDを設定してください。
「次へ」をクリック。
取得したいレコードの条件として、【ID】がレコードIDの情報と等しくなるよう設定。
右側の入力欄をクリックした際に表示されるトリガーアクションのメニューから「ID」を選択してください。
「テスト」をクリック。
テストに成功すると、「取得した値」にトリガーとなったページの詳細情報が追加されます。
ページ下部の「保存する」をクリック。
ステップ6:Contactの作成
では、Notionから取得した顧客情報を用いてFrontにContact(連絡先)を作成しましょう。
Frontの「Create New Contact」をクリック。