Anleitungen

Seite hinzufügen oder entfernen

Um eine Seite hinzuzufügen:

  1. Melde dich bei deinem Framer-Konto an und öffne dein Projekt.

  2. Klicke im Menü oben links auf den Tab Seiten.

  3. Klicke auf + Seite hinzufügen und benenne die Seite.

  4. Deine neue Seite wird dem Projekt hinzugefügt.

Um eine Seite zu löschen:

  1. Klicke mit der rechten Maustaste auf die zu löschende Seite im Seiten-Panel.

  2. Wähle Seite löschen aus dem Menü.

Hinweis: Änderungen in Framer werden automatisch gespeichert. Um die Live-Website zu aktualisieren, klicke auf Veröffentlichen.

Kontaktformular aktualisieren

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Wähle das Formular-Element aus, das du bearbeiten möchtest.

Um Felder zu bearbeiten:

  • Wähle ein Feld im Formular aus und passe die Einstellungen im Eigenschaften-Panel an.

Um E-Mail-Benachrichtigungen zu aktualisieren:

  • Gib die Empfänger-E-Mail-Adresse in den Formulareinsendungs-Einstellungen ein oder ändere sie.

Um die Danke-Nachricht zu bearbeiten:

  • Passe die Erfolgsnachricht im Eigenschaften-Panel an.

Tipp: Teste nach Änderungen das Formular, um sicherzustellen, dass Einsendungen wie erwartet funktionieren. Klicke auf Veröffentlichen, um die Änderungen live zu schalten.

Blogbeitrag hinzufügen

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Navigiere zum Blog-Bereich deiner Website.

  3. Klicke auf Beitrag hinzufügen, um einen neuen Blogeintrag zu erstellen.

  4. Gib Titel, Inhalt und Medien (Bilder oder Videos) ein.

  5. Speichere die Änderungen und klicke auf Veröffentlichen, um den Beitrag live zu schalten.

Profi-Tipp: Nutze Überschriften, Aufzählungspunkte und Bilder, um Beiträge ansprechend und mobilfreundlich zu gestalten.

Drittanbieter-Inhalte einbetten

  1. Öffne Framer und navigiere zu deinem Projekt.

  2. Wähle im Hinzufügen-Menü die Option Einbetten aus.

  3. Füge den Drittanbieter-Einbettungscode (z. B. YouTube, Google Maps) in das vorgesehene Feld ein.

  4. Passe die Größe und Position des Inhalts mit dem Eigenschaften-Panel an.

  5. Klicke auf Veröffentlichen, um die eingebetteten Inhalte live zu schalten.

Profi-Tipp: Überprüfe deine Website nach dem Einbetten, um sicherzustellen, dass die Inhalte auf allen Geräten korrekt angezeigt werden.

Text bearbeiten

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Navigiere zu der Seite, die den Text enthält, den du ändern möchtest.

  3. Klicke direkt auf das Textelement. Ein Texteditor wird geöffnet.

  4. Gib deinen neuen Text ein oder füge ihn ein.

  5. Passe Schriftart, Größe, Farbe oder Ausrichtung im Eigenschaften-Panel an.

Hinweis: Framer speichert Änderungen automatisch. Klicke auf Veröffentlichen, um die Updates live zu schalten.

Farben und Schriftarten ändern

Farben ändern:

  1. Wähle das Element (Text, Hintergrund oder Button) aus, das du ändern möchtest.

  2. Nutze das Eigenschaften-Panel, um die Füllfarbe oder Schriftfarbe zu aktualisieren.

  3. Für globale Änderungen passe die Farbstile im Designsystem-Tab an.

Schriftarten ändern:

  1. Wähle ein Textelement aus und öffne das Eigenschaften-Panel.

  2. Ändere Schriftfamilie, Größe, Gewicht oder Ausrichtung.

  3. Für globale Änderungen bearbeite die Schriftstile im Designsystem.

Profi-Tipp: Nutze konsistente Schrift- und Farbstile für ein professionelles Erscheinungsbild. Klicke auf Veröffentlichen, um die Änderungen live zu stellen.

Ein Bild ersetzen

  1. Navigiere zu der Seite mit dem Bild, das du ersetzen möchtest.

  2. Klicke auf das Bild, um die Einstellungen im Eigenschaften-Panel zu öffnen.

  3. Klicke auf das aktuelle Bildminiaturbild, um es zu ersetzen.

  4. Wähle ein Bild aus deiner Bibliothek aus oder lade ein neues hoch.

Profi-Tipp: Verwende optimierte Bilder, um schnelle Ladezeiten auf deiner Website sicherzustellen.

FAQ-Bereich bearbeiten

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Finde den FAQ-Bereich auf deiner Seite.

Um Text zu bearbeiten:

  • Klicke direkt auf eine Frage oder Antwort und passe den Text an.

Um ein neues FAQ hinzuzufügen:

  • Dupliziere einen bestehenden FAQ-Block oder nutze das Hinzufügen-Tool, um einen neuen zu erstellen.

Um ein FAQ zu löschen:

  • Wähle den Block aus und drücke Löschen oder nutze die Symbolleiste, um ihn zu entfernen.

