質問&ディスカッション

RyoShirai
参加者

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

解決

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

 

 

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

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

です。

0 いいね!
3件の承認済みベストアンサー
marykashima
解決策
ガイド役 | Platinum Partner
ガイド役 | Platinum Partner

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

解決

@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
著書「HubSpotワンストップマーケティング」発売中

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

元の投稿で解決策を見る

KMurota
解決策
トップ投稿者 | Solutions Partner
トップ投稿者 | Solutions Partner

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

解決

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

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



Kan Murota | Founder of Hyper Automation Design Studio
logo

元の投稿で解決策を見る

assi
解決策
ガイド役 | Diamond Partner
ガイド役 | Diamond Partner

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

解決

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

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

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

 

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

 

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


CMS Hub NinjaAtsushi Handa
CTO at 100 Inc.
Twitter logo
HubSpot ダイヤモンドパートナー 株式会社100

元の投稿で解決策を見る

4件の返信
assi
解決策
ガイド役 | Diamond Partner
ガイド役 | Diamond Partner

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

解決

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

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

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

 

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

 

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


CMS Hub NinjaAtsushi Handa
CTO at 100 Inc.
Twitter logo
HubSpot ダイヤモンドパートナー 株式会社100
KMurota
解決策
トップ投稿者 | Solutions Partner
トップ投稿者 | Solutions Partner

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

解決

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

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



Kan Murota | Founder of Hyper Automation Design Studio
logo
marykashima
解決策
ガイド役 | Platinum Partner
ガイド役 | Platinum Partner

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

解決

@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
著書「HubSpotワンストップマーケティング」発売中

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

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

解決

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

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