質問&ディスカッション

RyoShirai
Participante

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

resolver

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

 

 

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

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

です。

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

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

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 Gold Partner

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 Gold
Asesor destacado | Partner nivel Gold

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

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 Gold Partner
RyoShirai
Participante

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

resolver

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

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