The YouTube Widget embeds a YouTube video on the page with optional headline, description, and caption text. Simply provide the YouTube video URL and the widget handles the responsive embed.
Common Tasks
Adding the Widget to a Page
- Navigate to the page in the Contensive page editor.
- Click the widget tool to open the widget panel.
- Find the YouTube Widget in the Design Blocks category.
- Drag the widget onto the page at the desired location.
Editing Widget Content
- Click the edit icon on the YouTube Widget.
- Paste the YouTube video URL into the YouTube URL field.
- Optionally add a Headline to display above the video.
- Optionally add a Caption to display below the video.
- Optionally add a Description for additional context.
Changing the Video
- Click the edit icon on the widget.
- Replace the URL in the YouTube URL field with the new video URL.
- Open the advanced editor to access the Styles tab.
- Set padding (top, right, bottom, left) to control spacing around the video.
- Choose a Theme Style to apply a predefined look.
- Set a Background Image on the Background tab.
- Enable As Full Bleed for edge-to-edge rendering.
- Set a specific Height if needed.
- Click the edit icon on the widget and open the advanced editor.
- Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.
Edit Dialog Fields
| Field |
Description |
| Headline |
Optional heading text displayed above the video |
| YouTube URL |
The YouTube video URL to embed |
| Caption |
Caption text displayed below the video |
| Description |
Additional descriptive text (HTML) |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Background Image |
Background |
Set a background image for the widget |