kojiokanoのブログ

コーディング業務で困ったところをまとめています。

ステップ分けのあるLPの遷移方法

例.3ステップ後に完了ページへと遷移する場合

-------------------------------------------------------

●ページ構成

1ページ目・・・_form.html.haml

2ページ目・・・_form_1.html.haml

3ページ目・・・_form_2.html.haml

完了ページ・・・_thanks.html.haml

-------------------------------------------------------

1ページ目(_form.html.haml)に必要なリンク設定

赤文字部分が次のform番号

 

= form_for @customer, url: answers_path do |f|
  = f.hidden_field :page, value: "form_1"

 

・・・・・・・・・・・・・・・・・・・・・

2ページ目(_form_1.html.haml)に必要なリンク設定

赤文字部分が次のform番号

 

= form_for @customer, url: answers_path do |f|
  = f.hidden_field :page, value: "form_2"

 

・・・・・・・・・・・・・・・・・・・・・

3ページ目(_form_2.html.haml)に必要なリンク設定

緑文字部分が完了ページ(_thanks.html.haml)ヘの遷移を意味する

 

= form_for @customer, url: answers_path do |f|
  = f.hidden_field :page, value: "last"

 

-------------------------------------------------------