widget: HTML

Sie können die Möglichkeiten des Website-Builders durch benutzerdefinierten HTML-Code erweitern. Mit diesem Widget können Sie benutzerdefinierten Code in Ihre Website einfügen. Außerdem können Sie damit Drittanbieter-Widgets wie z. B. Videos, Kontaktformulare und mehr einfügen.

Zwar können Sie die Funktionen Ihrer Website durch benutzerdefinierten Code erweitern, jedoch sollten Sie nur Code von vertrauenswürdigen Quellen hinzufügen. Fügen Sie nur Code hinzu, von dem Sie genau wissen, wozu er dient und wie eventuelle Fehlfunktionen behoben werden.

Weitere Informationen zur Verwendung von HTML im Entwicklermodus finden Sie unter Benutzerdefinierter Code.

Warnung

Bevor Sie dem widgetCode hinzufügen, wird empfohlen, ein Backup Ihrer Website zu erstellen. Weitere Informationen zu Sicherungen finden Sie unter Website sichern.

Lesen Sie außerdem den Abschnitt Kritische Informationen für HTML-widget .

Inhaltseditor

Warnung

Bevor Sie dem widgetCode hinzufügen, wird empfohlen, ein Backup Ihrer Website zu erstellen. Weitere Informationen zu Sicherungen finden Sie unter Website sichern.

Lesen Sie außerdem den Abschnitt Kritische Informationen für HTML-widget .

Mit dem „HTML“-Element können Sie benutzerdefinierten HTML-Code hinzufügen. Schreiben Sie den HTML-Code einfach in das entsprechende Textfeld oder fügen Sie ihn ein.

Designeditor

Wichtige Informationen für das HTML-Widget

  • Wir empfehlen, ein Backup Ihrer Website zu erstellen, bevor Sie benutzerdefinierten Code hinzufügen. So können Sie im Fall eines Fehlers zur vorherigen Version zurückkehren.

  • Serverseitige Skripte (wie z. B. PHP und ASP) sind in diesem Widget nicht wirksam. Es sollten ausschließlich clientseitige Skripte (wie z. B. JavaScript und HTML) verwendet werden.

  • Der Editor verwendet HTTPS. Das Laden externer Nicht-HTTPS-Dateien durch Ihr Skript funktioniert daher nicht.

  • Unser System verwendet jQuery 3.0 Daher führt das Implementieren einer neuen Version der jQuery-Bibliothek normalerweise dazu, dass unser Editor nicht mehr funktioniert. Aus diesem Grund sollte der von Ihnen hinzugefügte benutzerdefinierte Code die Funktionen von jQuery 3.0 verwenden und es sollte nicht versucht werden, die Bibliothek neu zu initialisieren.

Hinzufügen verbundener Daten zum HTML-Widget

Sie können Felder aus einer Sammlung oder aus den "Meine Bilder & Dateien " in das HTML-Widget einfügen und die widget in Ihren dynamischen Seiten verwenden. Dies ist hilfreich, wenn Sie ein HTML-Widget in Ihre dynamischen Seiten einbinden möchten, ohne den gesamten HTML-Code in der Sammlung store zu müssen. Stattdessen werden nur die eindeutigen Daten oder die ID in der Sammlung stores .

Wenn Sie beispielsweise ein Element in Ihre dynamische Seite einbetten möchten – einen Podcast von SoundCloud, einen externen Kalender oder einen benutzerdefinierten Code – und Sie möchten, dass es auf jeder dynamischen Seite anders ist, können Sie die ID in Ihrer Sammlung store und den Code in das HTML-Widget einbetten. Weitere Informationen finden Sie unter Übersicht über dynamische Inhalte.

Um verknüpfte Daten hinzuzufügen:

  1. Klicken Sie mit der rechten Maustaste auf das HTML-Widget und wählen Sie Inhalt bearbeiten.

  2. Fügen Sie Ihren HTML-Code in das Feld ein, entfernen Sie dann den URL-Slug (also das Ende der URL) aus dem Code und speichern Sie ihn für später.

  3. Klicken Sie auf Aktualisieren.

  4. Klicken Sie in der oberen Leiste auf Zeilen bearbeiten.

  5. Fügen Sie den URL-Slug, den Sie in Schritt 2 gespeichert haben, in das Feld Abschnittsabsatz ein.

  6. Klicken Sie mit der rechten Maustaste auf Ihr HTML-Widget, um das Kontextmenü zu öffnen, und klicken Sie auf Inhalt bearbeiten.

  7. Klicken Sie auf Verbinden und wählen Sie dann das Datenfeld aus, mit dem Sie den widget verbinden möchten.

  8. Klicken Sie auf In Zwischenablage kopieren, und fügen Sie den kopierten Inhalt in den Codeabschnitt ein, in dem sich der URL-Slug befand, bevor Sie ihn in Schritt 2 entfernt haben.

  9. Klicken Sie auf Aktualisieren.

Sobald Ihr HTML-Widget erfolgreich eine Verbindung zu den Daten in "Meine Bilder und Dateien" hergestellt hat, wird es mit einem blauen Symbol " Verbundene Daten " (connected_data_icon.png) gekennzeichnet.