CMS: Besuchern erlauben, mehrere Audiodateien mit dem Upload-Button hochzuladen

7 Min. Lesezeit
Wichtig:
Einige Funktionalitäten, mit denen du diese Funktion im Vorschaumodus testen kannst, sind nicht für jeden verfügbar. Verwende deine Live-Website, um das Hochladen mehrerer Mediendateien mit dem Upload-Button richtig zu testen.
Erlaube deinen Website-Besuchern, mehrere Mediendateien gleichzeitig hochzuladen (nur Video- und Bilddateien), indem du den Upload-Button zu deiner Seite hinzufügst.
Wenn es auf deiner Website beispielsweise um Kunst geht, kannst du mehrere Bilder von einem Künstler akzeptieren. Für eine Website zum Teilen von Rezepten können Besucher Einträge hochladen, die mehrere Kochvideos enthalten.
Mit dem Feldtyp Mediengalerie in deiner Sammlung kannst du deine Website so einrichten, dass mehrere Mediendateien gleichzeitig akzeptiert und hochgeladen werden.
Hinweis:
Zurzeit kannst du nur mehrere Video- oder Bilddateien hochladen.
Wenn du bereits eine Seite mit einem Upload-Button hast, kannst du der Sammlung ein Mediengalerie-Feld hinzufügen und die Einstellungen deines Upload-Buttons anpassen:
Tipp:
Hochgeladene Mediendateien können angezeigt werden, indem du deine Sammlung mit einer Wix Pro Gallery verbindest.

Schritt 1 | Eine Sammlung erstellen

In dieser Sammlung werden die Medien-Uploads deiner Besucher gespeichert. Es ist wichtig, diese Sammlung für die Formulareinreichung einzurichten und den Feldtyp Mediengalerie mindestens einmal zu verwenden.

Um eine Sammlung zu erstellen:

  1. CMS in deinem Editor öffnen:
    • Wix Editor: Klicke links im Editor auf CMS .
    • Editor X: Klicke oben im Editor X auf CMS
  2. Klicke auf Sammlung erstellen.
  3. Gib einen Namen für die Sammlung ein (diese Sammlung wird die von den Besuchern eingegebenen Inhalte enthalten).
  4. Klicke auf das Feld Wie viele Elemente soll deine Sammlung beinhalten? und wähle Mehrere Elemente (Standard).
  5. Klicke auf Erstellen.
  6. Verwende in deiner neuen Sammlung für mindestens ein Feld den Feldtyp Mediengalerie.

  7. Schließe deine Sammlung.

Schritt 2 | Einen Upload-Button und einen Datensatz hinzufügen

Du kannst gleichzeitig einen Upload-Button und einen verbundenen Datensatz hinzufügen. Es ist einfacher, den Überblick über die in Schritt 1 erstellte Sammlung zu behalten, wenn du den Datensatz in diesem Schritt hinzufügst.
Neue Datensatz-Nutzerfahrung:
In Wix Studio haben wir Datensätze in das Inspektor-Panel auf der rechten Seite verschoben, um dir die Verwendung zu erleichtern. Erfahre mehr über die neuen Datensätze in Wix Studio.

Um einen Upload-Button und einen Datensatz hinzuzufügen:

  1. Öffne das „Hinzufügen“-Panel:
    • Wix Editor: Klicke auf der linken Seite des Editors auf Hinzufügen.
    • Editor X: Klicke oben im Editor X auf Elemente hinzufügen.
  2. Klicke auf Eingabefelder.
  3. Klicke auf Upload-Buttons.
  4. Wähle einen Button aus und ziehe ihn auf die Seite.
  5. Klicke auf den Upload-Button und dann auf das Symbol für Mit Datenquelle verbinden  (oder im Editor X).


  6. Erstelle einen Datensatz.
    1. Klicke auf Datensatz erstellen.
      Hinweis: Wenn deine Website bereits einen Datensatz hat, klicke auf das Aufklappmenü Datensatz verbinden und wähle Neuen Datensatz erstellen.
    2. Klicke auf das Aufklappmenü Sammlung wählen und wähle die Sammlung aus, die du in Schritt 1 erstellt hat.
    3. (Optional) Bearbeite den Datensatznamen.
    4. Klicke auf Erstellen.
  7. Klicke auf das Aufklappmenü Datei verbinden mit und wähle das Mediengalerie-Feld, das du in Schritt 1 eingerichtet hast.

Schritt 3 | Upload-Button einrichten

