add apps 9

添付ファイル送信ご利用ガイド

HubSpot のフォームの「ファイル」の項目を、ドラッグ＆ドロップでファイルを追加でき、ファイルの種類・容量・件数をその場でチェックし、追加したファイルを一覧で確かめて取り消せる欄にします。履歴書や見積もりの資料、図面など、ファイルを受け取るフォームに向いています。ファイルのアップロードと保存は HubSpot が行います。設定ページで作ったコードを、フォームを置いたページに貼り付けるだけで使えます。

提供: 株式会社ハレフル（add apps）
料金: 無償
版: 1.1.0

設定ページを開く

できること

ファイルを枠にドラッグして置くか、「ファイルを選ぶ」ボタンから選んで追加できます
受け付けるファイルの種類を選べます（PDF／Word・Excel・PowerPoint／画像（JPEG・PNG・GIF・HEIC）／ZIP／テキスト・CSV／図面（DWG・DXF））。種類は、ファイル名の拡張子とファイルの種類の両方で判定します
ファイルごとの容量の上限、合計の容量の上限、ファイルの数の上限を決められます
受け付けないファイル（種類が違う、容量が大きすぎる、中身が空、同じファイルを 2 回選んだなど）は、理由を表示して一覧に加えません。HubSpot にもアップロードしません
追加したファイルは一覧に並び、ファイルごとに「取消」で外せます。外したファイルは送信されません
アップロードの状況（アップロード中・アップロード完了）を一覧に表示します
ファイル名を「そのまま」「頭に日付を付ける（20261106_履歴書.pdf）」「日本語を使わない名前にする（file_20261106_1.pdf）」から選んでそろえられます
項目が必須のときに、ファイルを選ばずに「次へ」「送信」を押すと、メッセージを表示して先へ進めません。アップロードが終わる前に押したときも、終わるまで待つよう表示します

送信は HubSpot フォームの標準のボタンで行います。送信されたファイルは、HubSpot の標準の「ファイル」の項目と同じように、コンタクトのファイルのプロパティに保存されます。送信後の動き（お礼の表示、通知、ワークフローなど）は今までどおりです。

使える条件

対象	使えるか
「フォームエディター」で作ったフォーム	使えます
「旧フォームエディター」で作ったフォーム	使えません
HubSpot のランディングページ・ウェブサイトページに置いたフォーム	使えます
HubSpot 以外のサイトに埋め込んだフォーム	使えません
フォームの共有リンク（フォームだけを開く URL）	使えません

ご注意

フォームエディターで「ファイル」の項目をフォームに置き、非表示にせずに置いてください。複数のファイルを受け付けるときは、その項目の「複数ファイルを許可」をオンにします。オフのときは、ファイルは 1 件だけ受け付けます（選び直すと置き換わります）
項目のラベルと必須は、フォームの項目の設定に従います
HubSpot は、1 ファイル 100MB 以上のファイルを受け付けません。ファイルごとの上限は 99MB までです
合計の容量が大きすぎると、HubSpot のアップロードが途中で進まなくなります。合計の上限は 450MB までにしています。大きなファイルを受け取る場合でも、合計の上限は必要な分だけにしておくことをおすすめします
ファイルは、選んだ時点で HubSpot にアップロードされます（送信ボタンを押す前です）。送信しなかったファイルが、コンタクトやファイルマネージャーに保存されることはありません
送信されたファイルは公開されません。コンタクトのファイルのプロパティから、HubSpot にログインした方だけが開けます
保存されたファイル名は、HubSpot が頭に識別用の文字を付けます（例：「（識別用の文字）-（項目の内部名）_20261106_履歴書.pdf」）。「ファイル名のそろえ方」で決めた名前は、その後ろに残ります
日本語のファイル名は、受け取る側の環境によって文字化けすることがあります。気になる場合は「日本語を使わない名前にする」を選んでください
ファイルを当社のサーバーに送ることはありません。種類・容量のチェックは、ご覧になっているブラウザの中だけで行います
「フォームの確認画面」（add apps 1）などほかの add apps と一緒に使えます
お使いのテーマ・テンプレートはそのまま使えます。ただし、テーマが独自の JavaScript でフォームの見た目や動きを大きく作り変えている場合は、正しく動かないことがあります
同じフォームに、同じ add apps を 2 つ以上入れないでください（コードを 2 回貼り付ける、HubSpot のテンプレートマーケットプレイス版のモジュールと一緒に使うなど）。二重に動きます

導入の手順

STEP 1

フォームを準備する

