Getting Started with iBeacon Part 1: Creating Content

Posted by in iBeacon in Education

The locly app is an easy to use tool to create content for iBeacon devices in minutes. This is the first part in a series of video tutorials that will help you create and assign your first content to a beacon. The tutorials will start off by showing you how to create some simple content on the locly platform and how to pin this content to a beacon. Once you’ve grasped the basics we will move on and show you can open content you already have in other applications and create an iBeacon treasure hunt in just minutes.

This first tutorial focuses around getting yourself familiar with the locly app and creating some content within it. We’ll show you how easy it is to create your first cards and how simple it is. You can dive straight in with the video below or continue reading if you prefer to follow the steps.

1. Login to locly:

  • Open the locly app on your device and tap on ‘My Projects’.
  • Select ‘Login to see your Projects’.
  • Enter your email and password. (If you don’t have an account, you can register for free by using the register button)


2. Create a project

What is a project? Create a project and then name it. A project lets you organise your beacon content. You can have several different projects in your app which are running on the same beacons. For example you may a project containing information about museum exhibits and a separate project created by a teacher to aid their museum visit.

  • Next tap on ‘My Projects’ and then ‘Create a new project’.
  • In the project editing screen, give your project a name.
  • Tap on ‘Done’ in the top blue bar.



3. Open your project:

Shortly after pressing the done button you will see your project appear. We can now take a look inside this project, where we’ll be spending most of our time. You may want to use the info-graphic below to familiarise yourself with some of the terminology we’re going to be using.

  • Tap on your project to open it.screenshot

4. Create a place:

What is a place? Places are really your beacons.  A place can be assigned to any beacon and users scroll up and down in the app to view all the places nearby.  You can have as many places as you like in a project and multiple places can also be assigned to the same beacon i.e. share the same beacon.

  • Tap on the ‘My Places’ tab. Now when we create a place we’ll see it instantly.
  • Tap on the project options icon next to your project title.
  • Select ‘Add New Place’ from the drop-down.
  • On the place editing screen, give your place a name.
  • Tap on ‘Done’ in the top blue bar. You should now see a holding card in the project.



5. Create a card:

What’s a card?  This is how your content is displayed in the locly app within each beacon place. You can create as many as you like for each beacon place and users scroll from left to right in the app to view them.  There are many card templates to choose from and cards can include audio, video, images, web links, links to other apps, widgets, Google Forms, iTunes U courses and much much more.

  • There isn’t any content in your place yet. Tap on it and a menu will appear, now select ‘Add a new Card’ from the dropdown.
  • Select the “Simple” card template from the dropdown and tap on ‘Create’.
  • From the card editing screen give your card a name and upload a cover image.
  • Enter any text and upload any images, audio, video or widgets files
  • Tap on the ‘Unpublished’ button at the top of the screen to publish your card. Tap ‘Done’.




…and that’s it.  You will be able to see your first place and card in the app!

At the moment you will only be able to see this place under ‘All’ or ‘My Places’ tabs. It wont appear under ‘Nearby’ until you assign it to a beacon (this is explained in part 2 of this blog series).

6. Add another card or new place:

  • To create your next card, tap on the card you just published and then tap on the Card options icon.  Select ‘Add new card’ from the dropdown and follow step 5 above.
  • To add a new place tap on the Project options icon and then ‘Add New Place’ to open the place editing screen.


Other tutorials in this series:

For more information visit locly on YouTube for tutorials and on SlideShare for pdf tutorials.