同条件で依存フィールドを複数個表示したい場合

依存フィールドは1つしか選択できないようです。

同一条件で複数の依存フィールドを表示したい場合は、同一条件で別のルールとして追加しないといけないでしょうか。

この場合、横並びができそうになかったり、順序の入れ替えが一度削除しないといけなさそうなのですが、何かいい方法を御存知の方はいらっしゃいませんか?

@TakuyaAimi さん

HubSpotコミュニティーへの投稿ありがとうございます!

依存フィールドですが、おっしゃるように1レイヤーのみ質問を追加することができ、2レイヤー以上質問を追加することはできません。(依存フィールドに複数の質問を追加したい、というアイデアが投稿されていましたのでこちらにリンクします。)

どうしても複数の依存フィールドを使用したい場合は、カスタムフォームを作成し、送信データをAPIでHubSpotに入れるのがよいかなと思います。

@Keit さん、何か他に方法をご存知でしたら共有いただけますでしょうか?

@TakuyaAimi さん、ご無沙汰しておりますw

@natsumimori さんが返答されているように、依存フィールドは、仕様上の制限があるので、2レイヤー以上、質問追加ができません。

外部の拡張になりますが、例えばTypeformや、SurveyMonkeyなどとHubSpotを連携させて、利用することでTypeformやSurveyMonkeyのフォームを利用できますので、依存フィールドなどの条件分岐が行えるようになり、連携設定をしていれば、データもHubSpotに登録することが可能です。

上記に付随して、プロパティデータを任意のプロパティに格納するのに、

ワークフローを使って、プロパティのコピーなどの調整作業は必要になる可能性があります。

@Keit さん、ご無沙汰しております!

ご回答いただけるのではないかと、少し期待しておりました!

外部拡張と組み合わせて利用する必要があるのですね。

フォームは重要だと考えているので、HubSpotだけで細かい設定が行えることに期待しておきます!

ありがとうございました。

@natsumimoriさん、ありがとうございます。

やはり標準のフォームではできないのですね。

アイデアの共有もありがとうございます!

随分前からリクエストがあがっているようですね。Voteしました!

横並びはCSSで解決できそうですが、並び順の変更は…実装をお待ちしております
16x16_smiley-mad.png.png

利用シーンは限られると思いますが、依存フィールドを2つ横並びで表示するCSSを共有しておきます。

(依存フィールドは同一条件で複数追加します。)

.hs-dependent-field {
 display: flex;
 flex-wrap: wrap;
}
.hs-dependent-field > .hs-form-field:first-child {
 width: 100%;
}
.hs-dependent-field > .hs-form-field:nth-child(n+2) {
 flex: 1 1 50%;
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
 .hs-dependent-field > .hs-form-field:nth-child(n+2) {
 flex-basis: 100%;
 }
}