Video Playlist Widget

Last updated 05.14.25

This Video Playlist widget is a plug and play component designed to dynamically display a video-playlist feed from YouTube or Vimeo. This documentation goes over recommended configuration settings.

• Built to dynamically pull video playlist feeds from YouTube or Vimeo
• Automatically displays video titles and descriptions
• Automatically updates your playlist
• Displays one large video as a feature and thumbnails of additional playlist videos
• Sets maximum number of videos displayed
• Can display a button to take the visitor to YouTube or Vimeo to explore more videos

Video Playlist Widget Properties

PROPERTY	DESCRIPTION
Video Type	Select the playlist type from: • YouTube • Vimeo • [Atlas] Media Library
Playlist ID	Sourced from your YouTube Playlist, or Vimeo Showcase page . YouTube Playlist ID: will be a long series of numbers and letters beginning with PL. Example YouTube Playlist: https://youtube.com/playlist?list=PLD8AMy73ZVxU8hS9yA5dojIDN84zoUgZQ. Delete “https://youtube.com/playlist?list=“ from the ID. PLD8AMy73ZVxU8hS9yA5dojIDN84zoUgZQ is the correct code in this case to paste into Playlist ID text field. Vimeo Album Showcase ID: Example Vimeo Showcase: https://vimeo.com/showcase/9127577 Delete ”https://vimeo.com/showcase/“ from the ID 9127577 is the correct code in this case to paste into the Playlist ID field
Youtube Feature Video ID Vimeo Feature Video ID	Sourced from your YouTube or Vimeo videos. This selects which video is the large featured thumbnail on the left. YouTube Feature Video ID: Example YouTube ID: https://youtu.be/gwPCZnhqaSQ Delete “https://youtu.be/“ gwPCZnhqaSQ is the correct code in this case to paste into the Feature Video ID field Vimeo Feature Video ID: Example Vimeo ID: https://vimeo.com/580833148 Delete “https://vimeo.com/“ 580833148 is the paste into the Feature Video ID field
Select Video (Media Library only)	Clicking the Select button opens a dialog box allowing you to select a single video via the Media Library Application. Note this is not generally recommended for video. The streaming power of YouTube or Vimeo allows for much faster playback.
Feature Video Title	Text entry adds header title above the large featured video thumbnail to the left
Enable See More Videos Button	Checkbox to toggle button on or off which will be visible below the widget. This button will automatically link to more videos on YouTube or Vimeo in the same playlist or showcase. Not to be used for a video selected from the Media Library Application.
Text [Button]	Enter text to be featured on each button. Typically shorter text is better for ease of reading and to keep the design tidy.
Style [Button]	Select pre-built style options from the menu. Note that if two buttons are featured, each one may have its own style. Below is the list of styles that can be selected: • Default - a rectangular shape with a solid-color fill • Round - a pill shape with a solid-color fill • Radius - a rectangle with slightly rounded corners with a solid-color fill • Hollow - a rectangular outline shape with a transparent fill • Expanded - an extra-wide rectangular shape with a solid-color fill • Disabled - a rectangular shape faded back to denote that it is disabled • Clear - a transparent button with only text visible
Color [Button]	Select from your custom brand colors or grayscale options from the menu for button fills or outlines. Note that if two buttons are featured, each one may have its own color. Below is the list of colors that may be selected: • Default  • Primary Color  • Primary Color – Light  • Primary Color – Dark  • Secondary Color  • Secondary Color – Light  • Secondary Color – Dark  • Gradient  • White  • Light Gray  • Medium Gray  • Dark Gray  • Black
Target [Button]	Below are the targets to choose from:  Default – this will open in the same tab of the browser and is typically used to move around within your site Blank – this will open in a new tab of the browser and is typically used for links that leave your site
Videos Title (Recent Video)	Text entry area adds small header title above the list of small thumbnail videos to the right
Max Items Displayed	Enter number of playlist videos to include for video list to the right of the large featured video. 2-3 recommended. Not to be used for a video selected from the Media Library Application.
Hide Video Synopsis Text	Checkbox to toggle on or off visibility of each playlist video synopsis text. The text is automatically pulled from the YouTube or Vimeo video content. Video title and date will remain visible. This text will not appear with a video stored in the Media Library Application.
Transformation Name	Select from: Default - large video with filmstrip-style video thumbnails to the right Stacked - large video with stacked video thumbnails below
Items per row	This property appears if the Stacked transformation is selected. Enter number of video thumbnails per row for large, medium and small screens. • Large Screens • Medium Screens • Small Screens - 1 item per row recommended for mobile

Example

Default Transformation

Anchor Atlas Widget

Adding an anchor tag to the page, identifying and adding an Anchor place holder plus an addendum of new functionality. ...

Recent Videos

Atlas Pillars Page Type & Widget

Instructions for adding the Pillars Atlas widget to a page. Includes how to add and setup Atlas Pillar Pages which contain Pillar content connecting to the Pillars Atlas widget. ...