Full-Width YouTube CTAs

Instructions:

Create the Data Item:

Steps:

• Create a data item in the Call To Action Full Width YouTube folder [/sitecore/content/documentation/Data/Call To Action Full Width YouTube].
• Name your data item something meaningful so you know what it is later when you connect its data source to a page.
• Populate Call To Action Menu Properties:
• Title
• Body
• YouTube Video
• Destination URL
• Show Destination URL AS Button
• Background Color: Color 1 (only color available for now)
• Background Image

Add the Data item to the Page:

• Go to the page you'd like to add the data item to. Click Presentation tab, then Details.
• Go to the Final Latout Tab
• Click Edit
• Click Controls
• Double click to edit an existing Rendering or click the Add button to add a new one.
• Edit an existing Rendering:
• Update the Placeholder (will always be "Main" unless a specific column is needed. If that's true see instructions on columns here.
• Populate Data source with the appropriate Data Item (likely the one you just created).
• Add a new Rendering:
• Click the Add button
• Select one of the following Renderings from the Media Grid Components folder:
• Call To Action Full Width YouTube Left
• Call To Action Full Width YouTube Right
• Add Placeholder - Main or a specific column placeholder. See instructions on columns here.
• If you already have a data item created, click on the box "Open the Properties dialog box immediately". Browse to the item in the Data Source field and select the OK button.
• Select OK
• Preview the page to see your edits. Click Publish, then Preview OR via the specific author link.

Additional Details:

There are a number of things you can do with this rendering, with the buttons on the right. The first thing you'll need to do is move it in the hierarchy you'd like to see it within on the page. You can accomplish that by using the Move Up and/or Move Down buttons.

The Change button can be used to change the rendering. (ie. Call To Action Full Width YouTube Left vs. a Call To Action Full Width YouTube Right, etc.)