多くの ツールは 「LINE step は こっち · メール step は こっち · タグ 付与 は 別画面 · 分岐は 手動」 という 分断 された 編集 に なっている。
Posti の Visual Funnel Builder は、その 全部 を 1 枚 の キャンバス で 配線 する。
3 pane · Mac 的 な 操作 感
画面 は 3 pane 構成:
- 左 · palette = 使える 要素 (トリガー / メール / LINE / タグ操作 / 待機 / 分岐)
- 中央 · canvas = 要素 を drag & drop で 配置 · 線で 接続
- 右 · inspector = 選択 中 の 要素 の props を inline 編集
要素 を 追加 する には palette から drag して canvas に drop。 接続 は node の 下 の 丸 handle から drag して 次 の node の 上 の handle に drop。 分岐 は 「タグ で 分岐」 node を 置く だけ · 「タグ あり (緑線)」 「タグ なし (橙線)」 が それぞれ の 経路 に 繋がる。
実例: Webinar → 7日 drip → 有料 講座
例えば こう いう flow が 1 枚 で 書ける:
- トリガー: 「無料 講座 リスト に 登録 された」
- メール送信: welcome mail (即時)
- 待機: 1 日
- LINE 送信: 「webinar 予約 は こちら」 の 案内
- 待機: 3 日
- タグ で 分岐: 「wb_reg:brand-slug」 タグ が 付いて いる か?
- タグ あり (予約済) → END (何も 送らない)
- タグ なし (未予約) → 教材 downsell mail 送信
- メール送信: 「募集終了 · 教材 で 独学 したい 方 へ」 (Day 8)
- END
これ 全部、canvas 上で 目に見える 形 で 配線 する。 変更 も 直感的 に できる。
「発行」 一発 で 実配信 に 乗る
flow 完成 したら 上部 の 発行 ボタン。 内部で:
- MailSequence 生成 (各 「メール送信」 node)
- LineSequence 生成 (各 「LINE 送信」 node)
- tag hook 登録 (各 「タグで分岐」 node · trigger tag + unenroll tag)
- 待機 の day_offset 計算 (直前の 待機 node を積算)
worker/cron が これを 拾って 実配信 開始。 subscribers の 動き で 自動で 分岐 が 走る。
「JSON も書ける」 モード
palette 下 の 「JSON 表示」 で キャンバス と 同期 した DSL が 見られる。 詳細な微調整 や テンプレの export/import が 必要 な 場合 は こちら を 直接 編集 可。
テンプレ gallery から 3 秒 で clone
一から書く のが 面倒 な場合は templates gallery から 完成品 を 1-click clone。 中身は 上記 の 手順 で 好き に 編集。
こんな 人 に
- 「LINE step と メール step が 別ツール で 分岐 が 手動」 で しんどい 人
- 「新しい人 に flow を 説明 する のが 大変」 で 図を書 きたい 人
- 「複雑な 条件分岐 を 見た目で 追える 形 に したい」 人
次に読む: - Behavioral Tag で 「予約したら 別step · 買ったら unenroll」 - Per-project sender domain で 到達率 を 汚染から 隔離