メインコンテンツへスキップ
見出し画像

増殖しすぎたMAの問合せフォーム統合から思いついた、カタログまとめてDLアプリをBase44で作ってみた

    マーケティングオートメーション(MA)が日本で流行し始めてからそれなりの年月が経過しています。わたしの会社が運用支援をしているお客様もほぼ全ての会社さんが、種類は違えどMAを利用しています。

    MAの利用年数増加と、正比例するフォーム増加

    MAが普及するタイミングでは、一度フォームを送信する(クッキーが紐付く)ことで、次回からフォームに同じ内容の入力は不要になるということで「これは便利」と多くの方が感じていたと思います。

    導入時点は気がつかないことですが、長年運用を続けていくと、資料や事例のフォームがかなりの数となってきてしまい、管理面で不安を持つ担当者の方から相談を受けた事があります。

    アプローチ方法としては、1対1で作成していたフォームを、送信フォームは1つにして、どの個別ページから送信されたかを記録していくタイプ。

    もうひとつは、同じく1対1で作成していたフォームを、欲しい資料をチェックしてもらい、選択した資料内容を1つのフォームで処理、MAにはどの資料がダウンロードされたかを記録するタイプで提案することになります。(まとめてダウンロードの課題については後述)

    資料ごとにフォーム送信させるのは本当にユーザーフレンドリーか

    MA普及期のサービス提供側の期待感は前述した通りですが、利用する立場で考えると、確かにフォームに自動入力はされるので、それ以前のテクノロジーと比較すると便利であることは事実かと思います。

    ですが、気になった資料をポチポチクリックして資料請求できるほうが話が早いと感じることも正直あります。

    フォームの増殖に困惑するマーケ担当者と、欲しい資料が増えるごとにフォーム送信回数が増えてしまう利用者側の課題感はこれまでの実務経験から感じていた。

    技術的な面ではどのページから問合せフォームに遷移したかを記録するのは比較的容易なので、増殖した問合せフォーム統合を実施している企業も多いのではと推測します。

    ですが、20とか30ある資料を自由に選択してもらい、ZIP化してダウンロードしてもらうとなるとそれなりの開発が必要となり、費用面で断念していた会社さんも多いのでは?と推測します。

    今回もバイブコーディングでBase44に実装を依頼

    前回紹介したデザイン校正アプリ同様に、課題感は明白だったのでBase44にはまずZIP化できるのか?を確認したところ「できます」との返事だったので、以下の要件を伝えてアプリを作成しました。
    もちろん今回もバイブコーディングです。

    • PDFの資料を複数選択したうえでZIP化してダウンロードできる

    •  MA(今回はAccount Engagement)に情報を登録 

    • カタログの追加・更新・削除を管理画面から行うことができる

    画像
    カタログダウンロードシステム 基本仕様
    画像
    基本画面構成

    ごくごく一般的な機能ですが、カタログ選択では、サムネイル付きで複数の資料を選べるようにしてあり、公開・非公開の切り替えも管理画面から行えるよう実装してもらいました。

    スクショのようなカタログの追加・順序変更・PDF差し替えが可能な管理画面もBase44のエージェントに自然言語で指示すれば作成してくれます。

    画像
    管理画面(カタログ登録情報管理)

    このような管理画面を従来手法で開発すれば画面の構成含めデザイナー、コーダー、エンジニアの稼働が必要だったはずですが、極論「管理画面作って」で済んでしまうのがBase44の凄いところです。

    現時点で情報入力フォームはメール・氏名・会社名のみですが、当然ながら項目はカスタマイズ可能です。Account Engagement(Pardot)との連携はフォームハンドラーの機能を利用しています。

    ここで注意点ですが、このアプリは選択した資料をまとめてZIPでダウンロードできるのが売りですが、まとめるPDFの数が増えれば増えるほど圧縮にかかる時間も増加します。1つのカタログ容量が大きい場合には、数が少なくても同じ問題に直面することになるので、実運用時には注意(利用者への適切な案内)が必要かと思います。

    MA側ではプロスペクトの新規作成とダウンロード済みカタログ名を個別に把握できる作りにしてあり、サブドメインでこのカタログシステムを運用した場合でも本体サイトと連携してアクティビティの取得ができることはテスト済みです。

    画像
    MAの管理画面(Account Engagement)

    今回Account Engagement(Pardot)連携版を紹介しましたが、HubSpot対応版も開発しています。

    同じ課題感をお持ちのマーケ担当の方へ

    MAの利用がごくごく普通のことになってはいますが、それなりの課題感をお持ちのマーケ担当の方もいらっしゃるかと思います。
    「うちもフォームが増えすぎている」「資料DLの体験を改善したい」とわたしと似たような課題感をお持ちの方がいらっしゃればぜひお問い合わせください。よろしくお願いします。


    前回記事:XDのプレビューで限界を感じて、校正アプリをBase44で作ってみた

    実際にカタログを選択してダウンロードを試してみたい方やその他の用途・課題に対してBase44を試してみたい方はお気軽にお問い合わせください。

    お問い合わせはこちら


    紹介リンク


    Base44を試してみたい方はこちらからどうぞ。このリンクから登録していただたくと、30ボーナスクレジットが付与されます。(最初のアプリを公開してメッセージを送信するとわたしにもクレジットが付与されますが現金価値はありません)
    ▶ Base44:(リファラルリンク)


    ▶ITmedia オルタナティブブログ:https://blogs.itmedia.co.jp/yasusasaki/base44/

    ▶Base44でできること完全ガイド|公式パートナーが実際に使ってわかったこと


     
     
    主にBtoBのWeb制作・運用の制作会社を経営して27年目。20代はドリカムデビュー時のサポートギタリストとして「決戦は金曜日」等のライブ・レコーディングに参加。現在はBase44の公式パートナーとしてバイブコーディングに没頭中

    あなたへのおすすめ