--- title: "Ein Dropbox-Video mit dem Einbindungscode einbetten" slug: "embedding-a-dropbox-video-using-embed-code" updated: 2024-11-18T09:23:16Z published: 2024-11-18T09:23:16Z canonical: "support.whatfix.com/embedding-a-dropbox-video-using-embed-code" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.whatfix.com/llms.txt > Use this file to discover all available pages before exploring further. # Ein Dropbox-Video mit dem Einbindungscode einbetten Sie können Videos in jede Pop-up-Vorlage einfügen, um Ihren Benutzern mehr Informationen zu bieten. Das Video kann in den Beschreibungsabschnitt einbettet werden. Weitere Informationen zu Whatfix Pop-up-Vorlagen finden Sie unter [Die Pop-up-Vorlage wählen](/studio/docs/de/choosing-the-pop-up-template). Das Hinzufügen von Videoeinbindungscode in ein Pop-up ist ein zweistufiges Verfahren. - [Schritt 1: Des Videocodes zum Einbinden abrufen](/docs/de/embedding-a-dropbox-video-using-embed-code#step-get-the-video-embed-code) - [Schritt 2: Den Video-Einbindungscodes im Pop-up mit dem Visual Editor einsetzen](/docs/de/embedding-a-dropbox-video-using-embed-code#Step-insert-the-video-embed-code-in-popup) ## Schritt 1: Des Videocodes zum Einbinden abrufen **Note**: Bei Dropbox gibt es keine integrierte Option zum Einbetten von Videos. Allerdings können wir eine manuell erstellen. Führen Sie die folgenden Arbeitsschritte aus, um den Code für die Videoeinbettung zu erhalten: 1. Rufen Sie den Speicherort auf, an dem sich die Videodatei in Ihrem Dropbox-Konto bereits befindet. 2. Bewegen Sie den Cursor über das Video und klicken Sie auf das **Link kopieren** Symbol. ![Click_copy_link](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-10%20at%202.09.30%20PM%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 3. Fügen Sie den kopierten Link in einen Texteditor ein. ![studio_dropbox_link_added_raw](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_added_raw.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 4. Löschen Sie alle Parameter nach dem Fragezeichen und ersetzen Sie diese durch **raw=1**. ![studio_dropbox_link_unedited](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_unedited.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 5. Fügen Sie den bearbeiteten Video-Link zum Parameter **src** im folgenden Code-Snippet hinzu, um den Einbettungs-Iframe Link zu erhalten. ``` ``` Der fertige Verbindungslink sieht folgendermaßen aus. ![studio_dropbox_link_in_iframe](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_in_iframe.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) ## Schritt 2: Den Video-Einbindungscodes im Pop-up mit dem Visual Editor einsetzen Führen Sie die folgenden Arbeitsschritte aus, um die Videoeinbindung in Ihr Pop-up einzufügen: 1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 2. Klicken Sie **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 3. Schweben Sie den Mauscursor über das Pop-up-Segment, das Sie konfigurieren möchten, und klicken Sie dann auf das Symbol **Bearbeiten**. ![Edit_popup_DB](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Edit_popup_DB.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 4. Setzen Sie den Cursor im Abschnitt **Beschreibung** an die Stelle, an der Sie das Video hinzufügen möchten, und doppelklicken Sie darauf, um den **Rich Text Editor** zu öffnen. ![RTE_add_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 5. Klicken Sie auf das Symbol **+**. Das Dialogfeld **Komponente hinzufügen** wird geöffnet. ![Add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 6. Klicken Sie im Dialogfeld **Komponente hinzufügen** auf **Video**. ![Click_Video_Addcomponent](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Video_Addcomponent.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 1. Klicken Sie auf das Symbol **Code einbetten**. ![Click_embed_code_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28283%29.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 2. Fügen Sie den Einbettungscode ein und klicken Sie auf **Einsetzen**. ![Click_insert](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28284%29.png?sv=2026-02-06&spr=https&st=2026-10-29T05%3A32%3A18Z&se=2026-10-29T06%3A32%3A18Z&sr=c&sp=r&sig=S5kkdiy6o5CUl%2Bzo5MDVJHUhkZx5OyLuEy%2F0A9bBGzg%3D) 3. Beenden Sie die Erstellung des Pop-ups.