Die korrekte Einrichtung des Upload-Buttons ist notwendig, damit Besucher mehrere Dateien hochladen können. Wenn du Dokument oder Audio als unterstützten Dateityp auswählst, kann nur eine einzige Datei hochgeladen werden.

Um den Upload-Button einzurichten:

  1. Klicke auf den Upload-Button und dann auf Einstellungen.
  2. Klicke auf das Aufklappmenü Unterstützte Dateiformate und wähle den Dateityp aus, den der Besucher hochladen soll: Bild & Video, Bild oder Video.
  3. Lege den Schieberegler Maximalanzahl an Dateien auf die maximale Anzahl von Dateien fest, die Besucher auf einmal hochladen können sollen.
  1. (Optional) Aktiviere das Kontrollkästchen Erforderlich, um dieses Feld zu einem Pflichtfeld zu machen.
  2. (Optional) Füge einen Feldtitel hinzu (den Text, der über dem Upload-Button angezeigt wird).
  3. Gib den Text, der auf deinem Upload-Button angezeigt wird, in das Feld Buttontext ein.
  4. Wähle eine Option unter Text unter dem Button:
    • Nur Dateiinfo anzeigen: Es wird der vom Besucher ausgewählte Dateinamen angezeigt, sobald die Datei ausgewählt wurde.
    • Individuellen Text anzeigen: Mit dieser Option kannst du nützlichen Text unter dem Button hinzufügen, z. B. Informationen zur richtigen Dateigröße (z. B. Die maximale Dateigröße beträgt 10 MB). Sobald ein Besucher eine Datei auswählt, wird der Dateiname angezeigt.
  5. Klicke auf Datei-Uploads ansehen, um Dateien anzuzeigen, die von Besuchern hochgeladen wurden.

Schritt 4 | Einen Einreichen-Button hinzufügen

Der Einreichen-Button ist der Button, den deine Besucher anklicken, um die ausgewählten Dateien auf deine Website hochzuladen. Es hat sich bewährt, die optionalen Erfolgs- und Fehlermeldungen hinzuzufügen. Du kannst diese auf deiner Seite übereinander platzieren, da deinem Website-Besucher immer nur jeweils eine der Meldungen angezeigt wird.

Um einen Einreichen-Button hinzuzufügen:

  1. Öffne das „Hinzufügen“-Panel:
    • Wix Editor: Klicke auf der linken Seite des Editors auf Hinzufügen.
    • Editor X: Klicke oben im Editor X auf Elemente hinzufügen.
  2. Klicke auf Button.
  3. Wähle einen Button aus und ziehe ihn auf die Seite.
  4. Klicke auf Text ändern und ändere den Text zu Einreichen.
  5. Klicke auf das Symbol für Mit Datenquelle verbinden  (oder im Editor X).
  6. Stelle sicher, dass der Datensatz, den du in Schritt 2 erstellt hast, unter Datensatz verbinden ausgewählt ist.
  7. Klicke auf das Aufklappmenü Beim Klicken verbinden mit und wähle die Option Einreichen.
  1. (Optional) Füge eine Erfolgsnachricht hinzu, die angezeigt wird, wenn Besucher ihre Dateien hochgeladen haben:
    1. Klicke auf + Erfolgsnachricht hinzufügen.
    2. Wähle die Erfolgsmeldung im Editor aus und bearbeite die Nachricht.
    3. Klicke und ziehe die Erfolgsmeldung an die Stelle, an der sie angezeigt werden soll.
  2. (Optional) Füge eine Fehlermeldung hinzu, die angezeigt wird, wenn die Datei nicht hochgeladen werden kann:
    1. Wähle den „Einreichen“-Button und klicke auf das Symbol für Mit Datenquelle verbinden  (oder im Editor X).
    2. Klicke auf + Fehlermeldung hinzufügen.
    3. Wähle die Fehlermeldung im Editor aus und bearbeite die Nachricht.
    4. Klicke und ziehe die Fehlermeldung an die Stelle, an der sie angezeigt werden soll.
  3. Klicke auf das Aufklappmenü Wenn erfolgreich, navigieren zu und wähle eine Option:
    • Auf der Seite bleiben: Der Besucher bleibt auf dieser Seite, nachdem er das Formular abgeschickt hat.
    • Ein Link: Der Besucher wird auf eine andere Seite weitergeleitet, nachdem er das Formular abgeschickt hat. Klicke unter Link wählen auf Auswählen und richte den Link ein.

War das hilfreich?

|