CMS:アップロードボタンで複数のドキュメントをアップロードする

読了時間:6分
ページにアップロードボタンを追加して、サイト訪問者が一度に複数の文書ファイルをアップロードできるようにしましょう。
たとえば、求人サイトを運営している場合、履歴書、推薦状、作品のサンプルなど、候補者から複数の書類を受け取ることができます。
コレクションの「複数のドキュメント」フィールドタイプを使用して、ウェブサイト上で一度に複数のファイルを受け取れるように設定できます。
アップロードボタンのあるページが既にある場合は、コレクションに「複数のドキュメント」フィールドを追加して、アップロードボタンの設定を調整します。

ステップ 1 | アップロードボタンとコレクションを追加する

アップロードボタンとコレクションは同時に追加できます。このステップでデータセットを設定すると、コレクションの管理が容易になります。訪問者がアップロードした文書がこのコレクションに保存されます。
新しいデータセット:
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら

アップロードボタンとデータセットを追加する方法:

  1. 追加パネルに移動します:
    • Wix エディタ:エディタ左側で「追加」をクリックします。
    • Editor X:Editor X のトップバーより「要素を追加」をクリックします。
  2. 入力欄」をクリックします。
  3. アップロードボタン」をクリックします。
  4. ボタンを選択し、ページ上にドラッグします。
  5. アップロードボタンを選択し、「CMS に接続」アイコン  をクリックします(Editor X の場合  )。
  1. データセットを作成」をクリックします。
注意:
データセットを作成」が表示されない場合は、「データセットを接続」ドロップダウンをクリックし、「新しいデータセットを作成」を選択します。
  1. データセットを新規または既存のコレクションに接続する:
重要:
コレクションで少なくとも 1度は「複数のドキュメント」フィールドタイプを使用していることを確認してください。

ステップ 2 | アップロードボタンを設定する

訪問者が複数の文書をアップロードできるようにするには、アップロードボタンを正しく設定することが重要です。

アップロードボタンを設定する方法:

  1. エディタでアップロードボタンをクリックし、「設定」をクリックします。
  2. 対応ファイル形式」ドロップダウンをクリックし、「ドキュメント」を選択します。
  3. 最大ファイル数」スライダーをドラッグし、最大ファイル数を設定します。
  1. 訪問者からのファイルアップロードを必須にする場合は、「必須項目」チェックボックスを選択します。
  2. (推奨)アップロードボタン上部に表示されるタイトルを「項目タイトル」下に入力します。
  3. ボタンテキスト」にアップロードボタンに表示されるテキストを入力します。
  4. ボタンの下のテキスト」下でオプションを選択します:
    • ファイル情報のみを表示:ファイルが選択されると、訪問者が選択したファイル名が表示されます。
    • カスタムテキストのみを表示:ボタンの下に表示する「カスタムテキスト」フィールドにテキストを入力します。訪問者がファイルをアップロードすると、ボタンの下にファイル名が表示されます。ヒント:正しいファイルサイズ(例:「最大ファイルサイズは 25MB」)などの役立つ情報を追加しましょう。
ヒント:
アップロードされたファイルを表示する」をクリックしてメディアマネージャーに移動すると、訪問者がサイトにアップロードしたファイルを確認できます。

ステップ 3 | 送信ボタンを追加する

送信ボタンは、サイト訪問者が選択した文書ファイルをサイトにアップロードするためにクリックするボタンです。オプションで「成功」および「失敗」メッセージを追加することをお勧めします。サイト訪問者に表示されるメッセージは 1つのみであるため、ページ上ではこれらを重ねて配置できます。

送信ボタンを追加する方法:

  1. 追加パネルに移動します:
    • Wix エディタ:エディタ左側で「追加」をクリックします。
    • Editor X:Editor X のトップバーより「要素を追加」をクリックします。
  2. ボタン」をクリックします。
  3. ボタンを選択し、ページ上にドラッグします。
  4. テキスト・アイコンの変更」をクリックし、「表示するテキスト」下に「送信」と入力します。
  5. CMS に接続」アイコン  (Editor X の場合  )をクリックします。
  6. データセットを接続」下で正しいデータセットが選択されていることを確認します。(デフォルトでは、手順 1 で追加したデータセットに接続されているはずです。)
  7. クリックアクションの接続先」ドロップダウンをクリックして「送信」を選択します。
  1. (オプション)訪問者が書類のアップロードを完了したときに表示される完了メッセージを追加します:
    1. +完了メッセージを追加」をクリックします。
    2. エディタで完了メッセージを選択し、メッセージを編集します。
    3. 完了メッセージをクリックし、表示したい場所にドラッグします。
  2. (オプション)文書のアップロードに失敗した場合に表示されるメッセージを追加します:
    1. 送信ボタンを選択し、「CMS に接続」アイコン  をクリックします(Editor X の場合  )。
    2. +失敗メッセージを追加」をクリックします。
    3. エディタで失敗メッセージを選択し、メッセージを編集します。
    4. 失敗メッセージをクリックし、表示したい場所にドラッグします。
  3. 訪問者が文書をアップロードした後の動作を選択します:
    1. 送信ボタンを選択し、「CMS に接続」アイコン  をクリックします(Editor X の場合  )。
    2. 完了時の移動先」ドロップダウンをクリックして、オプションを選択します:
      • キャンセル:アップロードが完了した後も、訪問者はこのページに留まります。
      • リンク先...:訪問者はページに移動します。「リンクを選択」下の「選択」をクリックし、リンク先を選択します。ボタンのリンクに関する詳細はこちら

お役に立ちましたか?

|