Schulungen

Webflow Schulungsvideos

Mit den Schulungsvideos zeige ich dir, wie du deine Webflow-Website pflegen und aktuell halten kannst.

Webflow  - allgemeines

Anmeldung Webflow Editor

In diesem Video zeige ich dir, wie du den Webflow Editor verwendest, um Bilder, Texte und Links anzupassen. Ich öffne den Google Chrome Browser, weil er am besten funktioniert. Wenn du in deinem Dashboard bist, klicke auf die drei Punkte in deinem Projekt und dann auf "Editor". Im Editor-Modus kannst du Texte, Bilder und Links verändern, ohne das Layout zu beeinflussen. Texte bearbeitest du durch Anklicken, Bilder lädst du hoch, indem du auf das Upload-Symbol klickst. Wenn du einen Link ändern möchtest, klicke auf das Zahnradsymbol und passe die Link-Einstellungen an. Sobald du deine Änderungen gemacht hast, klicke einfach auf den "Publish"-Button, um sie zu speichern.

Webflow Editor - Der Kundenzugang

Anmeldung Webflow Editor

In diesem Video zeige ich dir, wie du den Webflow Editor verwendest, um Bilder, Texte und Links anzupassen. Ich öffne den Google Chrome Browser, weil er am besten funktioniert. Wenn du in deinem Dashboard bist, klicke auf die drei Punkte in deinem Projekt und dann auf "Editor". Im Editor-Modus kannst du Texte, Bilder und Links verändern, ohne das Layout zu beeinflussen. Texte bearbeitest du durch Anklicken, Bilder lädst du hoch, indem du auf das Upload-Symbol klickst. Wenn du einen Link ändern möchtest, klicke auf das Zahnradsymbol und passe die Link-Einstellungen an. Sobald du deine Änderungen gemacht hast, klicke einfach auf den "Publish"-Button, um sie zu speichern.

Google Sucheinstellungen

In diesem Video werde ich dir Schritt für Schritt zeigen, wie du im Webflow-Editor alle relevanten Einstellungen für die Google-Suche anpassen kannst. Gemeinsam werden wir den Titel-Tag und die Meta-Beschreibung festlegen, die eine wichtige Rolle für Google spielen. Zudem werde ich dir demonstrieren, wie deine Webseite in den Suchergebnissen von Google erscheint. Du hast sogar die Möglichkeit, ein Foto hinzuzufügen, um deine Seite noch ansprechender zu gestalten. Zum Abschluss erkläre ich dir, wie du festlegen kannst, ob deine Seite in den Suchergebnissen angezeigt werden soll oder nicht. Denke daran, deine Einstellungen zu speichern, und genieße die Optimierung deiner Seiten für Google!

Wie man Webflow Collection Lists bearbeitet 👨💻 - Erstellen von Blogbeiträgen, Mitarbeiterverwaltung etc.

In diesem Video werde ich dir zeigen, wie du CMS Collection Lists bearbeiten oder sogar von Grund auf erstellen kannst. Ich werde dir verdeutlichen, dass CMS Collections verschiedene Arten von Inhalten umfassen können – sei es Blogbeiträge, Mitarbeiterprofile oder Jobangebote. In Webflow hast du praktisch die Möglichkeit, aus beinahe jedem Inhaltstyp eine Collection List zu erstellen.

Anhand eines einfachen Blogs werde ich dir Schritt für Schritt demonstrieren, wie du Beiträge kreierst. Du wirst sehen, wie du einen neuen Blogpost erstellst, indem du das Formular ausfüllst und ein Bild hochlädst. Ich werde ebenfalls erläutern, wie du dem Bild einen Alternativtext und einen Beschreibungstext hinzufügst. Nach dem Ausfüllen des Formulars kannst du entweder auf "Erstellen" oder direkt auf "Veröffentlichen" klicken.

Du wirst beobachten, wie automatisch ein neuer Blogbeitrag mit dem aktuellen Datum erstellt wird. Dieser Prozess funktioniert ebenso für jede Art von CMS-Item. Als Beispiel werde ich auch das Hinzufügen eines neuen Mitarbeiters demonstrieren und den Schritt-für-Schritt-Prozess erklären.Am Ende des Videos wirst du alle nötigen Informationen haben, um selbstständig CMS Collection Lists zu bearbeiten oder zu erstellen.

Webflow Editing  & Designer Mode - Für Marketing Teams & Entwickler

Webflow Designer - Der Profi Zugang

Der Webflow Designer ist der Ort an dem die Webdesign Magie passiert. Der Webflow Designer leistungsstarkes Werkzeug, das dir erlaubt, Webseiten zu gestalten und anzupassen, ohne bzw. wenig Code schreiben zu müssen. Solltest du beim Webflow Editor an Grenzen stoßen ist das der richtige Ort für dich. Durch die automatischen Backups kann dir nichts passieren und du kannst dich austesten.

Backups wiederherstellen, Backup händisch erstellen

