When ArcGIS StoryMaps was originally rolled out in 2019, collections were amongst the first features to be implemented. Ever since, the ability to gather stories together and present them as a set has been one of StoryMaps’ most popular and most asked-about features.
In the months since, the StoryMaps team has worked tirelessly to continuously improve the collections experience, for both storytellers and readers. This effort has manifested in a number of updates to collections that this article will walk you through below.
If you’re unfamiliar with collections, please check out this blog post that goes in depth on their purpose and functionality, as well as this step-by-step tutorial that covers how to actually put a collection together in ArcGIS StoryMaps.
Expanding your collection
A couple of upgrades have made collections bigger than ever—literally. For starters, the types of items you can add to your collection has grown steadily over the past year. In addition to stories, you can also add other ArcGIS apps like Insights pages, Survey123 forms, Living Atlas content, and images and PDFs that have been uploaded as ArcGIS content.
Additionally, the number of items that it’s possible to place in a collection has doubled from 30 to 60. This makes collections a great way to house and promote content on a weekly basis over the course of a year, like a newsletter or a recurring status update or data tracking. As an example, the StoryMaps team uses a collection for our Weekly Waypoint.
Enhancing your collection
From their inception, collections always displayed as a grid of cards representing the items within it, with three items in each row (or two on narrower screens). A recent update, however, offers two additional layout options, selectable within the Design panel in the collection editor.
The magazine option magnifies the card for the first item in the collection, with the subsequent items lining up two-by-two below it. This is a useful format for collections that have new content added on a regular cadence, with the most recent items moved to the top, such as a blog or newsletter. It’s also a good choice when the first item in a collection serves as an introductory piece or index to the following content.
The journal layout widens each individual item card so that it occupies its own line of the collection, and also displays story subtitles if applicable. Shorter collections where each item is roughly of equal importance make a sensible use case for this layout.
The default grid layout is still available, too, of course. It remains optimal for larger collections, especially ones that contain items that might not have thumbnails suitable for the enlarged item cards of the other two layouts.
Within the design panel, you’ll also see three options to determine how the readers of your collection can navigate through it via the navigation bar that appears at the top of the page when any collection is open to one of the items within it.
Here are brief descriptions of each of the three navigation options, with recommendations for when they’re best suited:
- Compact: This option presents as an X/Y format, where X is the order of the item within the collection and Y is the total number of items in the collection. Arrows on either side of the display take the reader one item forward or backward at a time.
Best used for: longer collections, particularly where there isn’t a need for the reader to be able to jump around quickly. For instance, a presentational format where each item is effectively a “slide.”
- Tabbed: Displays the names of every item in the collection across the navigation bar, with the current item highlighted. If there are more items than can fit in the bar, arrows allow horizontal scrolling through the list. Clicking on any other item name takes the reader to that item.
Best used for: shorter collections that have fairly brief item names, say, a limited series with multiple parts that have generic names, like “Part 1, Part 2,” et cetera, or a monthly publication where the item names correspond to the names of the months.
- Bulleted: Every item in the collection is represented as a number, arranged horizontally across the navigation bar, with the current item highlighted. Hovering over any of the numbers will reveal the name of that item, and clicking on any number will take the reader there.
Best used for: similar cases to tabbed, but where the item names are long enough to appear unwieldy in the limited space of the navigation bar.
Edit individual item details
It’s the little things that make a difference, and that holds true for StoryMaps collections. Now, the editor of a collection has the capability to change the name of any item as it appears in the collection overview, as well as to manually select a thumbnail image for the item’s card in the collection overview. These actions can be taken via the Custom item details panel, accessed by clicking the gear icon that appears when hovering over an item in the overview.
An item’s custom name will also be reflected in the tabbed navigation layout, making this capability an effective way to cut down on potential word salad in the navigation bar. It’s good to know that editing these details only impacts the item’s appearance within the collection and not the original item itself.
Hide a story’s cover
Also amongst the custom item details for a story item is a checkbox for the option of hiding that story’s cover. This feature can come in handy for presentational formats, where there may be live narration or guidance that makes the cover superfluous.
Branding your collection
Theme a collection
With StoryMaps’ theme builder, storytellers can concoct their own scheme of background, accent, and text colors, pick from an expansive selection of fonts, and more. Themes can be saved for future use and can also be shared across an organization, allowing for a virtually infinite number of combinations that can be used to match a topic, convey a mood, or complement a brand.
This capability has also been extended to collections—in the design panel, you can choose from six standard themes, or you can click browse themes to access your own themes library. If you’ve never experimented with themes before, check out this tutorial to get you going. It’s also worth taking a look at these two blog posts that will help you create effective themes: one offers general advice on the theme builder’s many options, and another specifically deals with font choices.
Add a logo
Put your brand out there along with your collection by adding your organization’s logo, using the uploader at the bottom of the design panel. The logo will appear above the collection title on the collection overview page. Once your logo has been uploaded, a field will appear in the design panel to add a URL, which makes the logo a clickable link. (Note that you can also incorporate a logo as part of a custom theme.)
Sharing your collection
Get iframe embed code
When it’s time for your collection to be out in the world, you may appreciate the ability to embed it on another website, whether that’s because of an employer’s protocol, or because you have your own proprietary site or blog with lots of traffic already, or for any other reason.
Embedding a collection as it appears in full on another website is super easy to do, thanks to an addition to the header menu of a published collection that enables you to pull an automatically generated, embed-ready iframe code. See this blog post for a detailed guide on how to embed ArcGIS StoryMaps output elsewhere on the web.
As mentioned above, collections remain a huge hit with the storytelling community, and we love seeing the inventive ways in which they’re used. Our goal is to continue enhancing all aspects of the collections experience—more updates are in the pipeline, so stay tuned! Your feedback helps drive our product planning, so please leave any questions or suggestions in the comments of this blog post, or find us on Twitter or on the Esri Community.
Stamp collection photo: Allie (@wordsmithmedia), via Unsplash