Wie kann man Custom-Code in einen Abschnitt einfügen? (Proven-Expert, Webinar-Optin, Google Bewertungen etc.)

Onepage ermöglicht es dir, benutzerdefinierten HTML-, CSS- (einschließlich SCSS-) und JavaScript-Code zu deiner Website hinzuzufügen. Diese Technologien sind essenziell für die Erstellung und Gestaltung moderner Webseiten. Hier ist eine Übersicht:

HTML (HyperText Markup Language) ist die Standard-Sprache zur Strukturierung und Darstellung von Inhalten im Web. Mit HTML-Tags werden Elemente wie Absätze, Überschriften, Tabellen, Bilder und Videos definiert, die den grundlegenden Aufbau einer Webseite bilden.
CSS (Cascading Style Sheets) dient der Gestaltung von HTML-Elementen. Mit CSS kannst du das visuelle Erscheinungsbild steuern, indem du Eigenschaften wie Farben, Schriftarten, Layouts und responsives Design festlegst.
JavaScript ist eine Programmiersprache, die dynamische und interaktive Funktionen auf Webseiten ermöglicht. Sie wird verwendet, um Inhalte ohne Neuladen zu aktualisieren, Animationen zu erstellen, Benutzereingaben zu verarbeiten und vieles mehr.

Mit diesen Werkzeugen kannst du deine Onepage-Website individuell anpassen und optimieren.

Schritt 1: Abschnitt auswählen und Element Menü aufrufen

Fahre mit dem Mauszeiger über den Abschnitt, den du bearbeiten möchtest. Dir wird ein graues Panel angezeigt. Klicke auf das zweite "Burger Symbol" (Symbol mit drei Strichen).

Schritt 2: Element "Personalisierter Code" hinzufügen

Klicke auf "Hinzufügen" und suche nach dem "Personalisierter Code" Element.

Schritt 3: Code eingeben

Jetzt erscheint in dem Abschnitt ein neues Code-Element. Klicke bitte darauf um deinen Code einfügen zu können.

In der benutzerdefinierten Code-Sektion stehen dir drei separate Spalten zur Verfügung: HTML, CSS und JS. Es ist entscheidend, dass du deinen Code in die jeweils korrekte Spalte eingibst, um die ordnungsgemäße Funktionalität und Darstellung deiner Website zu gewährleisten. Wenn du Code von Drittanbietern erhältst, sind in der Regel Anweisungen enthalten, die angeben, in welcher Spalte der Code platziert werden muss. Die Befolgung dieser Richtlinien hilft, Fehler zu vermeiden und stellt sicher, dass deine Anpassungen wie vorgesehen funktionieren.

Damit du den Prozess besser verstehen kannst, haben wir auch eine Videodemonstration beigefügt:

Häufig gestellte Fragen und Lösungen

Warum wird mein eingebetteter Inhalt (z. B. ein Formular) nicht angezeigt?

Dies kann mehrere Ursachen haben:

Falsche Spalte: Stelle sicher, dass der Code in der richtigen Spalte (meist HTML für <iframe>-Codes) eingefügt wurde.
Ungültiger Code: Überprüfe, ob der Code vollständig und korrekt kopiert wurde, ohne fehlende Zeichen oder Tags.
Einschränkungen des Drittanbieters: Manche Dienste (z. B. Typeform) erfordern, dass die Webseite öffentlich zugänglich ist oder bestimmte Einstellungen aktiviert sind.
Browser-Einschränkungen: Teste die Seite in einem anderen Browser oder im Inkognito-Modus, um Cache-Probleme auszuschließen.

Ich kann meine Webseite nicht mehr korrekt bearbeiten, nachdem ich den Code eingefügt habe.

Personalisierter Code kann manchmal ein Konflikt mit dem Onepage Code auslösen. Wie empfehlen den Code zu entfernen oder auf Fehler zu überprüfen. Sollte es nicht mehr möglich sein den Code zu entfernen, kontaktiere bitte unser Support Team.

Wie kann ich den Code in der Ebene des ganzen Projektes oder Unterseite einrichten?

Schaue dir gerne unsere Anleitung an.