In diesem Video werde ich dir zeigen, wie du in Webflow deine Webseite zurücksetzen kannst, falls du versehentlich einen Fehler gemacht oder etwas unbeabsichtigt verändert hast. Du wirst erfahren, wie du kleine Anpassungen rückgängig machen und automatisch generierte Sicherungskopien verwenden kannst, um deine Webseite wiederherzustellen. Des Weiteren erkläre ich dir, wie du vor größeren Änderungen manuell ein Backup erstellst. Nimm dir einen Moment Zeit, dieses Video anzuschauen, und lerne, wie du deine Webseite in Webflow problemlos auf einen vorherigen Zustand zurücksetzen kannst.

Bilder hochladen, Texte ändern und Hintergrundbilder austauschen! 📷

In diesem Video zeige ich dir, wie du ganz einfach Bilder hochladen, Texte ändern und Hintergrundbilder austauschen kannst. Zuerst zeige ich dir, wie du Texte ändern kannst, indem du sie einfach doppelklickst und bearbeitest. Dann erkläre ich dir, wie du Bilder hochladen kannst, entweder indem du sie einfach hineinziehst oder über den Navigator. Außerdem zeige ich dir, wie du Fotos austauschen kannst, entweder über das Zahnrad oder über den Navigator. Zum Schluss erkläre ich dir, wie du Hintergrundbilder austauschen kannst, indem du auf den Pinsel gehst und ein neues Bild auswählst. Schau dir das Video an und folge den Anweisungen, um deine Inhalte anzupassen!

SEO Texte im Webflow Designer anpassen 🎥

In diesem Video werde ich dir anschaulich demonstrieren, wie du im Webflow Designer deine SEO-Texte anpassen kannst. Gemeinsam werden wir Schritt für Schritt vorgehen, während ich dir erkläre, wie du die SEO-Einstellungen für deine Seiten problemlos ändern kannst. Du wirst erfahren, wie du den Titel und die Metabeschreibung nach deinen Vorstellungen modifizierst und sogar ein Bild mit einem verknüpften Link einfügst. Des Weiteren werde ich dir aufzeigen, wie du Alternativtexte für deine Bilder festlegst, um die Zugänglichkeit für Menschen mit Sehbehinderungen zu verbessern.

Neue Seiten hinzufügen und duplizieren 📝

In diesem Video werde ich dir zeigen, wie du mühelos neue Seiten zu deinem Projekt hinzufügst oder bereits existierende Seiten duplizierst. Du wirst Schritt für Schritt angeleitet. Zuerst erkläre ich dir, wie du eine neue Seite erstellst – ein einfacher Klick auf "Create New Page" genügt. Anschließend kannst du die Seite rasch benennen. Wenn du eine Seite duplizieren möchtest, zeige ich dir, wie du dies mit nur einem Klick auf das Zahnrad und anschließend "Duplizieren" bewerkstelligst.

Bearbeiten von Collection Lists und Blockbeiträgen im Webflow Designer 👩💻

In diesem Video zeige ich dir, wie du direkt im Webflow Designer Collection Lists und Blockbeiträge bearbeiten kannst – ähnlich wie im Webflow Editor. Dafür navigierst du zur linken Seitenleiste und klickst auf das Symbol das aussieht wie drei Kekse übereinander, um zum CMS-System von Webflow zu gelangen. Hier findest du deine Listen, zum Beispiel für Teammitglieder und Blogbeiträge. Bei einem Klick darauf kannst du oben rechts ein neues Teammitglied erstellen, indem du das Formular ausfüllst und ein Foto hochlädst. Nach dem Veröffentlichen wird der neue Mitarbeiter auf der Live-Seite sichtbar sein. Denke daran, alles zu veröffentlichen, um die Änderungen zu übernehmen.

Webflow-Seite veröffentlichen 👀

Nachdem wir einige großartige Veränderungen vorgenommen haben, ist es an der Zeit, diese Anpassungen der ganzen Welt zugänglich zu machen. Aus diesem Grund werde ich dir nun Schritt für Schritt aufzeigen, wie du deine Webflow-Seite veröffentlichst. Mit lediglich zwei Klicks gelangst du zum Ziel. Du hast die Wahl, ob du deine Seite in der mitgelieferten Staging-Umgebung von Webflow veröffentlichen möchtest oder ob du sie mit deiner eigenen Domain verknüpfen willst. Falls du eine eigene Domain verknüpft hast, genügt ein Klick auf "Publish to Selected Domain".

Editing Mode für Marketing Teams

Der Webflow Editing Mode für Marketing-Teams ermöglicht eine effiziente Verwaltung und Bearbeitung von Website-Inhalten. Marketing-Teams können direkt auf der Live-Website Änderungen vornehmen, Teammitglieder hinzufügen und Aufgaben zuweisen. Der neue Modus erleichtert die Zusammenarbeit und sorgt dafür, dass alle Inhalte stets aktuell und relevant bleiben.