質問&ディスカッション

RyoShirai
Participant

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

SOLVE

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

 

 

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

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

です。

0 Upvotes
3 Accepted solutions
marykashima
Solution
Key Advisor | Platinum Partner
Key Advisor | Platinum 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
JPで唯一の HubSpot INBOUND2024 Correspondent やってます!SNSで投稿中

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で独自開発かなと思います。


HS Tech Ninja Atsushi Handa
独立しました:https://assialiholic.net/about
Twitter logo

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で独自開発かなと思います。


HS Tech Ninja Atsushi Handa
独立しました:https://assialiholic.net/about
Twitter logo
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 | Platinum Partner
Key Advisor | Platinum 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
JPで唯一の HubSpot INBOUND2024 Correspondent やってます!SNSで投稿中
RyoShirai
Participant

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

SOLVE

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

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