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

Webflow×楽楽販売の連携でアイテムを自動追加する!

r.suzuki

目次

ビジネスのデジタル化が進む中で、さまざまな業務に適したツールを活用する企業が増えています。
しかし、ツール同士の連携がうまくいかず、手動での転記作業が増えていませんか?
そこで今回は、Webflowで作成したデータを楽楽販売に自動で追加する仕組みを紹介します。
自動化によって手動入力が削減でき、業務効率の向上やエラー削減が期待できます。
また、プログラミング知識がなくても導入できる、簡単な連携設定も順を追って説明します。
ぜひアプリ連携の参考にしてください。

Webflowと楽楽販売を連携するメリット

メリット1: 作業時間の短縮

手動でデータを転記する必要がなくなり、作業時間を短縮できます。
また、定型的な作業の自動化により、スタッフが他の重要な業務に集中できる時間が確保でき、業務の生産性向上が期待できます。
例えば、商品開発部門がWebflowで新製品の情報をコレクションに追加すると、販売管理チームが利用する楽楽販売に自動でデータが送信されます。
これにより、販売管理チームは手動入力にかかる時間の削減が見込めます。
また、スムーズに情報が共有されることで、アプリ間を行き来せず、在庫管理や販売戦略の調整ができ、商品のリリーススケジュールへの素早い対応も期待できます。

メリット2: エラーの削減

人為的なミスが多い手動入力作業を自動化することで、入力ミスや情報の不一致の減少が見込めます。
これにより、正確なデータが楽楽販売に反映され、後工程の混乱や修正コストの削減も期待できます。
例えば、広報部がWebflowでプロモーション情報を登録した際、自動的に楽楽販売に正確なプロモーションデータが追加されます。
そのため、マーケティング部は常に正しい情報を基にキャンペーンを展開でき、間違った情報によるトラブルの発生を未然に防ぐことが期待できます。

[Yoomとは]

Webflowと楽楽販売の連携フローの作り方


まずはじめにYoomの公式サイトにアクセスし、アカウント作成をお願いします。
既にアカウント登録済みの方はログインしてください。
Yoomのアカウント発行ページ

ステップ1: Webflowと楽楽販売をマイアプリ連携

1)Yoomのアカウントにログインしたら、使用するアプリを登録します。
「マイアプリ」をクリックし、「新規接続」を選択してください。


2)登録したいアプリを選択し、アプリごとに使用するアカウントでログインしてください。
1つ目のアプリが登録できたら、もう一度「新規接続」をクリックして、2つ目のアプリを登録します。

3)登録ができるとマイアプリにアイコンが表示されます。
登録した2つのアプリのアイコンが表示されたか確認してください。
※楽楽販売はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。
フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
※分岐をするにはミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。
※チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。
無料トライアル中には制限対象のアプリを使用することができます。
無料トライアルでできることと開始方法について | Yoomヘルプセンター (intercom.help)

今回は、【Webflowでコレクションのアイテムが作成されたら楽楽販売に追加する】というフローを作成します。
作成の流れは以下の通りです。

・テンプレートをコピー
・Webflowで「コレクションのアイテムが作成されたら」というトリガーを作成します。
・その後、楽楽販売で「レコードを登録」というアクションを設定します。
・最後にトリガーが起動するようにONにします

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

1)上記のテンプレートを開き、「このテンプレートを試してみる」のアイコンをクリックします。

2) 以下のような表示が表示されます。

右に「!」が表示されているアイコンを順番にクリックして、オペレーションの設定をします。
タイトルや詳細は、クリックすると編集可能ですので、適宜変更してください。


ステップ3:トリガーを設定

「アプリトリガー コレクションのアイテムが作成されたら」をクリックします。

ステップ4:Webflowのアクションを設定

1) アクションは「コレクションのアイテムが作成されたら」を選択して、「次へ」をクリックします。


2) サイトIDを入力します。
アプリが連携出来ていると候補から選択できます。
入力が完了したら「テスト」をクリックし、テスト成功後「保存」します。

3)Webhookイベントを送信して、テストをクリックし、テスト成功後「保存」します。

ステップ5:楽楽販売のアクションを設定

1) フローに戻り、「アプリと連携する レコードを登録」のアイコンをクリックします。

2) アクションは「レコードを登録」を選択して、「次へ」をクリックします。

3) 必須項目を入力します。
アプリが連携していると、Webflowのアウトプット情報を活用して入力できます。
必要に応じて候補から選択し、入力が完了したら「保存」します。

 これで【Webflowでコレクションのアイテムが作成されたら楽楽販売に追加する】というフローが完成です。

ステップ6: テストと確認

 設定が完了すると、以下のような画面が表示されるため、「トリガーをON」をクリックします。
フローボットを起動し、正しく作動するか確認してください。

今回使用したテンプレートはこちら

Webflow・楽楽販売を使ったその他の自動化例

他にもYoomにはWebflowや楽楽販売を使った自動化のテンプレートがあるのでご紹介します。
自動化を試みたい業務内容や、現在利用しているアプリとの組み合わせに応じて、テンプレートを活用してください。

1.Webflowで注文が発生したら楽楽販売に追加する
このテンプレートは、Webflowで注文が発生した際にそのデータを楽楽販売に自動的に追加するフローです。
注文情報を手動で入力する必要がなくなり、入力時間の削減が見込めます。
また、入力ミスや重複などのヒューマンエラーの防止が見込め、ミスによるフォロー業務の削減や、全体的な業務の効率化が期待できます。

2. Webflowのフォームが送信されたら楽楽販売に追加する
Webflowから送信されたフォーム内容を楽楽販売に自動追加できます。
Webflowのダッシュボードにその都度ログインしてフォーム内容を転記する作業が不要となるため、業務の効率化が期待できます。
また、Notionにフォーム内容が自動追加されることで、ヒューマンエラーの防止や、情報の正確性向上が見込めます。

3.楽楽販売に追加されたキーワードで口コミをGoogle検索し、結果をGoogleスプレッドシートに更新する
追加されたキーワードを元にGoogle検索と口コミ情報の要約を自動で行えます。
効率的に口コミ情報を収集し、業務に活用することが期待できます。
口コミ情報の収集や収集データの要約を自動化したいと考えている方に、このテンプレートは適しています。
追加されたキーワードを自動で検索・要約することで、ヒューマンエラーの防止が見込めます。

まとめ

Webflowで作成したコレクションアイテムを楽楽販売に自動追加するフローを導入することで、手動作業の負担を軽減し、作業時間の短縮やエラー削減といったメリットが期待できます。
また、自動化によって、スタッフがより重要な業務に充てる時間の確保が見込め、業務全体の効率化にもつながりそうです。

さらにYoomを使えば、プログラミング知識がなくても簡単にアプリ連携に挑戦できます。
ツール間の連携に悩んでいる方は今回紹介した具体的な連携フローを参考にして、自社の業務改善にぜひ役立ててください。

この記事を書いた人
r.suzuki
人材が限られる地方の中小企業で業務の効率化を日々模索していたところ、Yoomと出会いました。 こうだったらいいなとなにげなく考えていたことがYoomを導入することで、こんなにも効率化できるんだ!と感動。 システムやプログラミングの知識や経験がない私でも、業務が大きくかわったので、同じように感じているたくさんの方々へ共有できたらと執筆しています。
タグ
自動化
連携
Webflow
楽楽販売
自動
関連アプリ
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.
Yoomとは?
これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
詳しくみる
詳しくみる