So fügen Sie Javascript zu Ihrer Elementor-Website hinzu

Wenn Sie Ihre Website mit Elementor erstellen, kann es vorkommen, dass Sie Ihrer Website Javascript-Code hinzufügen müssen. Ob für Tracking-Zwecke, Animationen, Pop-ups oder irgendetwas anderes, es erfordert ein wenig Know-how, damit es richtig funktioniert. Keine Angst, denn in diesem Blogbeitrag teilen wir eine Schritt-für-Schritt-Anleitung zum Hinzufügen von Javascript zu Ihrer Elementor-Website.

Schritt 1: Öffnen Sie den Page Builder

Öffnen Sie zunächst den Seitenersteller und wählen Sie die Seite aus, zu der Sie Javascript hinzufügen möchten. Sobald Sie sich auf der Bearbeitungsoberfläche befinden, klicken Sie in der oberen Leiste auf die Schaltfläche „Mit Elementor bearbeiten“. Dadurch wird die Elementor-Oberfläche geöffnet, in der Sie die verschiedenen Elemente/Widgets sehen, die Ihnen zur Verfügung stehen. Suchen Sie den Abschnitt auf Ihrer Seite, zu dem Sie das Javascript hinzufügen möchten, und klicken Sie darauf, um ihn auszuwählen.

Schritt 2: Fügen Sie ein benutzerdefiniertes HTML-Element hinzu

Um Ihren Javascript-Code hinzuzufügen, müssen Sie dem Abschnitt ein benutzerdefiniertes HTML-Element-Widget hinzufügen. Suchen Sie im Elementor-Widget-Menü auf der linken Seite den Abschnitt „Basic“ und scrollen Sie nach unten, um das benutzerdefinierte HTML-Element-Widget zu finden. Ziehen Sie es einfach per Drag & Drop auf den Abschnitt auf Ihrer Seite, den Sie zuvor ausgewählt haben.

Schritt 3: Fügen Sie Ihren Javascript-Code hinzu

Wenn Ihr benutzerdefiniertes HTML-Widget eingerichtet ist, können Sie mit dem Hinzufügen Ihres Javascript-Codes beginnen. Klicken Sie auf das Widget, um die Bearbeitungsoberfläche zu öffnen, und fügen Sie Ihren Code in das Textfeld „Benutzerdefiniertes HTML bearbeiten“ ein. Klicken Sie anschließend auf „Aktualisieren“, um es zu speichern.

Schritt 4: Vorschau Ihrer Änderungen

Sobald Sie den Code hinzugefügt haben, sehen Sie sich Ihre Änderungen in der Vorschau an, um sicherzustellen, dass alles korrekt angezeigt wird. Wenn es Probleme mit dem Code gibt, werden Sie diese hier bemerken und können zu den vorherigen Schritten zurückkehren, um die erforderlichen Änderungen vorzunehmen.

Schritt 5: Testen Sie Ihren Javascript-Code

Durch das Testen Ihres Codes stellen Sie sicher, dass alles ordnungsgemäß funktioniert. Navigieren Sie zum Testen einfach auf Ihrer Website und prüfen Sie, ob das Javascript wie erwartet funktioniert. Wenn Sie externe Bibliotheken wie Google Analytics oder ein Plugin wie Contact Form 7 verwenden, finden Sie auf ihren jeweiligen Websites häufig eine Dokumentation zum Hinzufügen ihres Javascript-Codes.

Zusammenfassung

Das Hinzufügen von Javascript zu Ihrer Elementor-Website mag wie eine entmutigende Aufgabe erscheinen, aber mit dieser Anleitung ist es einfach. Unabhängig davon, ob Sie benutzerdefinierte Tracking-Codes oder Pop-ups hinzufügen, können Sie dies mit Elementor ganz einfach tun. Mit ein wenig Übung werden Sie in kürzester Zeit ein Profi sein. Zögern Sie also nicht, Ihrer Elementor-Website benutzerdefinierten Javascript-Code hinzuzufügen und die damit verbundenen Möglichkeiten zu erkunden.