Anleitungen
Seite hinzufügen oder entfernen
Um eine Seite hinzuzufügen:
Melde dich bei deinem Webflow-Konto an und öffne dein Projekt.
Klicke auf das Seitenpanel auf der linken Seite.
Klicke auf + Neue Seite, gib einen Namen ein und wähle eine Vorlage oder beginne mit einer leeren Seite.
Klicke auf Erstellen.
Um eine Seite zu löschen:
Bewege den Mauszeiger über die Seite im Seitenpanel.
Klicke auf das Zahnrad-Symbol (Einstellungen) und wähle Löschen.
Klicke auf Veröffentlichen, um die Änderungen live zu schalten.
Kontaktformular aktualisieren
Öffne Webflow und wähle dein Projekt aus.
Klicke im Designer auf das Formular-Element, um es auszuwählen.
Um Felder zu bearbeiten:
Klicke auf das spezifische Feld, das du bearbeiten möchtest.
Passe die Einstellungen im Einstellungsfenster rechts an.
Um E-Mail-Benachrichtigungen zu aktualisieren:
Gehe zu Projekteinstellungen > Formulare.
Aktualisiere die Empfänger-E-Mail-Adresse unter Formularübermittlungs-Benachrichtigungen.
Um die Danke-Nachricht zu bearbeiten:
Klicke im Designer auf den Erfolgsnachricht-Block und bearbeite ihn direkt.
Speichere die Änderungen und klicke auf Veröffentlichen, um die Updates live zu schalten.
Blogbeitrag hinzufügen
Öffne Webflow und navigiere zum CMS Collections Panel.
Wähle die Sammlung Blogbeiträge.
Klicke auf + Neues Element und fülle Titel, Text und erforderliche Felder aus.
Füge bei Bedarf Bilder, Videos oder Links hinzu.
Speichere die Änderungen und klicke auf Veröffentlichen.
Drittanbieter-Inhalte einbetten
Öffne Webflow und gehe zum Add Panel (A).
Ziehe ein Embed-Element in dein Layout.
Füge den Drittanbieter-Einbettungscode (z. B. Google Maps, YouTube) in das Widget ein.
Passe die Platzierung und Größe bei Bedarf über das Style Panel an.
Klicke auf Veröffentlichen, um die Änderungen live zu schalten.
Texte bearbeiten
Melde dich bei Webflow an und öffne dein Projekt im Designer.
Verwende das Navigator-Panel, um die Seite und den Abschnitt mit dem Text zu finden.
Klicke direkt auf das Textelement (z. B. Überschrift oder Absatz) auf der Leinwand.
Gib deinen neuen Text ein oder füge ihn aus einer anderen Quelle ein.
Um Textformatierungen (z. B. Schriftgröße, Farbe, Ausrichtung) zu ändern, nutze das Style Panel auf der rechten Seite.
Änderungen werden automatisch gespeichert. Klicke auf Veröffentlichen, wenn du bereit bist, die Änderungen live zu schalten.
Farben und Schriftarten ändern
Farben ändern:
Melde dich bei Webflow an und öffne dein Projekt.
Wähle ein beliebiges Element aus und öffne das Style Panel auf der rechten Seite.
Passe die Einstellungen für Hintergrundfarbe oder Schriftfarbe mit dem Farbwähler oder einem Hex-Code an.
Um Änderungen für die gesamte Website vorzunehmen, bearbeite die globalen Farbfelder im Style Panel.
Schriftarten ändern:
Wähle ein beliebiges Textelement auf der Leinwand aus.
Öffne den Bereich Typografie im Style Panel.
Wähle eine neue Schriftfamilie, Größe, Stärke oder Ausrichtung.
Um siteweite Änderungen vorzunehmen, bearbeite die globalen Typografiestile.
Nutze das Vorschautool, um zu überprüfen, wie die Änderungen auf verschiedenen Geräten aussehen.
Klicke auf Veröffentlichen, um die Änderungen live zu stellen.
Ein Bild ersetzen
Melde dich bei Webflow an und öffne dein Projekt im Designer.
Verwende das Navigator-Panel, um das Bild zu finden, das du ersetzen möchtest.
Klicke auf das Bildelement auf der Leinwand.
Klicke im Einstellungsfenster auf das Bildminiaturbild im Abschnitt Bild.
Wähle ein neues Bild aus dem Asset Manager oder lade ein Bild von deinem Computer hoch.
Das neue Bild ersetzt automatisch das alte. Passe Größe und Ausrichtung bei Bedarf im Style Panel an.
Klicke auf Veröffentlichen, um die Änderungen zu speichern.
FAQ-Bereich bearbeiten
Melde dich bei Webflow an und öffne dein Projekt im Designer.
Verwende das Navigator-Panel, um den FAQ-Bereich auf deiner Seite zu finden.
Um Text zu bearbeiten:
Klicke direkt auf eine Frage oder Antwort und aktualisiere sie.
Um ein neues FAQ-Element hinzuzufügen:
Wenn die FAQ ein Teil einer CMS Collection ist, gehe zum CMS Panel und wähle die FAQ-Sammlung.
Klicke auf + Neues Element und fülle die Felder für Frage und Antwort aus.
Um ein FAQ-Element zu löschen:
Finde das Element im CMS oder direkt auf der Leinwand und lösche es.
Klicke auf Veröffentlichen, um die Änderungen live zu stellen.
Einen Button verlinken
Melde dich bei Webflow an und öffne dein Projekt im Designer.
Verwende das Navigator-Panel, um den Button zu finden, den du verlinken möchtest.
Klicke auf das Button-Element auf der Leinwand.
Öffne im Einstellungsfenster den Abschnitt Linkeinstellungen.
Wähle den Linktyp:
Seite: Verlinkung zu einer anderen Seite in deinem Projekt.
Externe URL: Gib eine vollständige URL ein, um zu einer externen Website zu verlinken.
Abschnitt: Verlinkung zu einem bestimmten Abschnitt oder Ankerpunkt auf derselben Seite.
E-Mail/Telefon: Verwende mailto: für E-Mails oder tel: für Telefonnummern.
Speichere die Änderungen und klicke auf Veröffentlichen.
Benutzerdefinierte Domain hosten und verbinden
Melde dich bei Webflow an: Öffne dein Projekt in deinem Konto.
Gehe zu den Projekteinstellungen: Klicke im Dashboard auf Projekt-Einstellungen.
Navigiere zum Hosting-Tab: Wähle den Reiter Hosting.
Domain hinzufügen: Klicke unter Benutzerdefinierte Domains auf Domain hinzufügen.
Gib deine Domain ein: Trage deinen Domainnamen ein (z. B. www.beispiel.com) und klicke auf Domain hinzufügen.
Aktualisiere die DNS-Einstellungen: Melde dich bei deinem Domain-Registrar (z. B. GoDaddy, Namecheap) an und füge die von Webflow bereitgestellten A-Records und CNAME-Records hinzu.
Überprüfen: Kehre zu Webflow zurück und klicke auf Status überprüfen, sobald die DNS-Einstellungen aktualisiert wurden.
Veröffentlichen: Klicke auf Veröffentlichen, um die Website auf der benutzerdefinierten Domain live zu schalten.
Domain/URL ändern
Melde dich bei Webflow an: Öffne dein Projekt in deinem Konto.
Gehe zu den Projekteinstellungen: Klicke auf Projekt-Einstellungen > Hosting.
Neue Domain hinzufügen: Klicke auf Domain hinzufügen und gib deine neue Domain (z. B. www.neuedomain.com) ein.
DNS aktualisieren: Passe die DNS-Einstellungen an die neuen A-Records und CNAME-Records an, die von Webflow bereitgestellt werden.
Verifizieren: Überprüfe die neue Domain, um die Verbindung zu aktivieren.
Standarddomain festlegen: Wähle die neue Domain als Primäre Domain aus.
Veröffentlichen: Klicke auf Veröffentlichen, um die Änderungen live zu stellen.
Bild durch Video ersetzen oder umgekehrt
Öffne dein Projekt im Designer: Melde dich bei Webflow an und starte dein Projekt.
Finde das Element: Lokalisieren das Bild oder Video, das du ersetzen möchtest.
Lösche das vorhandene Element: Wähle das Element aus und entferne es.
Neues Element hinzufügen:
Für Videos: Ziehe ein Video-Element aus dem Hinzufügen-Menü (A) und füge die Videourl ein oder lade eine Datei hoch.
Für Bilder: Ziehe ein Bild-Element in den Canvas und lade ein Bild hoch oder wähle ein bestehendes aus.
Anpassen: Passe die Größe und Ausrichtung mit dem Style Panel an.
Testen und Veröffentlichen: Überprüfe die Darstellung auf verschiedenen Geräten und klicke auf Veröffentlichen, um die Änderungen live zu stellen.
Ecken abrunden (Container, Video, Bild)
Wähle das Element aus: Melde dich bei Webflow an und öffne dein Projekt im Designer.
Eckenradius einstellen: Öffne das Style Panel und suche den Abschnitt Ränder (Borders).
Radius anpassen: Gib im Feld Eckenradius einen Wert ein (z. B. 10px, 20px) oder benutze den Schieberegler.
Überprüfen: Vorschau der Änderungen auf Desktop-, Tablet- und Mobilansichten mit dem Geräte-Vorschautool.
Veröffentlichen: Klicke auf Veröffentlichen, um die Änderungen live zu schalten.
Menüelemente ändern
Finde die Navbar: Öffne dein Projekt im Designer und suche die Navigationsleiste (Navbar) im Navigator Panel.
Text bearbeiten: Klicke direkt auf einen Menüpunkt, um ihn zu ändern.
Links aktualisieren: Öffne das Einstellungsfenster, um die Verknüpfung zu einer Seite, URL oder einem Abschnitt zu ändern.
Menüelemente verschieben: Ziehe die Elemente innerhalb der Menüstruktur, um sie neu anzuordnen.
Design anpassen: Ändere Farben, Schriftarten und Abstände im Style Panel.
Überprüfen und Veröffentlichen: Teste die Menüansicht auf mobilen und Tablet-Geräten und klicke auf Veröffentlichen.
Abstände und Ausrichtung anpassen
Element auswählen: Öffne dein Webflow-Projekt im Designer und wähle das zu bearbeitende Element aus.
Abstände bearbeiten:
Innenabstand (Padding): Passe den Abstand innerhalb des Elements an.
Außenabstand (Margin): Passe den Abstand außerhalb des Elements an.
Ausrichtung: Nutze das Layout-Tool im Style Panel, z. B. Flexbox-Einstellungen, um Inhalte auszurichten.
Testen und Veröffentlichen: Überprüfe die Änderungen auf verschiedenen Geräten und klicke auf Veröffentlichen.
Produkte hinzufügen oder entfernen
Produkt hinzufügen:
Navigiere zur Produktkollektion: Gehe im CMS-Panel zu Produkte.
Neues Produkt hinzufügen: Klicke auf + Neues Element und gib Details wie Name, Beschreibung, Preis und Bilder ein.
Speichern und Veröffentlichen: Sichere die Änderungen und klicke auf Veröffentlichen, um das Produkt live zu stellen.
Produkt entfernen:
Produkt auswählen: Suche das Produkt in der Produktkollektion.
Löschen: Klicke auf das Zahnradsymbol und wähle Löschen.
Änderungen veröffentlichen: Klicke auf Veröffentlichen, um das Produkt zu entfernen.
Preise oder Lagerbestand aktualisieren
Produktkollektion öffnen: Öffne die Produktsektion im CMS-Panel.
Produkt auswählen: Wähle das Produkt aus, das du bearbeiten möchtest.
Details bearbeiten: Ändere den Preis oder die Lagerbestandsmenge in den Produktdetails.
Speichern und Veröffentlichen: Sichere die Änderungen und veröffentliche sie.
Zahlungsmethoden konfigurieren
E-Commerce-Einstellungen öffnen: Gehe zu Einstellungen > E-Commerce-Einstellungen > Zahlungen.
Zahlungsanbieter auswählen: Wähle einen Anbieter wie Stripe oder PayPal.
Anweisungen folgen: Verbinde dein Konto gemäß den Anweisungen.
Speichern und Veröffentlichen: Sichere die Einstellungen und veröffentliche sie.
Kundenbestellungen verwalten
Bestellungen einsehen: Öffne die E-Commerce-Einstellungen und navigiere zu Bestellungen.
Details prüfen: Sieh dir Bestelldetails wie Produkte, Versand- und Zahlungsstatus an.
Bestellung abschließen: Markiere Bestellungen als erfüllt, sobald sie bearbeitet wurden.
Automatische Aktualisierung: Webflow aktualisiert den Bestellstatus automatisch.
Last updated