Due to COVID-19, we're receiving a larger than usual amount of requests resulting in longer wait periods for support.

Theme anpassen

Wenn Sie über die integrierten Designoptionen hinaus ein einzigartiges Erlebnis auf Ihrer Website schaffen möchten, können Sie Ihr Theme anpassen, d.h. das Design ändern oder neue Funktionen hinzufügen.

⚠️ Die meisten dieser Änderungen können ohne Aktivierung des Code-Editors vorgenommen werden. Wenn Sie den Code-Editor aktivieren, erhalten Sie keine Theme-Aktualisierungen mehr. Aktualisierungen sind jedoch sehr wichtig, um die ordnungsgemäße Funktionsweise Ihres Themes sicherstellen, Dienste von Drittanbietern zu aktualisieren und neue Funktionen hinzuzufügen.

Die Aktivierung des Code-Editors lässt sich nicht so einfach rückgängig machen. Außerdem erhalten Sie dann keine technische Hilfe für Ihr Theme mehr. Dies könnte für Sie zusätzliche Kosten für die Aktualisierung Ihrer Website zur Folge haben.

Mit benutzerdefiniertem CSS anpassen

Mit CSS können Sie das Erscheinungsbild Ihrer Website ändern, z. B. Ihr Branding anwenden, Elemente ausblenden, Layouts ändern und vieles mehr. Sie können den Abschnitt „Custom CSS“ unter Design > Advanced > Custom CSS anzeigen.

Anwendungsbeispiele:

  • Farben und Typografie ändern
  • Einfache Animationen hinzufügen
  • Elemente auf der Website ausblenden
  • Icons ändern
  • Elemente verschieben

Mit benutzerdefiniertem JS anpassen

Mit JS oder Javascript können Sie dynamische Funktionen zu Ihrer Website hinzufügen. So haben Sie endlose Möglichkeiten. Außerdem verlangen viele Dienste von Drittanbietern die Implementierung von JS auf Ihrer Website. JS können Sie unter Settings > Web Extras > Custom JS hinzufügen.

Anwendungsbeispiele:

  • Drittanbieterdienst integrieren
  • Komplexe Animationen hinzufügen
  • Dynamisches Ausblenden oder Hinzufügen von Inhalten auf Ihrer Website
  • usw…

Mit Google Tag Manager anpassen

The theme comes with a Google Tag Manager integration. This tool has a lot of possibilities to customize and track your users. It uses a system of tags that you define on your website based on some triggers. It’s also a great way to unify all your website third party integrations in 1 place (ex: Google Analytics, Facebook Pixel, etc.).

Anwendungsbeispiele:

  • Integration von Drittanbieter-Diensten wie Facebook Pixel, Google Analytics, Intercom und Trustpilot
  • Klick-Buttons oder Benutzerinteraktionen verfolgen
  • Javascript auf einer bestimmten Seite hinzufügen oder Interaktionen hinzufügen
  • HTML auf Ihrer Website hinzufügen
  • usw…

Mit dem Code-Editor anpassen (Notlösung)

Wenn Sie mit keiner der obigen Lösungen das gewünschte Ergebnis erzielen können, müssen Sie möglicherweise den Code-Editor des Themes aktivieren und das Haupt-Theme ändern. Betrachten Sie dies jedoch nur als Notlösung. Auf diese Weise erhalten Sie weder Theme-Aktualisierungen noch eine Theme-Unterstützung. Sie haben dann die Möglichkeit, den gesamten Hauptcode des Themes zu ändern und alles Mögliche anzupassen.

Wenn Sie Hilfe beim Anpassen Ihres Themes benötigen, stehen wir Ihnen gern zur Seite. Kontaktieren Sie uns einfach!

War dieser Artikel hilfreich?
JaNein