Das Code-Modul von Divi ist sehr praktisch, um externe Inhalte von anderen Plattformen mit HTML-Code auf deiner Webseite einzubinden, sei es ein Podcast, ein Video oder eine Kalenderfunktion, zum Beispiel der Buchungskalender für ein Kennenlerngespräch.
In dieser Anleitung zeige ich dir Schritt für Schritt, wie du das Code-Modul nutzt.
Schritt 1: HTML-Code kopieren
Zunächst benötigst du den HTML-Code des Inhalts, den du einbinden möchtest. Viele Plattformen wie YouTube, Kalender-Tools oder Podcast-Dienste bieten dafür spezielle „Embed“-Codes an. Wenn du beispielsweise einen Kalender einbetten willst, gehst du zu deinem Kalender-Tool und kopierst den dafür bereitgestellten HTML-Code.
Schritt 2: Divi-Code-Modul auswählen
Gehe in deinem WordPress-Dashboard zu der Seite oder dem Beitrag, in dem du den externen Inhalt einbinden möchtest. Wähle in der Modulauswahl das Code-Modul aus.
Schritt 3: HTML-Code einfügen
Nachdem du das Code-Modul eingefügt hast, klicke auf das Modul, um es zu öffnen. Im Textbereich des Moduls fügst du nun den zuvor kopierten HTML-Code ein. Dies ist der entscheidende Schritt, um deinen externen Inhalt in die Seite zu integrieren.
Schritt 4: Eingebundenen Inhalt ansehen
Hinweis: In der Divi-Bearbeitungsansicht siehst du keine direkte Vorschau des eingebetteten Inhalts. Klicke daher zunächst auf „Speichern“ oder „Aktualisieren“, um die Änderungen zu sichern. Öffne dann die Seite in einem neuen Tab, um die Vorschau anzuzeigen und zu sehen, wie der eingebundene Inhalt auf deiner Webseite aussieht.
Beispiel: YouTube-Video einbetten
Möchtest du ein YouTube-Video einfügen? Gehe zu YouTube, wähle das Video aus und klicke auf „Teilen“. Wähle „Einbetten“ und kopiere den bereitgestellten Code. Füge diesen Code in das Divi-Code-Modul ein. Du kannst die Größe und andere Parameter des Videos nach deinen Wünschen anpassen. Speichere die Änderungen und überprüfe die Vorschau.
Beispiel: Podcast einbetten
Das gleiche Prinzip gilt für das Einbetten eines Podcasts. Viele Podcast-Plattformen wie Podigee bieten ähnliche „Embed“-Codes an. Kopiere den Code und füge ihn im Divi-Code-Modul ein. Speichere die Seite und öffne die Vorschau, um zu prüfen, dass alles korrekt angezeigt wird.
Neben Videos, Podcasts und Kalendern kannst du auch Formulare oder andere benutzerdefinierte Skripte einbetten. Alles, was du dafür benötigst, ist der entsprechende HTML-Code.
