header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

CMS: Einen Upload-Button hinzufügen und einrichten

11 min
Erstelle einen Upload-Button, damit Website-Besucher Dateien direkt an dein CMS (Content Management System) übermitteln können.

Wenn du den Upload-Button mit deiner Sammlung verknüpfst, wählst du die Art des Sammlungsfelds aus, in dem die hochgeladenen Dateien gespeichert werden. Du kannst aus den Feldtypen „Bild“, „Dokument“, „Video“, „Audio“, „Mediengalerie“ oder „Mehrere Dokumente“ wählen.

Der Feldtyp, den du verknüpfst, bestimmt auch die Art der Datei, die dein Upload-Button akzeptieren kann. Die hochgeladenen Dateien werden als neue Elemente in deiner Sammlung und im Abschnitt „Besucher-Uploads“ in deiner Medienverwaltung gespeichert.
Bevor du loslegst:
Du musst das CMS zu deinem Editor hinzufügen, falls du dies noch nicht getan hast.

Schritt 1 | Das Upload-Button-Element hinzufügen

Öffne die entsprechende Seite in deinem Editor und füge einen Upload-Button hinzu.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne die Seite, auf der du einen Upload-Button hinzufügen möchtest.
  3. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  4. Klicke auf Eingabefelder.
  5. Klicke unter Erweitert auf Upload-Buttons.
  6. Ziehe den Upload-Button, den du verwenden möchtest, auf die Seite.
Screenshot, der zeigt, wie ein Upload-Button im Wix Editor hinzugefügt wird.

Schritt 2 | Dein Konto über einen Datensatz mit dem CMS verknüpfen

Verknüpfe deinen Upload-Button mit einem Datensatz, der mit dem Feld der CMS-Sammlung verknüpft ist, in dem du die Einreichungen speicherst.
Wix Editor
Studio Editor
  1. Klicke im Editor auf den Upload-Button, den du gerade hinzugefügt hast.
  2. Klicke auf das Symbol für Mit CMS verknüpfen
  3. Klicke auf das Dropdown-Menü Datensatz wählen und wähle einen vorhandenen Datensatz aus, um ihn mit der Sammlung zu verknüpfen, in der du die Einreichungen speichern möchtest. Wähle alternativ Einen Datensatz hinzufügen und dann die Sammlung, in der du die Einreichungen speichern möchtest.
  4. Füge deiner Sammlung ein Feld hinzu, in dem du die Einreichungen des Upload-Buttons speicherst:
    Tipp: Alternativ kannst du eine Verknüpfung zu einem vorhandenen Feld in deiner Sammlung herstellen.
    1. Klicke auf das Dropdown-Menü Wert verknüpft mit und wähle Neues Feld hinzufügen.
    2. Gib einen Feldnamen für das neue Sammlungsfeld ein.
    3. Wähle den Feldtyp, den du hinzufügen möchtest, aus dem Dropdown-Menü. Der Feldtyp bestimmt, welche Art von Dateien du in dem Feld speichern kannst.
    4. Klicke auf Hinzufügen
Screenshot, der zeigt, wie ein Feld hinzugefügt wird, das mit dem Upload-Button verknüpft ist.

Schritt 3 | Den Datensatz-Modus und die Sammlungsberechtigungen festlegen

Datensätze steuern die Verbindung zwischen deinem Upload-Button und deiner CMS-Sammlung. Der Datensatzmodus muss auf Schreiben oder Lesen & Schreiben eingestellt sein, damit der Upload-Button die Dateien zu deiner Sammlung hinzufügt.Passe bei Bedarf die Berechtigungen für die Sammlung an, um zu bestimmen, wer Zugang zu deinen Sammlungsinhalten hat.
Wix Editor
Studio Editor
  1. Klicke im Panel auf der rechten Seite auf Datensatzeinstellungen.
Screenshot, der zeigt, wie auf die Datensatzeinstellungen im Wix Editor geklickt wird.
  1. (Falls erforderlich) Klicke auf den Berechtigungstyp neben Berechtigungen, um festzulegen, wer Sammlungsinhalte ansehen, hinzufügen, aktualisieren oder löschen kann.
  2. Klicke auf das Dropdown-Menü Datensatz-Modus und wähle die entsprechende Option:
    • Schreiben: Verknüpfte Eingabeelemente können neue Elemente zur Sammlung hinzufügen, aber keine vorhandenen bearbeiten.
    • Lesen & schreiben: Verknüpfte Elemente können vorhandene Elemente in der Sammlung aktualisieren. Wenn du einen „Neu“-Button verknüpfst, können Besucher damit bestehende Elemente aktualisieren und neue zu deiner Sammlung hinzufügen.
