Zum Hauptinhalt springen
Alle KollektionenIntegrationen & Anbindungen
Custom-Code • Wie du Custom-Code in einen Abschnitt einbindest (Proven-Expert, Webinar-Optin, Google Bewertungen etc.)
Custom-Code • Wie du Custom-Code in einen Abschnitt einbindest (Proven-Expert, Webinar-Optin, Google Bewertungen etc.)

In diesem Artikel erfährst du, wie du Code in einen Bereich deiner Webseite integrieren kannst

Alina avatar
Verfasst von Alina
Vor über einem Jahr aktualisiert

In Onepage kannst du HTML Code, CSS(SCSS) Code und JS hinzufügen. 

  • HTML ist die Markup-Language, die wir benutzen, um eine Webseite zu strukturieren und unsere Inhalte darzustellen, zum Beispiel durch Paragraphen, Überschriften, Tabellen aber auch um Bilder und Videos in die Webseite einzubinden.

  • CSS ist die Sprache, um Stil-Regeln für HTML zu definieren, zum Beispiel, indem wir die Hintergrundfarbe und die Schriftart ändern.

  • JavaScript ist eine Programmiersprache, die es erlaubt dynamische Updates der Inhalte, animierte Bilder und noch sehr viel mehr zu realisieren.

SCHRITT 1:

Gehe auf den Abschnitt, den du bearbeiten möchtest und klicke auf das Symbol mit den 6 Punkten um ein neues Element hinzuzufügen.

SCHRITT 2:

Klicke jetzt auf + HINZUFÜGEN

SCHRITT 3:

Wähle unten aus der Liste CODE aus.

SCHRITT 4:

Jetzt erscheint in dem Abschnitt ein neues Code-Element. Wenn du auf dieses Code Element klickst, kannst du deinen Custom-Code einfügen.

Natürlich kannst du den Code anpassen und alles hinzufügen, was du für deine Webseite brauchst.

Vergiss nicht, deine Website zu veröffentlichen oder zu aktualisieren, um die Ergebnisse live auf deiner Seite zu sehen. Fertig!

▶️ Sieh dir auch unser Video zu diesem Thema an:

💡 Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne über den Live-Chat, sodass unsere Artikel immer aktuell bleiben können. Dankeschön! 🙂


Legacy / Onepage 1.0
Wenn du noch mit Onepage 1.0 arbeitest, dann befolge bitte folgende Schritte.

1. Gehe zu deinem Projekt und klicke auf "Neuer Abschnitt". 

2. Wähle einen Abschnitt aus der Liste, der dir gefällt. 

3. Dann klicke auf den Code-Bereich. 

4. Füge deinen Code im Abschnitt hinzu. Zur Auswahl stehen HTML, CSS und JS. Bitte darauf achten, dass die Codes im richtigen Feld hinzugefügt werden. (Fügst du beispielsweise einen JavaScript-Code fälschlicherweise bei HTML hinzu, kommt es zu einer Fehlanzeige.)

5. Vergiss nicht, deine Website zu veröffentlichen oder zu aktualisieren, um die Ergebnisse live auf deiner Seite zu sehen.

⚠️ Sollte ein Code einmal nicht richtig angezeigt werden, setze dich bitte mit dem Toolanbieter in Verbindung, der den Code für dich generiert hat. Sollte es danach immer noch zu Darstellungsproblemen kommen, melde dich gerne direkt bei uns im Support!

Hat dies deine Frage beantwortet?