{"id":81371,"date":"2018-01-05T09:15:30","date_gmt":"2018-01-05T09:15:30","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/add-your-organization-logo-and-links-to-your-story-maps\/"},"modified":"2024-04-08T18:23:44","modified_gmt":"2024-04-09T01:23:44","slug":"add-your-organization-logo-and-links-to-your-story-maps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/add-your-organization-logo-and-links-to-your-story-maps","title":{"rendered":"Add your organization logo and links to your story maps"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[24871],"industry":[],"product":[36571,36551,36611],"class_list":["post-81371","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-story-map-tutorial","product-arcgis-enterprise","product-arcgis-online","product-story-maps"],"acf":{"short_description":"By default, all story maps include an Esri logo with a link to the Esri website. Here's how to add your own.","flexible_content":[{"acf_fc_layout":"content","content":"

Note<\/strong>: This blog article covers the classic Esri Story Maps which are in mature support and scheduled to be retired in late 2025<\/strong>. Story authors are strongly encouraged to use the new ArcGIS StoryMaps<\/a> to create stories.<\/p>\n

For more information about transitioning to the new StoryMaps, see ArcGIS StoryMaps resources<\/a>. For more information about the transition from classic Esri Story Maps to the new ArcGIS StoryMaps, see Esri Story Maps: Now in mature support<\/a>.<\/p>\n

\"\"<\/p>\n"},{"acf_fc_layout":"content","content":"

By default, all story maps include an Esri logo, with a link to the Esri website, located somewhere in the header or opening section. Also by default the text string “A story map” is included in the header, with a link to the Story Maps website. A good practice, especially if you are authoring story maps that represent your organization, is to replace the Esri default logo, text, and links with a logo and links of your own. Here’s how to make the changes.<\/p>\n

*<\/span>
\nGeneral logo and link tips<\/span><\/h2>\n

Size your logo correctly, and store it in a location where it won’t be accidentally deleted. Some story maps support using local files for logos, and those that do will automatically size the image correctly and store it within your story map.<\/p>\n

Consider using a transparent background to blend your logo into the color scheme of your story map to avoid harsh edges. Or match the header color of your story map to the background color of your non-transparent logo. When using other graphics make sure they are crisp and readable.<\/p>\n

\"\"<\/a><\/p>\n

You can use both a logo and text links, or just choose one or the other. Make sure your links make sense, and add value. A good example, from those displayed above, is that the string “A Kentucky story map” links to a gallery of other Kentucky story maps to make them easier for the viewer to discover.<\/p>\n

*<\/span>
\nStory Map Tour<\/span><\/h2>\n

In builder mode, click Settings.<\/p>\n

\"\"<\/p>\n

On the Header tab you’ll find the options for changing the logo, adding a link when the logo is clicked, adding text with a link, and more.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Tour<\/a>.<\/p>\n

*<\/span>
\nStory Map Journal<\/span><\/h2>\n

In builder mode, click Settings.<\/p>\n

\"\"<\/p>\n

On the Header tab you’ll find the option to add your own logo, and upload an image or use a link to your logo. Uploading an image will automatically resize it for optimal display, and will store the logo with your story map.\u00a0The tagline can be used to provide a text string and link.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Journal<\/a>.<\/p>\n

*<\/span>
\nStory Map Cascade<\/span><\/h2>\n

In builder mode, click Settings.<\/p>\n

\"\"<\/p>\n

Click the Logo & Sharing tab for options. Click the pencil to add a logo from a local file (it will be resized appropriately and added to the story map), from a link, or from other sources.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Cascade<\/a>.<\/p>\n

*<\/span>
\nStory Map Series<\/span><\/h2>\n

In builder mode, click Settings.<\/p>\n

\"\"<\/p>\n

On the Header tab you’ll find the options for changing the logo, adding a link when the logo is clicked, adding at tagline with a link, and more.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Series<\/a>.<\/p>\n

*<\/span>
\nStory Map Crowdsource<\/span><\/h2>\n

In builder mode click Settings.<\/p>\n

\"\"<\/p>\n

From the Settings drop-down, choose Header.<\/p>\n

\"\"<\/p>\n

The Header Settings displays various logo options, including adding local files.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Crowdsource<\/a>.<\/p>\n

*<\/span>
\nStory Map Shortlist<\/span><\/h2>\n

In builder mode, click Settings.<\/p>\n

\"\"<\/p>\n

On the Header tab you’ll find the options for changing the logo, adding a link when the logo is clicked, adding at tagline with a link, and more.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Shortlist<\/a>.<\/p>\n

*<\/span>
\nStory Map Swipe & Spyglass<\/span><\/h2>\n

In builder mode click Settings.<\/p>\n

\"\"<\/p>\n

On the Header tab you’ll find the options for changing the logo, adding a link when the logo is clicked, adding text with a link, and more.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Swipe & Spyglass<\/a>.<\/p>\n

*<\/span>
\nStory Map Basic<\/span><\/h2>\n

Story Map Basic does not have a builder, instead it uses a configuration panel. It cannot be accessed from the Story Maps website, rather it can be configured using the web map sharing workflow.<\/p>\n

In the configuration panel, click the Header Logo and Links tab.<\/p>\n

\"\"<\/p>\n

The tab reveals options for the header, including a custom logo, logo link, header text, and header text link.<\/p>\n

\"\"<\/p>\n

Learn more about Story Map Basic<\/a>.<\/p>\n

*<\/span>
\nFor more information<\/span><\/h2>\n