So fügen Sie benutzerdefinierten Code in WebFlow hinzu

Webflow wird weithin als No-Code-Entwicklungsplattform vermarktet, was als sein größter Vorteil angesehen wird. Dies bedeutet jedoch nicht, dass Sie Ihrem Design keine Codes hinzufügen können.

So fügen Sie benutzerdefinierten Code in WebFlow hinzuWährend Webflow eine Vielzahl von Designoptionen bietet, möchten Sie Ihre Website vielleicht weiter anpassen. Hier kommen benutzerdefinierte Codes ins Spiel, da das Hinzufügen von ihnen mehr Funktionalität ermöglicht.

Lesen Sie weiter, um zu erfahren, wie Sie einen benutzerdefinierten Code in Webflow hinzufügen.

Einschränkungen beim Hinzufügen von benutzerdefiniertem Code

Bevor Sie lernen, wie Sie benutzerdefinierte Codes in Webflow hinzufügen, ist es wichtig, einige Grundregeln durchzugehen.

Denken Sie daran, dass benutzerdefinierte Codes erweiterte Modifikationen sind. Daher können sie Konflikte mit der Funktionalität von Webflow verursachen, was zu unerwartetem Verhalten auf Ihrer Website führt. Daher gibt es keine Garantie dafür, dass jeder benutzerdefinierte Code vollständig kompatibel oder funktionsfähig ist.

Im Allgemeinen unterstützt Webflow die folgenden Arten von Codes:

Das Hinzufügen von benutzerdefinierten JavaScript-Codes kann Ihrer Website viele Funktionen hinzufügen. Aus diesem Grund ist Webflow auch mit einer einfacheren Version von JavaScript namens jQuery ausgestattet. Sie können es zusammen mit JavaScript verwenden, um den Schreibprozess zu vereinfachen.

Beim Import von jQuery muss unbedingt auf dessen Version geachtet werden. Die Version sollte mit der aktuell importierten Webflow-Version übereinstimmen, um Konflikte und unerwartetes Verhalten zu vermeiden. Darüber hinaus können Skripte wie onClick und onHover, die sich auf DOM-Ereignisse auswirken, auch zu unerwartetem Verhalten auf Ihrer Website führen.

Bei der Integration eines benutzerdefinierten Codes können Sie keine serverseitigen Sprachen verwenden, einschließlich:

Ein weiterer kritischer Aspekt ist die Länge des benutzerdefinierten Codes. Webflow erlegt die folgenden Zeichenbeschränkungen auf:

  • 10.000 Zeichen für eingebettete Elemente
  • 10.000 Zeichen für Codes über eine einzelne Seite
  • 20.000 Zeichen für Codes über die gesamte Website

Wenn der Code, den Sie einbetten möchten, diese Zeichenbeschränkung überschreitet, können Sie ihn nicht direkt einbetten. Sie können den Code jedoch auf einem anderen Server speichern und dann in Ihrem Code auf das Skript verweisen. Alternativ können Sie ein Tool eines Drittanbieters verwenden, um Ihren benutzerdefinierten Code zu minimieren.

Die meisten benutzerdefinierten Codes wirken sich nicht auf Elemente im Designermodus aus, um unerwartetes Verhalten zu vermeiden. Daher sehen Sie die Ergebnisse erst, nachdem Sie Ihre Website veröffentlicht haben.

Wenn Ihr benutzerdefinierter Code nicht funktioniert, hilft Ihnen das Webflow-Supportteam leider nicht weiter, da die benutzerdefinierte Codierung nicht in deren Zuständigkeitsbereich fällt Kundensupport-Richtlinie. Versuchen Sie, Ihren Code noch einmal zu überprüfen und besuchen Sie die Webflow-Forum für zusätzliche Hilfe, falls erforderlich.

Webflow So fügen Sie benutzerdefinierten Code hinzu

Mit benutzerdefinierten Codes können Sie Ihre Website an Ihre spezifischen Bedürfnisse anpassen. Webflow hat dafür gesorgt, dass eine Reihe von Szenarien berücksichtigt werden, sodass Benutzer der gesamten Website oder nur einzelnen Seiten benutzerdefinierte Codes hinzufügen können. Darüber hinaus können Sie auch bestimmte Beiträge anpassen. Das Beste daran ist, dass Sie Ihren benutzerdefinierten Code unabhängig vom Standort mit wenigen Klicks hinzufügen können.

So fügen Sie einer gesamten Website benutzerdefinierten Code hinzu

Wenn Ihr benutzerdefinierter Code auf jeder Seite Ihrer Website angewendet werden muss, sind „Site-Einstellungen“ der richtige Ort. Das Hinzufügen des benutzerdefinierten Codes dort sorgt für ein nahtloses Erlebnis über alle Elemente Ihrer Website hinweg.