添付ファイル送信 ご利用ガイド（テンプレートマーケットプレイス版）

• フォームの「ファイル」の項目の位置に、ファイルをドラッグして置ける枠と「ファイルを選ぶ」ボタンを表示します
• 受け付けるファイルの種類（PDF、Word・Excel・PowerPoint、画像、ZIP、テキスト・CSV、図面）を選べます
• 1 ファイルの大きさ、合計の大きさ、ファイルの数の上限を決められます。条件に合わないファイルは、理由を表示して受け付けません
• 添付したファイルを一覧で表示します。アップロードの状況（「アップロード中」「アップロード完了」）が表示され、1 件ずつ取り消せます
• ファイル名をそろえられます（そのまま／頭に日付を付ける／日本語を使わない名前にする）

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

ご注意

• ファイルを入れる項目は、「ファイル」のプロパティです。項目は非表示にせずにフォームに置いてください。フォームでは、その項目の標準の入力欄は隠れ、同じ位置に添付の枠が表示されます
• 複数のファイルを受け取るときは、フォームの編集画面で、その項目の「複数ファイルを許可」をオンにしてください。オフの項目では 1 件だけ添付でき、選び直すと入れ替わります
• 項目のラベルと必須かどうかは、フォームの項目の設定に従います。必須の項目でファイルを添付せずに「次へ」「送信」を押したときは、枠の下にメッセージを表示します。アップロードが終わる前に「次へ」「送信」を押したときも、終わるまでお待ちいただくよう表示します
• HubSpot が受け付けるファイルの大きさには上限があります。そのため、ファイルごとの上限は 99MB まで、合計の上限は 450MB までの範囲で設定できます
• 保存されるファイル名の頭には、HubSpot が識別用の文字を自動で付けます（例：「49dc0291-…-resume_files_20261108_履歴書.pdf」）。add apps でそろえた名前は、その後ろに続きます
• 保存したファイルは、HubSpot にログインしている人だけが開けます。ファイルの URL を知っていても、ログインしていない人は開けません
• ファイルは、添付した時点で HubSpot にアップロードされます。送信せずにページを閉じた場合、そのファイルはコンタクトにも、ファイルマネージャーにも保存されません
• 「フォームの確認画面」（add apps 1）などほかの add apps と一緒に使えます
• お使いのテーマ・テンプレートはそのまま使えます。ページのドラッグ＆ドロップのエリアにモジュールを置いてください。ドラッグ＆ドロップのエリアがないテンプレートでは、モジュールを置けません
• 見た目はサイトの CSS が優先されます。ただし、テーマが独自の JavaScript でフォームの見た目や動きを大きく作り変えている場合は、正しく表示されないことがあります
• 同じフォームに、同じ add apps を 2 つ以上入れないでください（モジュールを 2 つ置く など）。二重に動きます

1. フォームを準備する

1. HubSpot で、ファイルを入れる「ファイル」のプロパティを作ります（例：「履歴書・職務経歴書」）。すでにあるプロパティを使っても構いません
2. フォームの編集画面を開き、作ったプロパティの項目をフォームに置きます。複数のファイルを受け取るときは「複数ファイルを許可」を、必ず添付してもらうときは「必須」をオンにします
3. フォームを公開します
4. プロパティの「内部名」を控えておきます（プロパティの設定画面で確認できます。例：resume_files）

2. ページにモジュールを置く

1. HubSpot で、フォームを置いたページの編集画面を開きます
2. 「追加」から「add apps 添付ファイル送信」のモジュールを探し、ページのドラッグ＆ドロップのエリアに置きます。置く場所は、フォームの近くでなくても構いません。添付の枠は、ページを開くとフォームの項目の位置に移って表示されます
3. モジュールの設定欄で、次の項目を設定します

1. ページを更新（公開）します
2. 公開したページで、次のことを確かめます
   • 項目の位置に添付の枠が表示されること
   • ファイルを添付して送信すると、コンタクトの「ファイル」のプロパティに保存されること

モジュールの設定欄の「スタイル」タブで、強調の色（ドラッグ中の枠、ボタン、一覧の印の色）と角の丸みを変えられます。「標準の見た目を使う」をオフにすると、余白や色を付けずに表示します。

添付の枠や一覧の見た目は、サイトの CSS より弱く設定しているため、サイトの CSS が常に優先されます。

調整に使えるクラス名：

添付の枠が表示されない

• モジュールの設定欄で、フォームとファイルの項目（内部名）が正しく設定されているかを確認してください
• 項目が非表示になっていないか、項目が「ファイル」のプロパティか、フォームが「フォームエディター」（「旧フォームエディター」ではない方）で作られているかを確認してください
• ページを更新（公開）したかを確認してください

ファイルを受け付けない

• 枠の下に、受け付けなかった理由が表示されます。モジュールの設定欄で、ファイルの種類と上限を確認してください
• 拡張子とファイルの種類の両方で判定しています。拡張子だけを書き換えたファイルは受け付けないことがあります

動作の記録を見る

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

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