• Step 1: Go to your dashboard.


  • Step 2: Click on Appearance.


  • Step 3: Click on the Homepage About and make sure to show the section.


  • Step 4: Click on Tools, then click on Source code.

  • Step 5: Copy the code below.

    <style>
    .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
    }

    .video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
    }

    .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    </style>
    <p style="text-align: center;">&nbsp;</p>
    <div class="video-container">
    <p><iframe title="YouTube video player" src="https://www.youtube.com/embed/jlt3vFMUW-0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
    </div>


  • Step 6: Paste the code in the Source code section.


  • Step 7: Select a video that can be embedded, e.g (YouTube, or Facebook).


  • Step 8: Click on Embed


  • Step 9: Copy the iframe code


  • Step 10: return to your dashboard, and remove the iframe code

    <iframe title="YouTube video player" src="https://www.youtube.com/embed/jlt3vFMUW-0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen">
    </iframe>


  • Step 11: paste the new iframe code, and click on the save button.


  • Step 12: Click on the Save changes button.


  • Step 13: Click on Preview Store


  • the video is now displayed on the store homepage

Do you need another help ?

Contact us directly on our live chat 💬

Did this answer your question?