Embed YouTube videos

What does it mean to embed YouTube videos?

By embedding YouTube videos, you can display videos directly on your website without customers having to leave your online store. This is often used for product presentations, guides, inspiration, or marketing.

YouTube videos can be embedded on all pages that can be edited with the text editor in the control panel.

How to embed a regular YouTube video

1. Go to YouTube and open the video you want to display
2. Click Share → Embed
3. Copy the embed code (iframe code)
4. Go to Control Panel
5. Open the page where you want to embed the video, for example:
6. 1. 1. Products → Products → Select desired product → Edit
      2. Design → Main Menu/Content → Select page → Edit
      3. Products → Products → Select desired category → Edit → Category description
6. In the text editor, click on Source
7. Paste the iframe code directly into the source code
8. Save the changes and check in the online store that the video is displayed correctly

Embedding YouTube Shorts

YouTube Shorts does not have its own Embed function, but can still be embedded manually using an iframe.

Here's how:

1. Go to YouTube Shorts and open the video
2. Copy video ID from the URL
3. Go to Control Panel and open the page where you want to embed the Short video
4. Click Edit → Source in the text editor
5. Paste the code
6. Replace <Shorts_video_code> with the video ID
7. Adjust width and height as needed
8. Save changes

Example of iframe code:

<iframe width="315" height="560"
    src="https://www.youtube.com/embed/<Shorts_video_code>"
    title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>