Fügen Sie Rechner-Widgets zu Ihrer Drupal-Site mit dem Full HTML-Textformat oder einem Custom Block hinzu. Diese Anleitung behandelt beide Methoden.
Schritt 1: Holen Sie Ihren Einbettungscode
- Gehen Sie zu unserem Widget-Generator
- Wählen Sie Ihren Rechnertyp, passen Sie Farben und Styling an Ihre Website an
- Kopieren Sie den generierten Einbettungscode aus dem Tab "HTML Einbetten"
Schritt 2: Zu einer Inhaltsseite hinzufügen
-
Inhalt erstellen oder bearbeiten
Gehen Sie zu Inhalt → Inhalt hinzufügen (oder bearbeiten Sie eine bestehende Seite).
-
Auf Full HTML umschalten
Ändern Sie im Body-Feld das Textformat-Dropdown auf "Full HTML", um HTML-Einbettungen zuzulassen.
-
Zur Quellansicht wechseln
Klicken Sie auf die "Source"-Schaltfläche in der Werkzeugleiste des Texteditors, um den rohen HTML-Code anzuzeigen.
-
Einfügen und speichern
Fügen Sie Ihren Einbettungscode dort ein, wo der Rechner erscheinen soll, und speichern Sie den Inhalt.
Alternative: Custom Block verwenden
Für wiederverwendbare Widgets in Seitenleisten oder anderen Bereichen erstellen Sie einen Custom Block:
- Gehen Sie zu Struktur → Block-Layout → Benutzerdefinierte Block-Bibliothek → Benutzerdefinierten Block hinzufügen
- Geben Sie Ihrem Block einen Namen (z.B. "BMI-Rechner Widget")
- Stellen Sie das Textformat auf "Full HTML" und fügen Sie Ihren Einbettungscode ein
- Speichern Sie den Block und platzieren Sie ihn dann über Struktur → Block-Layout in Ihrem gewünschten Bereich
Tipps
- Wenn "Full HTML" nicht verfügbar ist, bitten Sie Ihren Administrator, es für Ihre Rolle zu aktivieren
- Einige Textformate filtern iframes aus Sicherheitsgründen. Full HTML umgeht diese Filter.
- Das Widget passt seine Höhe automatisch an den Inhalt an, sodass Sie sich keine Sorgen um Scrollbalken machen müssen
Fehlerbehebung
Ihr Textformat filtert möglicherweise HTML. Wechseln Sie zum "Full HTML"-Format oder bitten Sie Ihren Administrator, iframe-Tags in Ihrem aktuellen Format zuzulassen.
Stellen Sie sicher, dass der Einbettungscode korrekt eingefügt wurde und sowohl die iframe- als auch die Script-Tags enthält. Überprüfen Sie die Entwicklerkonsole Ihres Browsers auf Fehlermeldungen.