Open World

Connect different stories on a map
Written by Kim Benjamins
Updated 9 months ago

So, you want to create stories that a user can physically visit? 🗺️

An open world lets you do that by connecting your stories to a specific location using the GPS location of the user.

This way, the user can walk to a location and start a story in any order they like. 

Here you can see an Open World from our startup campus, Dotslash ⬇️:

Scan the QR code or click here to see for yourself.

Using GPS is not necessary. The user can still click on the stories to see them from the comfort of their home in the map overview. 

Setting up the project

For the open world to work we have to change the project to a map based project. 

  1. Go to 'Project'.
  2. Turn on 'Map based project' under 'Project settings'.

Setting up the stories

Now that our project is set up we have to connect our stories to the open world. 

  1. Go to 'Stories'.

  2. Select the story you want to show up on the map.
  3. Go to '⚙️ Settings'.
  4. Click the📍 icon at 'Start location'.

  5. Type in the address you want the story to begin.
  6. Copy this address and paste it at 'Start address'.

    Note: All stories you want to show up on the map should have the same 'Start address'. The Coordinates for the 'Start location' can be different though.
  7. Repeat these steps for all the stories you want to add to your open world.

Adding an image to your story

If you want a preview when the user clicks on the marker like the image above,  you need to add a story image.

  1. Click on the story you want to add an image to.
  2. Click on '⚙️ Settings'.

  3. Select 'Choose file' next to 'Story image'.



Making a QR code

Let's test if everything works as expected by making a QR code.

  1. Go to 'Project' on the right.

  2. Go to 'Project QR codes'.
  3. Click on '+ Create QR code'.
  4. Give your open world a name and click on 'Create'.
  5. Copy the link in your search bar and see your newly created open world!
That's it! You've created an open world that the user can explore 🤩. 
Did this answer your question?