DEV Community

Yoichi Dan
Yoichi Dan

Posted on

mautic で Form と Landing Page をとりあえず作ってみる

公式ドキュメント的には、最初に Campaign の説明が来るのだけれど、なんらかコンタクト等の取得元が無いと始まらないので、まずは Form と Landing Page を作ってみる。

最初はいきなり Landing Page の方を作ろうとしてみて、入力フォームが無いのに戸惑ってしまったが、なんのことはなく Form は別だというだけだった。

Form

2021-06-19_08h25_48

2021-06-19_08h26_47

全体的に雑に作っている、在住は dropdown を作るのが面倒だったので country に紐付けた。
2021-06-19_08h27_26

そんなに編集する場所は無いが、「フィールドの HTML 名」はきちんと付けておくほうがよい。空白にすると zai_jyu みたいになってしまう。
2021-06-19_08h29_00

アクションもメールを送信するだけ。ここの {formfield=country} のところが、先程の「フィールドの HTML 名」になる。
2021-06-19_08h31_15

「フィールドの HTML 名」とは書いているが、HTML を見ると、form の name 属性に使われているので POST パラメータにもなっている。
とはいえ、formfield でのパラメータアクセスのキーにもなるので、明示的な名前にしておく方がいいと思う。(そもそも英語を使うなら自然に設定されるからいんでしょうけど)

Landing Page

Blank のテーマを選んで、最初からあるテキストの場所に {form=1} を入れただけ。
2021-06-19_08h32_54

{form=1}1 は Form の ID なので、一覧から探せる。

2021-06-19_08h34_14

これで終了。

表示

Landing Page の画面から publish されたページのリンクがでるので表示してみる。

2021-06-19_08h35_34
在住のドロップダウンにも、国の一覧が出てくる。

送信

Form の画面の方に結果が出てくる。グラフには反映されない。
2021-06-19_08h37_18

メールも送信されている。
2021-06-19_08h39_45

Top comments (0)