Basic Info

The Feature Promo is a customizable text and image-based teaser that allows site visitors to see promotional content for a particular content on another page. This promo is more visual than both the Basic and Button Promos and is intended to be used in larger spaces.

Example

NYU Bobcat

Feature Promo with Optional Text

Add up to 140 characters of optional text to customize your Feature Promo. Don't forget to crop your image and add alt text.

Adding a Link is Required

Tutorial

  1. Navigate to and open your page.
  2. Add the Feature Promo component.
    1. Tip: The Feature Promo works best in wider column width spaces; we suggest placing it in your main content area or 50-50 Column Control containers or larger. It also works best when you use only one Feature Promo on your page.
  3. A new Feature Promo component without content will appear on the page as a placeholder.
  4. To edit the component click Edit on the component toolbar.
  5. An edit window will appear so you can customize the promo's overall appearance by adding optional text and insert the required title, link, and image with associated alt text.
    1. Required fields:
      1. Title
      2. Button Title
      3. Insert Link
      4. Image
      5. Image Alt Text
    2. Optional fields:
      1. Text
      2. Open link in new window
  6. Add a required Title in the appropriate field. There is a character limit of 100.
  7. In the Text field provide any additional optional text you would like to include. This field is optional and has a character limit of 140.
  8. In the Button Title field provide direct and actionable text that will be displayed within the button. This field is required and has a character limit of 300. Note: The Button Title is also the linked text that will be read by screen reading software. We recommend having only one Feature Promo per page, but in situations where there are multiple this text should be unique.
  9. In the Insert Link field you can browse to select a CMS page or file in the DAM, insert an external URL, add "mailto:" before an email address, or add an anchor link.
  10. Click the Image tab to insert the required image to be used with your Feature Promo. Note: The CMS will allow you to add a new Feature Promo without an image, but it will not display properly.
    1. Locate an image from the DAM asset tray on the left side of your screen. Drag and drop it into the specified spot within the edit window.
    2. A crop is required for all images used in this promo.
      1. Images will crop at a 4:3 ratio and will resize accordingly due to the mobile friendly nature of the website, but will never display larger than 930 pixels wide x 698 pixels high.
      2. If uploading custom graphics for your Feature Promo, we recommend creating your images at the maximum display size of 930 pixels x 698 pixels.
    3. Alternative text is required.
  11. Click OK.

^ Back to top

Accessibility Info

Images

  • Avoid images with text when selecting your promo image. Use stock photography or iconography instead.
  • Images for the Feature Promo should be considered decorative, so make sure it's something that can complement your text content rather than replace it.

Linked Text

  • When providing online content in the Feature Promo, remember to provide descriptive link text in the Button Title field.

^ Back to top

Screenshots

Component Tutorial: Feature Promo edit window details tab

Component Tutorial: Feature Promo edit window image tab