add apps株式会社ハレフル

add apps 2

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

    文字数の上限と入力の種類

    1 行テキスト・複数行テキストの項目に、文字数の上限と、入力できる文字の種類を設定できます。合わない入力があると、「次へ」「送信」を押した際にメッセージが表示され、先へ進めなくなります。

    項目文字数の上限入力の種類

    入力の種類は、合わない文字があると止めるだけで、自動では直しません。空白は、全角・半角のスペースのことです。

    STEP 5

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

    
              

    コードには入力補助の本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。

    1. HubSpot で、フォームを設置したページの編集画面を開きます
    2. 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
    3. ページを更新(公開)します

    確認画面と併せて使う場合は、両方のコードを「HeadのHTML」に貼り付けてください。

    正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。