Skip to content
Web Strategy Documentation Library

Storytelling Module Catalog

Welcome to the Web Strategy Team’s Storytelling Module Catalog!

Here you will find documentation on all of the storytelling modules (STMs) that are at your disposal, along with some ways that you can customize them to fit your needs.

What are storytelling modules

Storytelling modules (STMs) are a feature that can be added to your WordPress Editor, allowing you to easily design and create captivating pages for audiences. Check out the pages below to see just some of the things that are possible with STMs.

Example 1

Example 2

Example 3

Example 4

 

How to get storytelling modules

Interested in using these on your site? If your site is hosted by Web Strategy, reach out to uweb@uw.edu to request activation. If your site is on depts or sites, you can enable it from the Plugins section of the WordPress admin. If you are self-hosted elsewhere and you have a GitHub account through the UW GitHub enterprise service you can download STM directly here. (Note: if you are not logged into your UW GitHub enterprise service account you will get a 404 error on this link.)

 

Before you get started

New to storytelling modules and just had them installed? Please check out our step-by-step walk through below of this new feature on your site builder.

Settings

Under your Settings tab in your left hand navigation there is now a ‘Storytelling Modules’ section. Options here include:

  • Choose whether you want to use Google Analytics or Google Tag Manager (GTM) style custom events.
  • Enable optional categories for your stories.
  • Send us your feature request! Complete the form to request a new feature.

In the story editor

After clicking on Storytelling Modules in your menu you will see all of your current “stories”. Click the “Add New” button at the top of your screen to begin creating! Below is a breakdown of what sections you will see in your WordPress Editor.

STM story editor parts

The first section you will see is where you customize your header. Check out the header catalog to see the different options you have to choose from and customize!

Check it out

Here’s where the meat and potatoes of your storytelling will take place. Browse the catalog to see everything you can do in this section, spanning everything from simple profile boxes and copy blocks to fast facts and flexible media blocks! All of the modules are linked in the main navigation above.

It isn’t required to show the published date, and this section will default to “no”. However, if you want to include a published date simply switch this section to “yes”.

Want to add in an option for external users to give easily? Activate the giving widget and input as many fund codes as you want in a comma separated list. Below is a previous story with the giving widget activated.

Check it out

Dark mode inverts the colors, essentially making the typically white background black and the black text white. The story below is an example of dark mode being used.

See Dark Mode in action

Set the background color of the entire page. If you choose a dark color, please also enable Dark Mode (above) to reverse the text colors.

Adds a top border to images and Flexible Media Blocks and a purple background to the caption.

Available border colors:

  • Accent teal (#2ad2c9)
  • Accent green (#aadb1e)
  • Accent pink (#e93cac)
  • Accent lavender (#c5b4e3)
  • Husky purple (#32006e)
  • Spirit purple (#4b2e83)
  • Dark gold (#85754d)

See the story below for inspiration:

Get inspired

If you have a developer that can create custom styles or scripts for you, this is where you would add them as a WordPress admin.