Use promos to showcase timely marketing or community engagement information.

---

Overview

Here’s an example promo:

Bring us along

Share your journey with us on Instagram

#adventure

Promos must contain an image and a link, and can optionally include a title, body text, and link text. Both the image and link text, if included, will link to the same place. Concise, action-oriented messaging works best. On mobile devices, the image will appear below the text.

Promos will use colors from the image to create a gradient backdrop by default. Alternatively, they can use the URI brand color for the backdrop:

Calling all seniors

Enter the cap contest!

Submit my cap

Promos can also be styled as “confetti”, for a celebratory backdrop:

Congrats, admits!

Take the next step

For cases where an image may be unavailable or a more subdued look might be more appropriate, promos can be formatted as “micro”:

Big thinking starts here

Watch

“Micro” promos are clickable across their entire surface, and do not have backdrop options.

Adding a Promo

On sites using the Block Editor, promos () can be added from the block library, under the Component Library section. Promo content can be edited directly, and options can be set in the sidebar.

On sites using the older Visual Editor, promos can be implemented by using the shortcode (see the below documentation).

---