YouTube video

About YouTube Video ElementClick to copy

YouTube Video Element is designed to enhance the appeal of your webpage, aiming to boost your conversion rates. It allows you to effortlessly integrate videos from YouTube onto your website or blog.

This element is particularly useful when you want to engage your audience with visual content, as videos are known to captivate attention and convey information in a more dynamic and engaging manner than text alone.

You can check more details in the video tutorial below:

How To Access Youtube Video ElementClick to copy

In PageFly pages, follow these steps to access the Youtube Video element feature:

  • Step 1: Click on the Plus icon which is the Add element function
  • Step 2: Click on the YouTube Video element in the dropdown menu
  • Step 3: Drag and drop the element you want into the page editor and then start using it.

YouTube Video Element

How To Configure (Setting) For Youtube Video ElementClick to copy

The YouTube Video element comes with plenty of different parameters allowing you to fine-tune content appearance reaching the best possible conversion rate.

Select the YouTube Video element to see its parameters.

The parameters in the General and Styling tab are specific for this element.

General ConfigurationClick to copy

YouTube Video Url: The full URL of your YouTube videoYouTube Video Element
Display Ratio: Select the video ratio display 4:3 or 16:9YouTube Video Element
Video Size: Set the size for your video with 2 options: Full Width-100% Video Size or Custom sizeYouTube Video Element
Video Width: Change video width ( it means that you are applying Custom size module when you edit this section)YouTube Video Element
Show Controls: Show / Hide video uploader’s portrait.YouTube Video Element
Enable Loop: Video plays constantly non-stop in a loop.YouTube Video Element
Enable Autoplay: Turn on / off the autoplay feature.

Please keep in mind that the autoplay function might not work in case:

  • If the user configured his browser to prevent that action or parameter “Mute Video” from being turned off.
  • If the users use the iPhone with Low Power Mode and access your website by Safari browser, the Enable Autoplay feature will be not activated
YouTube Video Element
Mute Video: Turn on / off the video’s sound.YouTube Video Element
Custom Start And End Time
  • Start at: Customize your YouTube video start time.
  • End at: Customize your YouTube video end time.
YouTube Video Element

You can get further information about Attributes, Visibility, Animation parameters here.

Styling ConfigurationClick to copy

You can paste the video URL from Youtube.

After you’ve picked a background video, the More Settings button allows you to select the opacity and shadow of the video background.

YouTube Video Element

You can check more information about the Styling tab here

Common CasesClick to copy

  • Avoid utilizing the HTML Video element or embedding YouTube code directly, as it may compromise responsiveness on mobile and tablet devices. Embedded code often imposes fixed width dimensions, leading to layout distortions on various screen sizes.
  • Additionally, note that AutoPlay functionality is contingent upon enabling the Mute feature, as per YouTube’s updated API. However, AutoPlay won’t function on tablet or mobile devices due to default restrictions imposed by mobile operating systems.

Frequently Asked QuestionsClick to copy

What Is YouTube Element?Click to copy

YouTube Video Element is a simple solution for integrating YouTube videos into your Shopify Store. Simply use the video’s URL, and from there, you can customize and style your YouTube Video Section according to your preferences!

Difference Between Html Video And YouTube Element?Click to copy

The HTML Video element allows you to upload videos directly to your Shopify store and use them on your PageFly pages. The YouTube Video element allows you to embed videos that have been published on YouTube on your PageFly pages.

Additional ResourcesClick to copy

Navigate this category

Next articlePrevious

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us