Build Call to Action Bar

Studio Site - Call to Action Bar

The Studio Site - Call to Action bar can only be used on a Studio Site - Full Width page layout. It adds an attention-grabbing bar at the very top or very bottom of a Studio Site page. It contains a short heading, description, and a button that can link to a variety of places. There is an example of the Studio Site - Call to Action Bar included at the bottom of this page. 

How to add a Studio Site - Call to Action Bar

From the T4 Site Structure, navigate to the page you are updating. Studio Site - Call to Action Bars can only be used on pages that use a Studio Site - Full Width page layout.  

1. Click the green "Add content" button.
2. Select "Studio Site - Call to Action Bar" from the list of content types.
3. Use the following content elements:
   • Name: Add descriptive name of content type to be used within T4 Site Structure.
   • Show below Hero Image/Video: Select "yes" if you'd like the bar to be at the top of the page.  
   • Show above footer: Select "Yes" if you'd like the bar to be at the bottom of the page. 
   • Heading: Required, used to add bold heading text to the Call to Action Bar. 
   • Description: Required, used to add a short sentence description about the call to action.
   • Button Text: Required, used to add the text that will display on the call to action button (ie, "Contact us" "Apply" "Enroll now")
   • Use only one of the following - 
     • Button Link (internal): Use only if linking to a page within your Studio Site. 
       • Add section link: Links to the top of a page within your Studio Site.
       • Add content link: The link anchors to a specific content type within a page on your Studio Site. 
     • Button Link (external): Paste URL of an external website (any webpage that is not part of your Studio Site, including other Mayo Clinic websites). 
     • Button Link (PDF): Click the "Select media" button to have the call to action button link to a PDF that has been uploaded to the T4 Media Library. 
4. Click the blue "Save changes" button to save content as a draft, or press the arrow and select "Save and approve" to save and publish updates.

Example