Screenshot, der zeigt, wie der Datensatz-Modus eingestellt wird.

Schritt 4 | Den Upload-Button anpassen

Öffne die Einstellungen des Upload-Buttons, um die Art der Datei(en) festzulegen, die der Button akzeptiert, und die Anzahl der Dateien, die auf einmal hochgeladen werden können. In den Layout- und Designeinstellungen kannst du das Aussehen des Buttons an deine Website anpassen.
Wix Editor
Studio Editor
  1. Klicke in deinem Editor auf den Upload-Button.
  2. Klicke auf Einstellungen und bearbeite Folgendes:
    • Upload-Einstellungen: Wähle die akzeptierten Dateitypen, die maximale Anzahl von Dateien und, ob du ein Pflichtfeld festlegen möchtest:
      • Unterstützter Dateityp: Klicke auf das Dropdown-Menü und wähle die Art der Dateien aus, die der Button akzeptiert: Bild & Video, Bild, Video, Dokument, oder Audio.
      • Maximale Anzahl an Dateien: Ziehe den Schieberegler, um festzulegen, wie viele Dateien pro Einreichung hochgeladen werden können. Wenn du mehr als eine Datei gleichzeitig annehmen möchtest, achte darauf, dass du den Button mit einem Feldtyp „Mehrere Dokumente“ oder „Mediengalerie“ in deiner Sammlung verknüpft hast (siehe Schritt 2). Dies sind die einzigen Feldtypen, die mehrere Dateien pro Sammlungselement speichern können.
        Hinweis: Zurzeit ist es nur möglich, eine Audiodatei auf einmal hochzuladen. Wenn du dir diese Funktion wünschst, kannst hier dafür abstimmen, mehr Audiodateien gleichzeitig hochladen zu können.
      • Pflichtfeld: Aktiviere das Kontrollkästchen, damit Besucher verpflichtend eine Datei hochladen müssen, bevor sie dein benutzerdefiniertes Formular einreichen können.
    • Anzeigeoptionen: Passe die folgenden Optionen an:
      • Feldname: (Empfohlen) Gib einen Titel ein, der über dem Buttontext angezeigt wird.
      • Buttontext: Bearbeite den Text, der auf dem Button angezeigt wird.
      • Text unter dem Button: Wähle aus, was du unter dem Button anzeigen möchtest:
        • Nur Dateiinfo anzeigen: Zeigt den Namen der Datei an, die dein Besucher hochlädt.
        • Individuellen Text anzeigen: Gib individuellen Text ein, der unter dem Button angezeigt werden soll, zum Beispiel Dateianforderungen. Dieser Text ändert sich in den Namen der Datei, sobald sie hochgeladen wurde.
Screenshot, der zeigt, wie die Einstellungen des Upload-Buttons eingerichtet werden.
  1. Klicke auf das Symbol für Layout , um den Abstand, die Richtung, die Ausrichtung und die Symbol-Position anzupassen. Klicke auf Erweitert, um die Ausrichtung und Richtung eines bestimmten Textes festzulegen.
  2. Klicke auf das Symbol für Design  und wähle einen voreingestellten Button. Klicke auf Design anpassen, um das Design des Buttons weiter anzupassen.

Schritt 5 | Einen Einreichen-Button erstellen

Du musst Besuchern die Möglichkeit geben, die Dateien, die sie mit dem Button hochladen, einreichen können. Füge einen normalen Button oder ein Bild hinzu und verbinde das Element mit demselben Datensatz, der mit deiner Sammlung verknüpft ist. Lege dann die Klickaktion für den Button oder das Bild auf Einreichen fest. Dadurch können die hochgeladenen Dateien „schreiben“ oder ein neues Element in der Sammlung erstellen, wenn ein Besucher auf den „Einreichen“-Button klickt.

Wenn du andere Eingabeelemente mit demselben Datensatz verknüpfst, sendet der „Einreichen“-Button auch die Eingaben dieser Elemente an die Sammlung.
Erfahre, wie du für deinen Upload-Button einen „Einreichen“-Button erstellst.
Screenshot eines Einreichen-Buttons unter dem Upload-Button.

Häufig gestellte Fragen (FAQs)

Unten findest du Antworten auf häufig gestellte Fragen zum Upload-Button.