Articles on: FAQs

How to add a video to your popup

You can easily add videos to your popup to make it more engaging! Here’s how to do it, step by step.


Adding a video block

  1. Go to Content in your popup editor.
  2. Click on the Video Block to add it to your popup.

You can add:

  • YouTube videos
  • Shopify-hosted video


Adding a YouTube video
  • Paste the YouTube video link in the video block.

Example: https://www.youtube.com/watch?v=e59kO1jqlto


Adding a YouTube Shorts video
  • You’ll need to slightly adjust the link format.

Example:

Original Shorts link:

https://www.youtube.com/shorts/ahL3k0EdX9I

Modified link to use in Pop Convert:

https://www.youtube.com/watch?v=ahL3k0EdX9I


Adding a Shopify-hosted video

To use a video you've uploaded to Shopify:

  1. Go to Content > Files in your Shopify admin.
  2. Find the video you want.
  3. Click Copy Link next to the video title.
  4. Paste that link into your Pop Convert video block.


Adjusting the Aspect Ratio

You can adjust the aspect ratio with CSS.


For vertical videos (like YouTube Shorts):

To make sure your YouTube Shorts video is clearly visible and displays correctly in a 9:16 aspect ratio, you can use the following CSS.

👉 Important: Replace #block-2 with the correct block ID of your video block if it's different.

/* Update "#block-2" to match the correct block ID where your video is placed */

#block-2 .block-content.block-content-image iframe {

aspect-ratio: 9 / 16 !important;

max-width: 300px;

}


For square videos:

👉 Important: Replace #block-2 with the correct block ID of your video block if it's different.

/* Update "#block-2" to match the correct block ID where your video is placed */

#block-2 .block-content.block-content-image iframe {

aspect-ratio: 1 / 1 !important;

}



Updated on: 28/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!