Block Video: Difference between revisions

From Posstack.com Documentations
No edit summary
mNo edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
This block makes it easy to add video content (either Youtube or Vimeo) to your page.  
The [https://easy-content-builder-demo.myshopify.com/pages/section-video '''Video''' section] makes it easy to add horizontally and vertically oriented videos to your page. You can upload your videos or insert the video URLs. 


For the vertical videos (for the Pro plan only), you can add Tiktok, YouTube Shorts, Vimeo, Instagram Reels.
It's great to feature product launch videos, featured announcements, UGC and unboxing videos, customer reviews, etc.
[[File:Ecb-vertical-videos.jpg|frameless|800x800px]][[File:Ecb-video-demo.png|border|frameless|800x800px]]
{{Note| See video section examples [https://easy-content-builder-demo.myshopify.com/products/diamond-ring-set-in-white-pearl here], [https://easy-content-builder-demo.myshopify.com/products/the-women-greenhouse-tee here], or [https://easy-content-builder-demo.myshopify.com/products/posstack-porcelain-mug here]. |inline}}
From the Shopify theme editor, click on '''Video''' on the sidebar to view the details of settings.
From the Shopify theme editor, click on '''Video''' on the sidebar to view the details of settings.


[[File:Block video.png|1200x1200px]]
[[File:Block video.png|1200x1200px]]


''(If you’re new to our Easy Content Builder, please refer to section [[Section Settings|Add App Sections]] and [[Add Blocks|Add ECB Blocks]] for more details on how to create and edit a section or a block.)''
{{Note|''If you’re new to our Easy Content Builder, please refer to section [[Section Settings|Add App Sections]] and [[Add Blocks|Add ECB Blocks]] for more details on how to create and edit a section or a block.''|info}}
{| class="wikitable"
{| class="wikitable"
!Section settings
!Section settings
!Description
!Description
|-
|-
|Video Link
|Insert a video
|Paste in the direct URL (Youtube or Vimeo) to the video.  
|Select the video to upload if you want to host it on your Shopify.
|-
|Specify a Video URL
|Add your YouTube or Vimeo links.
Ex. To add a YouTube short (the portrait-mode videos), append your video ID to this URL: ''<nowiki>https://www.youtube.com/watch?v=</nowiki>''
 
Here's an example of our demo: ''<nowiki>https://www.youtube.com/watch?v=Wksv_21Elvw</nowiki>''
|-
|Aspect ratio
|Set the horizontal or vertical video.
|-
|Tiktok Video ID
|Enter your Tiktok Video ID
|-
|-
|Max Width
|Instagram Video ID
|Define the maximum width (in pixel) of the block’s container.
|Enter your Instagram Reel ID
|-
|-
|Padding Top
|Show Instagram  Caption
|Set the padding top (in px) of the section
|Show/hide Instagram Caption
|-
|-
|Padding Bottom
|Container Max Width
|Set the padding bottom (in px) of the section
|Define the maximum width (in pixels) of the video's container.
|-
|-
|Margin Top
|Animate On Scroll
|Set the margin top (in px) of the section
|This feature is only available for the Pro plan. It lets you apply different types of animation to the videos as you scroll down the page. Learn more about scrolling animations [https://posstack.com/blog/easy-content-builder-new-updates-mar-2023 here].
|-
|-
|Margin Bottom
|Margin
|Set the margin bottom (in px) of the section
|Set the vertical spacing between elements.
|}
|}
===Add other content blocks===
You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.
[[File:Ecb-block-v2.jpg|border|frameless|800x800px]]
{{Note|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to a section.|reminder}}

Latest revision as of 05:35, 2 April 2024

The Video section makes it easy to add horizontally and vertically oriented videos to your page. You can upload your videos or insert the video URLs.

For the vertical videos (for the Pro plan only), you can add Tiktok, YouTube Shorts, Vimeo, Instagram Reels.

It's great to feature product launch videos, featured announcements, UGC and unboxing videos, customer reviews, etc.

Ecb-vertical-videos.jpgEcb-video-demo.png

See video section examples here, here, or here.

From the Shopify theme editor, click on Video on the sidebar to view the details of settings.

Block video.png

If you’re new to our Easy Content Builder, please refer to section Add App Sections and Add ECB Blocks for more details on how to create and edit a section or a block.
Section settings Description
Insert a video Select the video to upload if you want to host it on your Shopify.
Specify a Video URL Add your YouTube or Vimeo links.

Ex. To add a YouTube short (the portrait-mode videos), append your video ID to this URL: https://www.youtube.com/watch?v=

Here's an example of our demo: https://www.youtube.com/watch?v=Wksv_21Elvw

Aspect ratio Set the horizontal or vertical video.
Tiktok Video ID Enter your Tiktok Video ID
Instagram Video ID Enter your Instagram Reel ID
Show Instagram Caption Show/hide Instagram Caption
Container Max Width Define the maximum width (in pixels) of the video's container.
Animate On Scroll This feature is only available for the Pro plan. It lets you apply different types of animation to the videos as you scroll down the page. Learn more about scrolling animations here.
Margin Set the vertical spacing between elements.

Add other content blocks

You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.

Ecb-block-v2.jpg

See all content blocks available that you can add to a section.
Retrieved from "https://docs.posstack.com/index.php?title=Block_Video&oldid=1902"