(Prefer to watch the tutorial instead? Click here)

1. Subscription Levels

2. Branded Web App Menu Set-Up

3. Web App Project Types

4. Publishing (Go Live!) and Accessing Tour(s)

1. Subscription Levels

Free Account:

Access to the branded web app interface with watermark.
Create and manage three types of projects: Single Audio Track, List of Points, and Outdoor Map with pins and manual or automatic triggering with a watermark and an audio time limit.

Basic Audio Web App:

Create and manage one Single Audio Track.
Access the tour directly by scanning a QR code.

Standard and Advanced Branded Audio Web App:

Access to the branded web app interface.
Create and manage three types of projects: Single Audio Track, List of Points, and Outdoor Map with pins and manual or automatic triggering.

2. Branded Web App Menu Set-Up

Navigate to "My Apps":

From the homepage, click on the "My Apps" option located on the left side panel.
Scroll to the bottom of the list and click on "Create a Web App" or "Set up Web App" (the text is different if you have a free account or a paid account).

Name Your Project: In the setup window, enter a name for your project. For this tutorial, we'll name it "Museum Demo Web App."

Tab 1: App Settings

First tab of the web app menu

a) Add a Logo:

- Upload your logo in the Media Manager. It will appear in your Locatify Builder account and serve as the icon you’ll click when publishing your projects.

b) Customize with a Background and Banner: (Standard and Advanced Subscriptions)

*The basic subscription provides direct access to the project, without the branded web app interface.

Upload a background image and a banner that align with your brand. These visuals will help personalize your app.
You can preview your changes on the right side of the screen to see how your app will look.

Note: Please note that the branded web app menu is only available for Standard and Advanced subscriptions. Free and Basic subscription users can test it, but with a watermark and audio time limit.

Tab 2: Insights

Second tab of the web app menu

Here you'll find valuable analytical data, including a graph showing key performance indicators for your app.
The usage report provides information on the number of downloaded tours and other important metrics.

Tab 3: Pins

Third tab of the web app menu

Upload custom pins for all your tours if you choose to include a map in your project.
There are two sections:

a) Tour Pin: Pin for your tour location, visible in the project’s description page preview.

b) Destination Pin: Default or custom pins for all your tours, inside the tours themselves.

Pin Types:
- Default: Pin not opened.
- Active: Pin currently opened.
- Used: Pin already opened.
- Future: Next Pin if you create a specific path.

Note: You can also apply unique custom pins for each points in the outdoor tour project.

Editable Anytime:

Remember, you can always edit the branded web app menu section. Changes will be reflected in the next update after republishing a project. You can also use the preview to see the changes.

3. Web App Project Types

There are three ways to start a project in the Locatify Builder:

- Blank Project – Start from scratch and customize every detail to fit your needs.

- From Template – Choose from our ready-made templates for a quick setup or inspiration.

- From File – Upload an existing Locatify project to continue where you left off or make changes.

A. Blank Project – Start from Scratch

Build a fully customized project tailored to your goals.

You can start in two ways:

From the homepage, click Blank Project in the center.
Or, use the left-side menu: click the + icon, select New Project, then choose Blank Project.

B. Project Wizard

You’re now in the Project Wizard. Simply follow the steps and click through to set up your project.

Step 1: Select the Project Type
Choose the type of project you want to create. Each option includes icons in the top-right corner, indicating which app types are supported.

Tip: For web app projects, look for the small web icon

Note: We do not support gaming features for now in the web app, so start by clicking on “Audio Guide tour” to continue.

Step 2: Choose the Project Format.

With a basic subscription, you can create a straightforward single audio track, allowing direct access to the tour without going through the branded app interface page.

With a standard or advanced subscription, you'll have full access to create all three types of projects: - Outdoor Tour with Map – A location-based tour where content is triggered by GPS.

- Smart List View (List of Points) – A flexible list-style format suitable for both indoor and outdoor experiences.

- Single Audio Track – A simple format that plays a continuous audio guide without requiring navigation.

Step 3: Activation Method

This step will only appear if you selected “Outdoor Map” as your project format.

The activation method defines how your location points are triggered during the tour.

For Outdoor Maps, content can be triggered: Automatically via GPS, or Manually, by tapping on the screen.

For Single Audio Track and Smart List View, content is triggered manually by default.

Choose the option that best suits your experience, then click Next to continue.

Step 4: Select Settings

Optionally, you can add additional languages to your project.
Note: You'll need to provide your own translations for each selected language.

Next, enter a name for your project.
Tip: You can always update the title, activation method, languages, and other settings later if needed.

C. List of Projects

Once your different types of projects are created, you can view them in the audio guide list as shown in this example.

a) M: MAP stands for Outdoor Map

b) L: LIST stands for Smart List View

c) A: AUDIO stands for Single Audio Track

4. Publishing (Go Live!) and Accessing Tour(s)

Prepare for Publishing:
- Once you are happy with your content, open your project and double-check that all elements are ready: images, languages, audio, text, and the correct position of your points location if you have a map in your project.

2. Publishing:

- When ready, click on the "Go Live" button at the bottom of the page to publish your project.

3. Publish settings:

a) If “Listed in the app”, you project will be listed in your web app

b) If “Access via invitation code only”, create one of few vouchers and use the “Redeem” button in the web app main menu to access your tour. The vouchers can be unique or shared to multiple users.

To create vouchers, once your tour is published, click on the "Vouchers" tab (1) then "Issue Voucher" (2) and follow the instructions.

4. Publish to App

In the "Publish to App" tab, select the web app (1)
Then click on “Publish” (2)

Your project is now live

Time to test your web app!

In this page, you’ll find two QR codes. This is how you will scan the QR to access your live tour(s). You can access this page at anytime by pressing on the “Live” button.

*Note: Those QR codes are for demonstration purpose only

If you want to unpublish your project, click on "Pause".
If you want to make some edits, proceed, then click on "Update".

a) First QR Code: Access the tour through the main web app menu.

The first QR code takes users to the main web app menu, where the tour(s) are listed—if you’ve selected the 'Listed in the app' publishing option. If you’ve chosen 'Access via invitation code only,' users will need to enter the voucher code in the 'Redeem' button to access the private tour, it is located in the main menu page in the web app.

*Note: Those QR codes are for demonstration purpose only

b) Second QR Code: Bypass the menu and access the tour directly.

The second QR provides the access to the tour directly bypassing the web app menu interface.

*Note: Those QR codes are for demonstration purpose only

Copy the link and save the QR code for both options.

Finally, you can always return to the web app menu page to check your app's content in the preview.

And voilà, you're all set to create your web app!