WebflowとSPIRALで注文情報の登録を自動化してみた

注文情報を正確に管理することはマーケティング活動の効果を最大化するために非常に重要です。
今回はWebflowとSPIRALを連携して注文情報を自動的に登録する方法をご紹介します。
この自動化により、手動でのデータ入力が不要になり、ヒューマンエラーを減らすことができます。
また、重複登録やデータのばらつきを防げるため、統一されたデータ管理を実現できるでしょう。
本記事では、詳しい自動化の設定方法とその効果を解説します。

WebflowとSPIRALを連携するメリット

メリット1:作業の正確性と業務効率の向上が期待できる

WebflowとSPIRALの連携により、従来の手動作業で起こりがちなミスを大幅に削減することができます。
たとえば、Webflowで注文が発生すると、自動的にSPIRALに反映されます。
これにより、<span class="mark-yellow">担当者は注文有無を確認する必要がなくなり、転記手間から解放されるでしょう。</span>
結果として、担当者はマーケティングや分析に時間を割けるようになり、業務効率を向上できるでしょう。
また、ミスのない正確なデータを反映できるため、マーケティング施策の改善に貢献できるようになります。

メリット2:注文情報を一元で管理できる

Webflowからの注文情報を自動登録することで、注文情報を一元管理できます。
特に異なるシステムを利用し、手動で注文情報を管理している場合、注文情報の重複やデータのばらつきが生じる可能性があります。
しかし、自動化を導入すれば、<span class="mark-yellow">注文情報が自動転記されるため、統一されたデータを維持できるでしょう。</span>
また、注文情報を確認するために、異なるシステムを立ち上げる必要がなくなるので、システム間の移動も減少します。
特に注文件数が多い場合には、この自動化が有効です。

[Yoomとは]

WebflowとSPIRALの連携フローの作り方

今回は「Webflowで注文が発生したらSPIRALに追加する」という以下のテンプレートの設定方法をご紹介します。
このテンプレートを利用することで、イチから自動化設定を行う必要がなく、便利です。

工程は4ステップだけなので、10~15分で設定できます。

WebflowとSPIRALをマイアプリ登録
Webflowで新規注文が発生したら起動するトリガーを設定
SPIRALでレコードを登録するアクションを設定
WebflowとSPIRALの自動化の動作確認

Yoomをまだ利用していない方は、こちらから無料登録をしてください。
すでにYoomを利用している方はログインしましょう。

ステップ1:WebflowとSPIRALをマイアプリ登録

WebflowとSPIRALをYoomに接続するマイアプリ登録を行ってください。
マイアプリ登録を先に済ませると、自動化設定が簡単です。

Webflowのマイアプリ登録を行いましょう。
Yoom画面の左側にある「マイアプリ」→「新規接続」をクリックします。
アプリ一覧が表示されたらそこからWebflowを選ぶか、検索バーにWebflowと入力してください。

以下の画面が表示されたら、Webflowの画面に移動して、説明の通りに「アカウント名」と「アクセストークン」を設定しましょう。

次に、SPIRALのマイアプリ登録を行うため、先ほどと同様にSPIRALを選択してください。
こちらからAPIエージェントの作成方法と設定方法を確認しましょう。
SPIRALの画面に移動して、説明の通りに「アカウント名」と「アクセストークン」を設定してください。

マイアプリにWebflowとSPIRALが表示されていれば、登録完了です。

ステップ2:Webflowで新規注文が発生したら起動するトリガーを設定

自動化の設定をするため、以下のバナーにある「試してみる」をクリックしてください。

以下の画面表示を確認して、「OK」をクリックしましょう。

以下の画面が表示されるので、「タイトル」と「説明」を確認しましょう。
変更が必要な場合は、以下のページより変更できます。
まず、Webflowの設定を行うために、「新規注文が発生したら」をクリックしましょう。

以下の画面が表示されたら、設定を確認してください。

「タイトル」→必要に応じて変更可能
「Webflowと連携するアカウント情報」→相違がないか確認
「トリガーアクション」→新規注文が発生したら

以下の画面が表示されるので、候補から「サイトID」を選択しましょう。
入力欄をクリックすると候補が表示されます。
設定が完了したら、「テスト」→「テスト成功」→「保存」をクリックしてください。

以下の画面が表示されたら、手順を確認しましょう。
Webhookイベントを送信もしくはトリガーとなるイベントを実行したら「テスト」→「テスト成功」→「保存」をクリックしてください。

ステップ3:SPIRALでレコードを登録するアクションを設定

以下の画面が表示されるので、設定を確認しましょう。

「タイトル」→必要に応じて変更可能
「SPIRALと連携するアカウント情報」→相違がないか確認
「アクション」→レコードを登録

以下の画面が表示されたら、説明を確認して「アプリID」と「データベースID」を候補から選択してください。

以下の画面が表示されるので、「レコード情報」を設定しましょう。

「フィールドの識別名」→説明を確認して設定
「値」→Webflowのアウトプットを利用して設定
※赤枠内の矢印をクリックすると、Webflowのアウトプットを利用できます。
SPIRALで確認したい注文情報を任意で設定しましょう。

フィールド情報を追加したい場合は、「フィールド情報を追加」をクリックすると追加できます。
設定が完了したら、「テスト」→「テスト成功」→「保存」をクリックしてください。

ステップ4:WebflowとSPIRALの自動化の動作確認

最後に「トリガーをON」をクリックしたら、自動化の設定は完了です。
フローボットが正しく起動するか確認しましょう。

今回使用したフローボットテンプレート
Webflowで注文が発生したらSPIRALに追加する

その他のWebflowとSPIRALを使った自動化の例

1.Webflowでコレクションのアイテムが作成されたら、自動的にSPIRALに追加するフローです。
コレクションデータを転記する手間が省け、作業時間を大幅に短縮できます。
データ管理を効率化できるため、チーム全体で最新のデータにアクセスできます。

2.Webflowのフォームが送信されたら、SPIRALに自動追加するフローです。
フォーム内容が自動転記され、転記漏れといったヒューマンエラーを防げます。
フォーム内容をスピーディーに転記できるため、顧客対応がスムーズに行えるでしょう。

3.Webflowで注文が発生したら、自動的にkintoneに追加するフローです。
注文が発生するたびに、注文情報を転記する手間が省けます。
特に複数注文がある場合は、労力と時間削減に大きく貢献するでしょう。

まとめ

本記事では、Webflowで注文が発生した際に、自動的にSPIRALに追加する方法をご紹介しました。
注文情報の登録を自動化することで、業務全体のパフォーマンスが向上するでしょう。
これにより、ヒューマンエラーが減り、データを一元管理することができます。
ぜひ、この自動化を活用して、業務効率を向上させましょう。

Yoomの大きな魅力は、アプリ連携や自動化において難しいコード入力が不要なため、誰でも簡単に利用できる点です。
利用してみたい方は、こちらから無料登録を行ってください。