質問&ディスカッション

RyoShirai
Participante

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

resolver

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

 

 

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

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

です。

0 Me gusta
3 Soluciones aceptadas
marykashima
Solución
Asesor destacado | Partner nivel Platinum
Asesor destacado | Partner nivel Platinum

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

resolver

@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で投稿中

Ver la solución en mensaje original publicado

KMurota
Solución
Colaborador líder

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

resolver

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

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



Kan Murota | Founder of Hyper Automation Design Studio
logo

Ver la solución en mensaje original publicado

assi
Solución
Guía

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

resolver

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

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

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

 

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

 

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


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

Ver la solución en mensaje original publicado

4 Respuestas 4
assi
Solución
Guía

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

resolver

@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
Solución
Colaborador líder

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

resolver

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

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



Kan Murota | Founder of Hyper Automation Design Studio
logo
marykashima
Solución
Asesor destacado | Partner nivel Platinum
Asesor destacado | Partner nivel Platinum

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

resolver

@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
Participante

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

resolver

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

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