Open Site Navigation
  • Sebastian

How To: Video Embedding

Mit Video Embedding könnt Ihr Videos, die ihr für jooli produziert habt außerhalb der App zum Beispiel auf der entsprechenden Produktdetail-Seite in eurem Webshop anzeigen. So könnt ihr eure Produkte noch detaillierter präsentieren und eure Conversion erhöhen.

Die Integration von Videos kann mit drei einfachen Schritten umgesetzt werden, die ich euch hier einmal aufzeigen werde.


Schritt 1: Erzeugen eines Links

  • Geht auf https://creator.jooli.com und loggt Euch mit Euren Nutzerdaten ein*

  • Öffnet über das Menü den Bereich "Kanäle" und wählt den Kanal aus in dem sich das Video befindet, welches ihr einbetten möchtet

  • Klickt auf "Kanal bearbeiten" und wählt das Video aus, welches ihr auf eurer Website einbinden wollt

  • oben rechts könnt ihr nun auf das Teilen Symbol klicken und einen neuen Sharing-Link erzeugen

  • In dem neuen Dialog klickt ihr nun auf "NEU" und erzeugt einen neuen Sharing Link. Dieser wird euch dann in dem Fenster angezeigt und kann durch einen Klick darauf in die Zwischenablage kopiert werden

*Falls Ihr euch unsicher bzgl. euer Einlogdaten seid, schreibt eine Mail an support@jooli.com


Schritt 2: Link für Embedding vorbereiten

  • Diesen Link fügt ihr nun in ein HTML iFrame ein, welches ihr in euren Shop integriert.

  • ⚠️ Fügt hinter eurem Link noch ?embed=true ein. Damit es auf eurer Website auch wirklich gut aussieht.

iFrame Vorlage
<iframe src="SHARINGLINK HERE" height="680" width="370"></iframe>  
iFrame Beispiel
<iframe src="https://app.jooli.com/scp/42202665?embed=true" height="680" width="370"></iframe>  
  • Die Höhe (height) und die Breite (width) könnt ihr dabei frei bestimmen. So wie es für die Einbindung auf eurer Seite am besten passt.

Um es euch einfacher zu machen, werden wir für euch in Zukunft den gesamten zweiten Schritt als Wizard in den jooli creator integrieren.

Schritt 3: Integration in euren Webshop

An dieser Stelle hängt es davon ab, was für ein Shop-System ihr verwendet (Shopify, Wordpress, WIX usw.). In jedem System funktioniert es anders, deshalb hier eine allgemeine Beschreibung:

  • Öffnet das Administrations-Interface eures Webshops und öffnet die Detailseite eures Produkts, zu dem ihr das Video hinzufügen wollt.

  • Die meisten Systeme bieten an, eigene HTML-Codes zu integrieren. Nehmt den oben erzeugten Code und fügt ihn über die HTML-Bearbeiten Funktion eures Shop-Systems ein.

Nun sollte die Video Einbindung abgeschlossen sein. Falls Ihr bei irgendeinem Schritt ein Problem gehabt haben solltet, wendet euch gerne an unser Team via support@jooli.com