Skip to main content

Embedding Images and Videos

Images#

Use Bootstrap responsive images class for your images

<div class="col">
<img src="https://uploads-ssl.webflow.com/5fd0b94dc21eb658f402b0dc/5fd12ef95bfc8563c8e91d7c_regular-grey.svg"
loading="lazy"
alt="Publicala brand, press to go home"
class="img-fluid">
</div>

Videos#

Embed videos into your store by adding an iframe in the widget area.

<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/5J2Q6rcCIKM"
title="YouTube video player" frameborder="0" autoplay="1"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>

If you want to read more, refer to Bootstrap documentation