Free to deploy, simple to create.

An example -- Glasgow Botanic Gardens

Our sample guide is for Glasgow's Botanic Gardens, which provides scope to show you a full range of the features of Cilogi Guides.

In each section click on the first image to be taken to that page of the demo guide.

This example show you features of guides.

A typical page

sample page


The Begonia Tomentosa page shown is a typical page in the guide. Click on the image or input the short URL to see the guide. For most people a page like this, containing information they have requested, will be the first thing they see. We use short URLs specialized for mobile guides, which contain only lower case letters and are easy to type.

At the top of the page is the navigation Menu, which is shown on every page. The Hamburger () Menu at the top left, when clicked, shows the top level navigation menu of the guide. You decide what should go in this menu and create the entries when you create the Home Page.

The Keypad is also available on each page. Any time a visitor sees a label with the keypad icon and a number, typing that number will bring up the relevant page of information.

The Shop icon is white, and when pressed brings up the front page of the shop. If the icon is red then the shop contains an item relevant to that page -- perhaps a book on an artist, an artwork by a local artist related to the item, etc.

The Tour icon is active if the page is part of a tour, in which case the front page of the tour will be shown

The final icon (Back) in this case takes the user back to a previous page (if there is one), or if the item is located on a map will show the Map icon which takes the visitor to the map for this item, with other items on the map temporarily dimmed so that the item location is obvious.

Each page supports explicit specification of an image, which can be used in listings and on maps. An image isn't obligatory, and images are less visible outdoors, so you may wish to omit images if the guide will be used in high light situations (only experimentation will tell). You can include links and other images in the text of the page, as we'll see later

At the bottom of the page you see the link to Begonias in the Gardens. If visitors clicks on this link, they will move to a listing of other items, Begonias in this case, in the immediate vicinity.

Back to top

A listing

sample page


A visitor will typically start with a page as above. The navigation bar and global menu provide some standard links, but its also helpful to provide the visitor with links to items in physical proximity or that are closely related to the current item. Such links can be provided by listings.

The Begonia listing is purely text based, and is useful when there are a reasonably large number of items in an area (room, plant border, or display case) which don't have short URLs or numberic codes. In this case the name on existing labelling can be used by the visitor who can scroll to the item and get information.

If the list is very long, an alternative is for the visitor to type in some letters of the name of the item required. Only matching items will be displayed.

Back to top

Diagram Listing

Diagram Listing


Many display cases, plant borders and other display areas cannot reasonably contain labelling which can be seen by visitors. A simple approach to this problem, often taken at viewpoints, is to provide a diagram of the scene with items of interest labelled. This is the approach Cilogi takes

In the example shown, there is a plant border, containing species introduced to Scotland in the 16th Century. Markers indicate the location of plants for which there is information. In this case although there are labels on the plants they are too small to be seen without walking on the plant bed. The diagram itself is simply a photograph of the bed, which you may wish to change as the bed changes through the year.

Back to top

Topographical map

sample page


Map popup

sample page


This map is a topographical map, using Open Source tiles from OpenStreetMap, with an image overlay, specific to this collection. Topographical maps are located geographically, which means that the visitor's local can be displayed using the mobile phone's built-in GPS.

Maps don't have to be topographical, and can consist of just the overlay. This is suitable for the floors of a museum, for example, where the ability to locate by GPS is not relevant.

The markers on the map indicate an item that can be clicked on to obtain information. If the marker links to a page, then a popup containing the image of the the item (or the prefix part of its text description, if there is no image) is shown with a link to the item's page.

Maps can be created using Cilogi's online editor, or specified as JSON.

Back to top

A tour page

tour page


It can be very useful to link a set of pages together into a larger story, including audio as well as images and text. Cilogi supports tours which do just this.

A tour consists of a number of stops. Each stop is either an existing item, or can be a new page you introduce to link other stops.

When you use an existing stop you can introduce linking material which is inserted in the top of a page when you're viewing the page as part of a tour. A single page can be part of multiple tours. The inserted material can, as here, contain audio if you don't want the audio to be part of the page. The inserted text has a slightly yellow background.

You can see the complete set of tour stops by pressing the _Tour_ button on the top menu.

Back to top

Home Page

home page


Each guide has a home page. You will typically use the home page to provide a set of top-level headings which provide visitors with the information they need.

The entries on the home page are exactly those entries in the top-level Hamburger Menu at the top left of the screen. The global menu is determined entirely by you. We have included a getting here page for example, which you may wish not include if almost all your visitors find out about the guide on-site.

Back to top

Embedded shop



You can embed a shop into your guide.

When visitors view a page the cart icon is shown in red if there is an item to sell. Visitors can either buy the item or add it to their cart. When they hit the buy button they are taken to Amazon for the actual purchase.

Adding an item to the cart is a simple matter of inputting Amazon's ID for the item. It is recommended that you use Amazon Fulfilment to process payments and refunds, and to handle warehousing and shipping.

Back to top