bubble.io

ノーコードでFAX送信してみた

前回の Twtterもどきを5分で作ってみた と同様ノーコード( Bubble.io )関連です。

はじめに

現在、複数の葬儀屋さん向けにマルチテナント型のサービスを提供中です。

その中で供花関連の業務を変えたいと要望がありました。

■課題
 ・注文対応に時間がかかる
  電話で花の種類の説明、送付先、札名、注文者情報の確認して注文書の作成を手作業でしている
 ・注文内容を転記するとき間違わないか不安

■方針
 葬儀屋さんだけでなく、発注先のお花屋さん業務も合わせて変えたいですが、
 業務変更の調整等に時間がかかるので、まずは葬儀屋さん側を変えていきます。
 
■変更概要
 Webで注文を受けて、自動で注文書をFAX、メール送信するという流れに変えていきます
 変更前
  【注文者】 →(電話)→ 【葬儀社】 →(手動FAX、手動メール)→ 【お花屋さん】

 変更後
  【注文者】 →(Web)→ 【新機能】 →(自動FAX、自動メール)→ 【お花屋さん】
                ↓(Webメール)
              【葬儀社】

 という事で、今更ながらFAX送信機能を追加していきます。
 最終的にはFAX送信は無くしていきたいので、手間をかけずサクッと作っていきます。

連携したサービス

ノーコード Bubble.io

 このサービスは、ノーコード(Bubble.io)を使って本番提供しています。
 サーバーは構築も運用もしていません。

FAX 秒速FAX送信

 メールを送ると、本文または添付したPDFをFAX送信してくれるサービス

 固定費を上げたくなかったので、入会金・初期費用・月額基本料が0円で
 送信費用のみで利用できるサービスから選びました。

iPaas(システム連携サービス) Integromat

 Webhookや各サービス専用の連携モジュール等を使って、
 システム間のデータやイベントを連携をするサービス

 iPaasだと、zapierが有名ですが、
 Integromatには、bubble.io専用の連携モジュールがあるのでこちらにしました。

FAX送信について

今回の連携の課題

 Bubble.ioから秒速FAX送信を経由で正しくFAXを送信するためには、HTMLタグ削除の変換処理が必要

 ・[秒速FAX送信]はメール経由でFAX送信が可能です。※テキスト形式のみ対応(HTML形式は不可
 ・しかし、Bubble.ioのメール送信はHTMLメール形式 固定です。
 ・Bubble.io内でも文字列変換としてHTMLタグは削除できますが、
  メール送信するタイミングで結局HTML形式に変換されてします

解決策

A案:プログラムで変換

 このサービスはBubble.ioのみで、サーバーを構築していないので、
 PHP等で変換を掛けるには、HTMLタグ削除のみの為にサーバーを別途用意する必要があります。

B案:システム連携サービスで変換

 サーバーを立てる必要がない、IntegromatにはHTML削除機能があるので設定のみですぐできます。
  ①Bubble.ioからIntegromatにメールを送信
  ②IntegromatでHTMLタグを削除して[秒速FAX送信]宛にメールを再送信

今回はサーバー構築が不要なB案

実際の連携手順

bubble.ioでの設定

Integromat宛に注文内容をメール送信

Integromatでの設定

受信したメールの本文からHTMLタグを削除して、[秒速FAX送信]あてにメール送信
※メール受信すると処理を自動実行するWebhook(mailhook)を使っています。

■シナリオ
 1. [Webhook(Custom mailhook)]モジュールを使ってメールを受信
 2. [Email]モジュールでメール送信
 

 ■シナリオ詳細 ( [Email]モジュールの設定 )
  ・送信先を[秒速FAX送信]宛に設定
  ・件名(Subject)のテキストをコピー
  ・本文(Content)のテキストからstripHTMLを使ってHTMLタグを削除

まとめ

サーバーも立てず、コードも書かずに、サクッと
電話受付の担当者無しで供花の受注から発注ができるようになります。

参考文献