3. Publishing your StoryMap

This module covers customising, publishing and sharing your StoryMap.

Estimated time: 20 mins

Customising your StoryMap

To adjust how your StoryMap looks to visitors, go to edit view and click on Options at the top left, which opens the ‘Display’ tab. Here you can set:

  • StoryMap Size. Default: Width 100% Height 800. This sets the default size of your StoryMap.
  • Language. This sets the language in which the StoryMap controls are displayed to visitors (but most language options fail to alter the text of the “Call To Action” button – see below).
  • Fonts. Here you can select the fonts for your StoryMap. The default is PT Sans with all-caps headlines. You can see a preview of the fonts by clicking the ? button. Your chosen fonts are applied to the whole StoryMap.
  • Treat as Cartography / Image. The principal effect of this setting is to determine whether the StoryMap displays tracks between your locations. To show a track between locations, select Cartography. For no tracks, select Image. Again, this applies to the StoryMap as a whole.
  • Call To Action. By default, your StoryMap title slide will include a button marked ‘Start Exploring’ to let visitors know it is interactive. You can disable the button, or change the text. If your StoryMap is not in English you may wish to change this text, since this button text is not usually changed automatically by the “Language” setting.
  • Map Type. This includes a list of built-in maps from Stamen and from Open Street Map. All the built-in maps provide global coverage. The Mapbox, Gigapixel and Custom options will be covered in later tutorials.

Publishing and Sharing your StoryMap

Your StoryMap is finished and ready to be shared with the world.

Sharing your storymap

In the top right corner, click on Share.

At the top is the Link box. This gives the URL at which your storymap will be published.

You can copy and paste your StoryMap’s URL from the Link. Alternatively, use the Social buttons to share your storymap directly on social media.

You can enter text in the Link box, but you will not usually be able to change the URL at which your map is published. If you accidentally alter or delete the text for your link, simply close the Share window and then open it again. The link for your storymap will appear correctly again.

Click close, and your StoryMap will be made publicly visible.

Publishing a StoryMap with the authoring tool is irreversible. You can delete it, which will remove it from the web, but you can’t make it private.

Once a StoryMap has been published, a “Publish” button will appear next to the save button every time you save changes. Until you click Publish, your saved changes will be private to you. Your changes will only be visible on the web after you publish them.

Configuring your storymap for social media

Other options in the Share window allow you to configure what information will appear automatically about your storymap when a link to it is shared by any user on social media sites like Facebook and Twitter.

Any text you enter under Description will display automatically on social media whenever a user provides a link to your StoryMap.

You can also pick an uploaded image as your Featured Image, or upload a new one. Your Featured Image will also display automatically on social media when a user posts the link to your storymap.

You have now published and shared your StoryMap.

This completes the introduction to StoryMapJS. Further features, including using your own map or picture as a background, are discussed in the advanced modules.