質問&ディスカッション

RyoShirai
Participant

複数ステップのフォームについて

SOLVE

HubSpotで複数ステップにわかれたフォーム(multi-step formという?)を作成するにはどうしたらいいでしょうか?

 

 

- 公式機能があるなら知りたい

- ない場合に良いプラグインやSaaSを知りたい

です。

0 Upvotes
3 Accepted solutions
marykashima
Solution
Key Advisor | Gold Partner
Key Advisor | Gold Partner

複数ステップのフォームについて

SOLVE

@RyoShirai ちょうど私もマルチステップフォームの実装を検討していました。

マーケットプレイスのモジュールでいくつかみつけました。

digital22社が開発している Multi Step Form 2  というのがシンプルで良さそうだなと思っています。

https://hello.digital22.com/watch/dP6HPqoJru5Ev6sAEgtJKd

(これはProgressBarバージョンのようです)

見る感じフォーム内にリッチテキストで見出しを作って、そちらを検知して分けているようです。

 

私もこれからモジュール購入してトライしてみます。

問題は、マーケットプレイスでのモジュール単体販売が10/19までなのでその後はこの製品消える可能性が髙いです(おそらくテーマを内包して再リリースしそうです)。

 

参考になれば幸いです。


Mary Kashima
HubSpot Community Champion
Grow Better at Community 2021,2022,2023
著書「HubSpotワンストップマーケティング」発売中

株式会社クリエイティブホープ HubSpot Platinum Partner

View solution in original post

KMurota
Solution
Top Contributor

複数ステップのフォームについて

SOLVE

@RyoShirai 
SaaSで言うと、TypeFormやJotFormがポピュラーだと思います。
よりデザイン重視ならTypeForm、機能性重視ならJotFormという感じです。
TypeFormは一問一答形式オンリー、JotFormは通常のフォーム形式も一問一答形式も、一つのフォームをセクションを分けて数質問ごとを1ページに見せることも可能です。JotFormはCSSカスタマイズもできるので、かなりリミットレスな気がします。
海外産のメジャーなフォームビルダーツールであれば大抵HubSpotと連携しています。

最近個人的に注目しているのは、Survey Sparrowです。従来のフォーム、カード形式の他、チャット形式にもできるのでユーザーフレンドリーだなと。



Kan Murota | Founder of Hyper Automation Design Studio
logo

View solution in original post

assi
Solution
Guide

複数ステップのフォームについて

SOLVE

@RyoShirai ハック的ですが、1番簡単な方法は3ステップあるのであればフォームを3つ作って、

  • 1つ目のフォーム:送信ボタンを「次へ」にして2つ目のフォームにリダイレクト
  • 2つ目のフォーム:同上
  • 3つ目のフォーム:送信ボタンを「送信」にしてサンクスページへリダイレクト

とすることでそれっぽくできます。

 

それぞれのフォームで「フォーム送信がありました」のメールが飛んできたり、いきなり2つ目のフォームのURLにランディングされたらどうする…など細かいところは調整の余地があるのですが、そのレベル感でもOKであれば簡単にできます!

 

後は他の方のご紹介の通りSaaSやマーケットプレイスのアプリか、良い物がなければJavaScriptで独自開発かなと思います。

View solution in original post

4 Replies 4
assi
Solution
Guide

複数ステップのフォームについて

SOLVE

@RyoShirai ハック的ですが、1番簡単な方法は3ステップあるのであればフォームを3つ作って、

  • 1つ目のフォーム:送信ボタンを「次へ」にして2つ目のフォームにリダイレクト
  • 2つ目のフォーム:同上
  • 3つ目のフォーム:送信ボタンを「送信」にしてサンクスページへリダイレクト

とすることでそれっぽくできます。

 

それぞれのフォームで「フォーム送信がありました」のメールが飛んできたり、いきなり2つ目のフォームのURLにランディングされたらどうする…など細かいところは調整の余地があるのですが、そのレベル感でもOKであれば簡単にできます!

 

後は他の方のご紹介の通りSaaSやマーケットプレイスのアプリか、良い物がなければJavaScriptで独自開発かなと思います。

KMurota
Solution
Top Contributor

複数ステップのフォームについて

SOLVE

@RyoShirai 
SaaSで言うと、TypeFormやJotFormがポピュラーだと思います。
よりデザイン重視ならTypeForm、機能性重視ならJotFormという感じです。
TypeFormは一問一答形式オンリー、JotFormは通常のフォーム形式も一問一答形式も、一つのフォームをセクションを分けて数質問ごとを1ページに見せることも可能です。JotFormはCSSカスタマイズもできるので、かなりリミットレスな気がします。
海外産のメジャーなフォームビルダーツールであれば大抵HubSpotと連携しています。

最近個人的に注目しているのは、Survey Sparrowです。従来のフォーム、カード形式の他、チャット形式にもできるのでユーザーフレンドリーだなと。



Kan Murota | Founder of Hyper Automation Design Studio
logo
marykashima
Solution
Key Advisor | Gold Partner
Key Advisor | Gold Partner

複数ステップのフォームについて

SOLVE

@RyoShirai ちょうど私もマルチステップフォームの実装を検討していました。

マーケットプレイスのモジュールでいくつかみつけました。

digital22社が開発している Multi Step Form 2  というのがシンプルで良さそうだなと思っています。

https://hello.digital22.com/watch/dP6HPqoJru5Ev6sAEgtJKd

(これはProgressBarバージョンのようです)

見る感じフォーム内にリッチテキストで見出しを作って、そちらを検知して分けているようです。

 

私もこれからモジュール購入してトライしてみます。

問題は、マーケットプレイスでのモジュール単体販売が10/19までなのでその後はこの製品消える可能性が髙いです(おそらくテーマを内包して再リリースしそうです)。

 

参考になれば幸いです。


Mary Kashima
HubSpot Community Champion
Grow Better at Community 2021,2022,2023
著書「HubSpotワンストップマーケティング」発売中

株式会社クリエイティブホープ HubSpot Platinum Partner
RyoShirai
Participant

複数ステップのフォームについて

SOLVE

ご回答ありがとうございます!!

3rd partyのモジュールはけっこうありそうですね。