Button verlinken

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Navigiere zu dem Button, den du verlinken möchtest.

  3. Klicke auf den Button, um das Eigenschaften-Panel zu öffnen.

  4. Im Link-Feld kannst du das gewünschte Ziel eingeben:

    • Seite: Verlinkung zu einer Seite im Projekt.

    • Externe URL: Füge die vollständige URL ein.

    • Abschnitt: Nutze einen Anker-Link, um zu einem bestimmten Abschnitt zu springen.

    • E-Mail/Telefon: Verwende mailto: für E-Mails oder tel: für Telefonnummern.

Hinweis: Framer speichert Änderungen automatisch. Klicke auf Veröffentlichen, um den Button live zu schalten.

Benutzerdefinierte Domain hosten und verbinden

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Klicke oben rechts auf Veröffentlichen.

  3. Wähle im Veröffentlichungsmenü Benutzerdefinierte Domain und klicke auf Domain verbinden.

  4. Gib deinen Domainnamen ein und klicke auf Domain verbinden.

  5. Framer stellt dir die erforderlichen DNS-Einstellungen zur Verfügung:

    • Füge die bereitgestellten A-Records und CNAME-Records zu den DNS-Einstellungen deiner Domain hinzu.

  6. Nachdem du die DNS-Einstellungen aktualisiert hast, klicke in Framer auf Verbindung überprüfen.

  7. Die Website wird live geschaltet, sobald die DNS-Änderungen propagiert sind (dies kann bis zu 48 Stunden dauern).

Domain/URL ändern

  1. Melde dich bei Framer an und öffne dein Projekt.

  2. Klicke oben rechts auf Veröffentlichen.

  3. Wähle im Veröffentlichungsmenü Domains verwalten.

  4. Gib den neuen Domainnamen ein und folge den DNS-Anweisungen von Framer.

  5. Verifiziere die Verbindung, um die neue Domain zu aktivieren.

Profi-Tipp: Aktualisiere interne Links, um die neue URL widerzuspiegeln.

Bild durch Video ersetzen oder umgekehrt

  1. Navigiere zu dem Element, das du ersetzen möchtest.

  2. Lösche das vorhandene Bild- oder Videoelement.

  3. Füge ein neues Element hinzu:

    • Für Bilder: Gehe zu Medien hinzufügen > Bild.

    • Für Videos: Gehe zu Medien hinzufügen > Video und füge den Videolink ein oder lade eine Datei hoch.

  4. Passe die Größe und Position mit dem Eigenschaften-Panel an.

Hinweis: Videos können die Ladezeit der Seite erhöhen. Optimiere die Videogröße vor dem Hochladen.

Ecken abrunden (Container, Video, Bild)

  1. Wähle das Element aus, das du bearbeiten möchtest.

  2. Öffne das Eigenschaften-Panel und suche das Feld Eckenradius.

  3. Gib einen Wert ein (z. B. 10px) oder passe den Schieberegler an, um die Ecken abzurunden.

Menüelemente ändern

  1. Öffne den Header-Bereich, der das Menü enthält.

  2. Klicke auf die Menükomponente, um deren Einstellungen zu öffnen.

Um Menüelemente zu bearbeiten:

  • Aktualisiere den Text, indem du direkt auf ein Menüelement klickst.

  • Ändere Links, indem du neue Ziele im Link-Feld eingibst.

  • Ordne Elemente neu an, indem du sie an die gewünschte Position ziehst.

Profi-Tipp: Überprüfe mit dem Vorschautool, wie das Menü auf verschiedenen Bildschirmgrößen aussieht.

Abstände und Ausrichtung anpassen

  1. Wähle das Element aus, das du anpassen möchtest.

  2. Nutze das Eigenschaften-Panel, um Folgendes zu ändern:

    • Innenabstand (Padding): Passe den Abstand innerhalb des Elements an.

    • Außenabstand (Margin): Passe den Abstand außerhalb des Elements an.

  3. Verwende die Ausrichtungstools, um Elemente vertikal oder horizontal zu positionieren.

Produkte hinzufügen oder entfernen

Um ein Produkt hinzuzufügen:

  1. Navigiere zum Shop-Bereich deines Projekts.

  2. Klicke auf + Produkt hinzufügen und gib Produktdetails wie Name, Preis und Beschreibung ein.

  3. Lade Produktbilder hoch und speichere die Änderungen.

Um ein Produkt zu entfernen:

  1. Wähle das Produkt im Shop-Bereich aus.

  2. Klicke in der Symbolleiste auf Löschen.

  3. Klicke auf Veröffentlichen, um die Änderungen live zu schalten.

Preise oder Lagerbestand aktualisieren

  1. Öffne den Shop-Bereich deines Projekts.

  2. Wähle das Produkt aus, das du aktualisieren möchtest.

  3. Ändere den Preis oder die Lagerbestandsanzahl in den Produktdetails.

  4. Klicke auf Veröffentlichen, um die Änderungen zu speichern.

Zahlungsmethoden konfigurieren

  1. Gehe zu den E-Commerce-Einstellungen in deinem Projekt-Dashboard.

  2. Füge eine Zahlungsmethode hinzu (z. B. PayPal oder Stripe).

  3. Folge den bereitgestellten Verbindungsschritten.

  4. Speichere und veröffentliche deine Änderungen.

Kundenbestellungen verwalten

  1. Navigiere zu Bestellverwaltung im Dashboard.

  2. Sieh dir Bestelldetails wie Produkte, Versand- und Zahlungsstatus an.

  3. Markiere Bestellungen als erfüllt, sobald sie versandt wurden.

PreviousEinführung in Framer

Last updated