add apps株式会社ハレフル

add apps 9

HubSpot のフォームで複数のファイルを受け付ける

HubSpot フォームの URL を入力すると、フォームの項目を読み取り、添付ファイル送信の埋め込みコードを作成します。フォームの「ファイル」の項目を、ドラッグ&ドロップで追加でき、ファイルの種類・容量・件数をその場でチェックし、一覧で取り消せる欄にします。アップロードと保存は HubSpot が行います。作成したコードは、フォームを設置したページの「HeadのHTML」に貼り付けてご利用ください。

ご利用ガイドを見る
STEP 1

フォームの URL を入力

HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください(https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL)。フォームには、フォームエディターで「ファイル」の項目を非表示にせずに置いておきます。複数のファイルを受け付けるときは、その項目の「複数ファイルを許可」をオンにします。

STEP 2

フォームの確認

    STEP 3

    ファイルの項目

    フォームに置いた「ファイル」の項目を、フォームに表示される項目名(例:履歴書・職務経歴書)か、プロパティの内部名(例:resume_files)で書きます。フォームを読み取ると、入力欄でフォームのファイルの項目から選べます(ファイルの項目が 1 つだけなら自動で入ります)。ラベルと必須は、フォームの項目に従います。

    STEP 4

    受け付けるファイルと表示

    受け付けるファイル

    ファイルの種類

    すべて外すと、種類のチェックをしません。拡張子とファイルの種類の両方で判定します。

    MB(1〜99)

    MB(1〜450)

    件(1〜20)

    HubSpot は 100MB 以上のファイルを受け付けません。また、合計が大きすぎるとアップロードが進まなくなるため、合計は 450MB までにしています。

    日本語のファイル名は、受け取る側の環境によって文字化けすることがあります。

    表示する文言

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

    ファイルをドラッグして置ける枠の中に表示する文言です。

    ファイルを選ぶ画面を開くボタンの文言です。

    詳細設定

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

    STEP 5

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

    
              

    コードには添付ファイル送信の本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。

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

    ファイルのアップロードと保存は HubSpot が行います。送信されたファイルは、コンタクトのファイルの項目に保存され、HubSpot にログインした方だけが開けます。当社のサーバーにファイルが送られることはありません。

    確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。

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