Ist es möglich HTML, CSS oder JS-Code einzufügen?

In diesem Artikel erfahren Sie, wie Sie HTML-, CSS- und JS-Code auf Seiten einfügen, die mit systeme.io erstellt wurden.

Sie benötigen:

  • Ein systeme.io-Konto
  • Einen HTML-, CSS- oder JS-Code

Warum sollten Sie einen benutzerdefinierten Code zu Ihren Seiten hinzufügen?

Durch Hinzufügen von HTML-Code zu Ihrer Seite ist es möglich, dem Inhalt von Bildern, Text, Links usw. einen eigenen Stil, eine eigene Funktionalität und eine eigene Struktur zu verleihen.

Zum Beispiel: 

  1. Um den Entwurf anzupassen, können Sie einen CSS-Code hinzufügen.
  2. Um Animationen auf einer Seite oder einzelnen Elementen hinzuzufügen (z. B. wenn Sie mit dem Mauszeiger darüber fahren oder auf eine Schaltfläche klicken), fügen Sie JS-Code hinzu.
  3. Um Titel oder Text im Allgemeinen hinzuzufügen, Tabellen, Teile und Unterteilungen auf Ihrer Seite zu erstellen, fügen Sie HTML-Code hinzu.

Wichtige Hinweise:

Wenn Sie benutzerdefinierten Code in die Abschnitte Header-Codes, Footer-Codes, Tracking-Codes oder Raw-HTML-Code einfügen, dürfen Sie keinen der folgenden Tags verwenden:

  • <head> </head>
  • <footer> </footer>
  • <html> </html>
  • <body> </body>

Beim Hinzufügen von Videos mit iframe  , sind keine zusätzlichen Tags erforderlich.

Inkorrekt:

<div> 
    <iframe src="link to your video"></iframe>
</div>

Korrekt:

<iframe src="link to your video"></iframe>

1. Codes im Bereich Tracking-Codes hinzufügen:

Um Facebook-Tracking-Codes einzufügen, öffnen Sie den Sales-Funnel, der die Seite enthält, auf der Sie den Code platzieren möchten.

Wählen Sie die Funnel-Seite aus der linken Seitenliste aus und klicken Sie auf Seite bearbeiten.

Klicken Sie auf Einstellungen (1) oben links und scrollen Sie dann zum Abschnitt Nachverfolgung (2).

1.1 Codes, die im Bereich Kopfzeilen-Code eingefügt werden sollen 

In diesem Abschnitt fügen Sie alle Codes ein, die sich innerhalb der <head> und </head> -Tags (Kopfzeilen) einer Seite befinden müssen.


1.2 Codes, die im Bereich Fußzeilen-Code eingefügt werden sollen

In diesem Abschnitt fügen Sie alle Codes ein, die für das Document Object Model (DOM) bestimmt sind.

2. Code über die Sales-Funnel-Einstellungen hinzufügen:

Einige Codes müssen auf jeder Funnel-Seite eingefügt werden, um ein genaues Tracking zu ermöglichen.

Um den Vorgang des Einfügens auf jeder Seite zu vermeiden, können Sie die Codes global auf alle Seiten des Funnels anwenden.

Um die Codes automatisch auf alle Seiten anzuwenden, klicken Sie auf Ihr Profilbild, dann auf Einstellungen und anschließend in der linken Leiste auf Verkaufsfunnel. Fügen Sie den Tracking-Code in das Textfeld Tracking-Code ein und klicken Sie auf Speichern.

3.  Ein HTML-Code-Element zur Seite hinzufügen:

Das Element Raw HTML ermöglicht es Ihnen, benutzerdefinierten Code direkt über den Editor in den Body-Bereich der meisten Seiten einzufügen (Verkaufsseiten, Bestellformulare, Dankeseiten usw.).

Hinweis: Das Element Raw HTML ist auf Infoseiten nicht verfügbar. Wenn Sie eine Infoseite bearbeiten und das Element Raw HTML im Seitenbereich nicht finden können, liegt das daran, dass benutzerdefinierte HTML-Blöcke auf diesem Seitentyp nicht unterstützt werden.

1. Fügen Sie das Element Raw HTML hinzu, indem Sie es an die gewünschte Stelle auf Ihrer Seite ziehen.

2. Klicken Sie auf das Element, um dessen Einstellungen anzuzeigen (1).

Klicken Sie im linken Bereich auf Code bearbeiten, um das Popup-Fenster zu öffnen, in das Sie Ihren Code einfügen können (2).

Fügen Sie den HTML-Code in das Textfeld ein (3) und klicken Sie anschließend auf Speichern (4).

Stellen Sie sicher, dass Sie Ihre Änderungen speichern, bevor Sie den Editor verlassen. Sobald die Änderungen gespeichert wurden, kann die vorherige Version der Seite nicht wiederhergestellt werden.

Hinweis: Raw HTML wird im Vorschaumodus nicht angezeigt. Es ist nur auf der veröffentlichten Seite sichtbar.