Wie man eine Timeline zu einer Wix-Website hinzufügt | Schritt-für-Schritt-Anleitung
Hier ist eine detaillierte Schritt-für-Schritt-Anleitung, wie du eine Timeline (Zeitstrahl) zu deiner Wix-Website hinzufügen kannst.
Eine Timeline ist ideal, um die Geschichte deines Unternehmens, Meilensteine eines Projekts oder einen Prozessansatz visuell darzustellen. Bei Wix gibt es zwei Hauptwege, dies umzusetzen: Über den Wix App Market oder manuell mit Listen & Grids.
Methode 1: Über den Wix App Market (Der einfachste Weg)
Der App Market bietet fertige Widgets, die speziell für Zeitstrahlen entwickelt wurden.
- Öffne den Wix Editor: Logge dich in dein Wix-Konto ein und öffne die Website, die du bearbeiten möchtest.
- Gehe zum App Market: Klicke in der linken Seitenleiste auf das Icon für den App Market (sieht aus wie vier kleine Quadrate).
- Suche nach "Timeline": Gib in das Suchfeld das Wort „Timeline“ ein.
- Wähle eine App aus: Beliebte Optionen sind:
- Timeline and History (von Inffuse)
- Timeline (von Graphicsly)
- Hinzufügen: Klicke auf „Zu Website hinzufügen“ und bestätige die Berechtigungen.
- Anpassen:
- Klicke auf das neu erschienene Widget und wähle „Einstellungen“.
- Hier kannst du nun Ereignisse hinzufügen, Daten ändern, Texte schreiben und Bilder hochladen.
- Unter dem Reiter „Design“ kannst du Farben, Schriftarten und das Layout (vertikal oder horizontal) anpassen.
Methode 2: Manuelle Erstellung mit „Listen & Grids“ (Beste Design-Kontrolle)
Wenn du keine externe App nutzen möchtest, kannst du die integrierten Listen-Elemente von Wix nutzen.
- Element hinzufügen: Klicke links auf das Plus-Icon (+) für „Elemente hinzufügen“.
- Wähle „Liste“: Gehe zum Bereich „Listen & Grids“ oder „Repeater“.
- Layout wählen: Suche dir ein vertikales oder horizontales Layout aus, das wie ein Zeitstrahl aussieht (oft unter „Über uns“ oder „Prozess“ zu finden).
- Inhalt bearbeiten:
- Klicke auf ein Element im Repeater. Wenn du Text oder ein Bild in einem Element änderst, passt sich das Design der anderen Elemente automatisch an, aber der Inhalt bleibt individuell.
- Gib deine Jahreszahlen oder Meilensteine ein.
- Die „Linie“ hinzufügen:
- Gehe wieder auf das Plus-Icon (+) -> Deko -> Linien.
- Ziehe eine vertikale oder horizontale Linie hinter oder neben deine Liste, um die visuelle Verbindung des Zeitstrahls zu erzeugen.
- Verbindungspunkte setzen: Nutze kleine Formen (Kreise) aus dem Bereich „Deko“, um die Punkte auf der Linie zu markieren, an denen die Ereignisse sitzen.
Methode 3: Vorgefertigte Abschnitte nutzen (Schnell & Schick)
Wix bietet bereits fertig designte Abschnitte an, die du nur noch füllen musst.
- Abschnitt hinzufügen: Klicke auf das blaue Plus-Icon (+) zwischen zwei Abschnitten auf deiner Seite oder in der Seitenleiste auf „Abschnitt hinzufügen“.
- Kategorie wählen: Suche links in der Liste nach „Dienstleistungen“, „Über uns“ oder „Team“.
- Timeline-Layout finden: Scrolle durch die Vorlagen. Viele davon sind bereits als Prozessschritte oder Historie aufgebaut.
- Anklicken & Editieren: Klicke das Design an, das dir gefällt, und ersetze die Platzhaltertexte durch deine eigenen Daten.
Profi-Tipps für eine gelungene Timeline
- Mobile Ansicht prüfen: Zeitstrahlen (besonders horizontale) können auf dem Smartphone schwierig aussehen. Klicke im Editor oben auf das Handy-Icon, um die mobile Ansicht anzupassen. Vertikale Timelines funktionieren auf dem Handy meist besser.
- Interaktivität: Verlinke wichtige Meilensteine mit Unterseiten oder externen Quellen, um mehr Details zu bieten.
- Weniger ist mehr: Halte die Texte kurz. Eine Timeline soll einen schnellen Überblick geben, keinen Roman erzählen.
- Animationen: Du kannst den einzelnen Elementen der Timeline eine „Eingangsanimation“ (z. B. Einblenden) geben, damit sie beim Scrollen nacheinander erscheinen.
Fazit
Für maximale Bequemlichkeit empfehle ich die App-Methode. Wenn du jedoch ein individuelles Design ohne zusätzliche monatliche Kosten (einige Apps haben Premium-Pläne) möchtest, ist der Wix Repeater (Methode 2) die beste Wahl.