weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Erweiterter Footer bearbeiten

Erweiterter Footer bearbeiten

Der erweiterte Footer bietet dir umfangreiche Möglichkeiten, einen professionellen Fußbereich für deine Website zu gestalten. Du kannst soziale Medien verlinken, wichtige Links organisieren und Kontaktinformationen übersichtlich darstellen. Dieser Footer eignet sich besonders für Unternehmenswebsites, die viele Informationen strukturiert präsentieren möchten.

Voraussetzungen

  • Du befindest dich im Website-Editor
  • Ein erweiterter Footer-Block ist auf deiner Seite eingefügt
  • Du hast die Berechtigung, Website-Inhalte zu bearbeiten

Aufbau der Bearbeitungsseite

Die Bearbeitungsseite gliedert sich in vier Hauptbereiche:

Allgemein

  • Dunkle Variante: Schalter für dunkles Design mit hellem Text
  • Volle Breite verwenden: Schalter, um den Footer über die gesamte Bildschirmbreite zu strecken
  • Beschreibungs-Text: Mehrzeiliges Textfeld für eine Unternehmensbeschreibung oder Markentext

Soziale Kanäle

  • Titel: Überschrift für den Social-Media-Bereich
  • Liste aller hinzugefügten sozialen Netzwerke mit Bearbeitungsmöglichkeiten
  • Schaltfläche zum Hinzufügen neuer Social-Media-Links
  • Titel: Überschrift für den Link-Bereich
  • Liste aller hinzugefügten Links mit Titel und Ziel-URL
  • Schaltfläche zum Hinzufügen neuer Links

Kontakt

  • Titel: Überschrift für den Kontakt-Bereich
  • Liste aller Kontaktinformationen mit Symbol, Text und optionalem Link
  • Schaltfläche zum Hinzufügen neuer Kontaktdaten

So arbeitest du mit dieser Seite

Grundeinstellungen konfigurieren

  1. Aktiviere Dunkle Variante für ein dunkles Footer-Design
  2. Aktiviere Volle Breite verwenden, wenn der Footer die gesamte Bildschirmbreite nutzen soll
  3. Gib im Feld Beschreibungs-Text eine kurze Beschreibung deines Unternehmens oder deiner Marke ein

Soziale Medien hinzufügen

  1. Klicke auf Link hinzufügen im Bereich "Soziale Kanäle"
  2. Gib die vollständige URL zu deinem Social-Media-Profil ein (z.B. https://facebook.com/deinprofil)
  3. Das System erkennt automatisch das Netzwerk und zeigt das entsprechende Symbol an
  4. Nutze die Pfeil-Schaltflächen, um die Reihenfolge zu ändern
  5. Klicke auf das Papierkorb-Symbol, um einen Link zu entfernen
  1. Klicke auf Link hinzufügen im Links-Bereich
  2. Gib einen Titel für den Link ein (z.B. "Impressum")
  3. Gib die Ziel-URL ein (z.B. "/impressum" oder "https://example.com")
  4. Verwende die Pfeil-Schaltflächen zum Sortieren
  5. Lösche Links mit dem Papierkorb-Symbol

Kontaktdaten pflegen

  1. Klicke auf Kontakt hinzufügen
  2. Wähle ein passendes Symbol aus der Symbol-Auswahl
  3. Gib den Text ein (z.B. "info@beispiel.de" oder "030 12345678")
  4. Optional: Gib einen Link ein (z.B. "mailto:info@beispiel.de" oder "tel:+4930123456")
  5. Sortiere die Kontakte mit den Pfeil-Schaltflächen

Tipps und Hinweise

  • Social Media URLs: Verwende immer vollständige URLs (mit https://) für Social-Media-Links
  • Kontakt-Links: Nutze "mailto:" für E-Mail-Adressen und "tel:" für Telefonnummern, um direkte Aktionen zu ermöglichen
  • Konsistente Symbole: Wähle Symbole, die zu deinem Inhalt passen (Telefon für Telefonnummer, E-Mail für E-Mail-Adresse)
  • Mobile Optimierung: Der Footer passt sich automatisch an verschiedene Bildschirmgrößen an
  • Rechtliche Links: Vergiss nicht wichtige Links wie Impressum, Datenschutz und AGB

Verwandte Seiten