HubSpot で、フォームの編集画面を開き、「ファイル」の項目をフォームに置きます（例：「履歴書・職務経歴書」）。すでにある「ファイル」の項目を使っても構いません
複数のファイルを受け付けるときは、その項目の「複数ファイルを許可」をオンにします
ファイルを必ず受け取りたいときは、その項目を必須にします
フォームを公開します

STEP 2

設定ページでコードを作る

設定ページを開きます
HubSpot でフォームを開いたときの、ブラウザのアドレス欄の URL（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まるもの）を貼り付け、「読み取る」を押します
「フォームの確認」を確かめます。「要対応」が出た場合は、表示された案内に沿ってフォームや設定を直してください。フォームを読み取れない場合も、ファイルの項目を入力すればコードを作れます（項目がフォームにあるかは確認できません）

次の項目を設定します。ファイルの項目は、フォームに表示される項目名か、プロパティの内部名のどちらかを書きます。フォームに「ファイル」の項目が 1 つだけなら、読み取ったときに自動で入ります

設定欄	内容
ファイルの項目	フォームに置いた「ファイル」の項目です（例：resume_files）
ファイルの種類	受け付けるファイルの種類です。初期の設定は PDF・Word・Excel・PowerPoint・画像です。すべて外すと、種類のチェックをしません
ファイルごとの上限	1〜99MB。初期の設定は 10MB です
合計の上限	1〜450MB。初期の設定は 30MB です。ファイルごとの上限以上にしてください
ファイルの数の上限	1〜20 件。初期の設定は 3 件です。「複数ファイルを許可」がオフの項目では 1 件です
ファイル名のそろえ方	そのまま／頭に日付を付ける（20261106_履歴書.pdf）／日本語を使わない名前にする（file_20261106_1.pdf）
ファイルがないときのメッセージ	項目が必須のときに、ファイルを選ばずに「次へ」「送信」を押すと表示します
案内の文言	ファイルをドラッグして置ける枠の中に表示する文言です
ボタンの文言	ファイルを選ぶ画面を開くボタンの文言です
動作の記録	ブラウザの開発者ツールに出す記録の詳しさです（警告だけ／主な動作／くわしく）

「コードをコピー」を押します

STEP 3

ページに貼り付ける

HubSpot で、フォームを置いたページの編集画面を開きます
「設定」→「詳細」→「HeadのHTML」に、コピーしたコードを貼り付けます。コードは長くなりますが、途中で切らずに全部を貼り付けてください。ほかの add apps と一緒に使う場合は、それぞれのコードを貼り付けます
ページを更新（公開）します
公開したページで、次のことを確かめます
- ファイルの項目が、ファイルをドラッグして置ける枠に変わっていること
- 受け付けない種類のファイルを選ぶと、理由が表示され、一覧に加わらないこと
- ファイルを追加して送信すると、コンタクトのファイルのプロパティに保存されること

設定を変えた、項目を変えた場合は

受け付けるファイルの種類や上限を変えるとき、フォームの項目を変えたときは、設定ページでコードを作り直し、「HeadのHTML」のコードを貼り替えてください。add apps の新しい版も、作り直したコードに含まれます。

困ったとき

ファイルを置ける枠が表示されない

「ファイル」の項目がフォームに置かれているか、非表示になっていないかを確認してください
フォームが「フォームエディター」（「旧フォームエディター」ではない方）で作られているかを確認してください
設定ページで、ファイルの項目が正しく設定されているかを確認してください
コードが途中で切れずに全部貼り付けられているか、ページを更新（公開）したかを確認してください
フォームの項目を差し替えた場合は、設定ページでコードを作り直してください

ファイルを追加できない

一覧の上に表示される理由を確認してください（受け付けていない種類、容量の上限を超えている、件数の上限に達しているなど）
「複数ファイルを許可」がオフの項目では、ファイルは 1 件だけです。別のファイルを選ぶと置き換わります

「アップロードできませんでした」と表示される

通信が切れた可能性があります。そのファイルを「取消」で外してから、もう一度選んでください

送信できない

アップロード中のファイルがあるときは、アップロードが終わるまでお待ちください
項目が必須のときは、ファイルを 1 件以上追加してください

動作の記録を見る

ページの URL の末尾に ?kp_debug=1 を付けて開くと（すでに ? がある場合は &kp_debug=1）、ページの下部に動作の記録が表示されます。お問い合わせの際は、この記録を添えてください。

ご利用にあたって

無償・無保証で提供しています
HubSpot の仕様変更により、動かなくなる場合があります
本ツールの利用により生じた損害について、当社は責任を負いません