add apps株式会社ハレフル

add apps 3

HubSpot のフォームの選択肢をグループに分けて表示する

HubSpot フォームの URL を入力すると、フォームの項目を読み取り、グループ選択の埋め込みコードを作成します。選択肢の多いチェックボックス・ラジオボタンの項目を、見出しごとに開いて選べる形にまとめます。作成したコードは、フォームを設置したページの「HeadのHTML」に貼り付けてご利用ください。

ご利用ガイドを見る
STEP 1

フォームの URL を入力

HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。グループに分けたいチェックボックス・ラジオボタンの項目は、非表示にせずにフォームに置いておきます。

STEP 2

フォームの確認

    STEP 3

    グループに分ける項目

    フォームに置いたチェックボックス・ラジオボタンの項目から選びます。フォームでは、この項目の位置に、グループに分けた選択肢が表示されます。

    STEP 4

    グループと選択肢

    項目を選ぶと、ここでグループを作れます。

    STEP 5

    必須のメッセージと初期選択

    STEP 6

    埋め込みコードの貼り付け

    
          
    
            
            
          
    
          
    コードにはグループ選択の本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。
    
          
      
            
    1. HubSpot で、フォームを設置したページの編集画面を開きます
      2. 
            
    2. 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
      3. 
            
    3. ページを更新（公開）します
      4. 
          
    
          
    確認画面や入力補助と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。
    
          
    正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。