add apps株式会社ハレフル

add apps 8

HubSpot のフォームでテキスト項目を選択肢から選べるようにする

HubSpot フォームの URL を入力すると、フォームの項目を読み取り、テキスト項目をフォームだけ選択型にの埋め込みコードを作成します。プロパティは 1 行テキストのまま、フォームではラジオボタン・チェックボックス・ドロップダウンで選べるようにします。選んだ選択肢の文字が、そのまま項目に保存されます。作成したコードは、フォームを設置したページの「HeadのHTML」に貼り付けてご利用ください。

ご利用ガイドを見る
STEP 1

フォームの URL を入力

HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。選択型にする項目は「1 行テキスト」の項目にして、非表示にせずにフォームに置いておきます。

STEP 2

フォームの確認

    STEP 3

    項目と選択肢

    選択型にする項目と、選び方・選択肢を設定します。項目は、フォームに表示される項目名か、プロパティの内部名のどちらかを書きます。フォームを読み取ると、入力欄でフォームの項目から選べます。ラベルと必須は、フォームの項目の設定に従います。項目は 10 個まで追加できます。

    STEP 4

    すべての項目に共通の設定

    並べ方

    ラジオボタン・チェックボックスのときに使います。

    項目が必須のときに、選ばずに「次へ」「送信」を押すと表示します。

    チェックボックスで複数選んだときの区切り。空欄なら「;」です。

    ブラウザの開発者ツールに出す記録の詳しさです。URL に ?kp_debug=1 を付けると、この設定に関係なくページ下部に記録を表示します。

    STEP 5

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

    
          
    
            
            
          
    
          
    コードにはテキスト項目をフォームだけ選択型にの本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。
    
          
      
            
    1. HubSpot で、フォームを設置したページの編集画面を開きます
      2. 
            
    2. 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
      3. 
            
    3. ページを更新（公開）します
      4. 
          
    
          
    プロパティの種類は変わりません（1 行テキストのまま）。選んだ選択肢の文字がそのまま保存されるため、選択肢の文字を変えると、変える前に保存された値とは別の値になります。
    
          
    確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。
    
          
    正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。