Locations feature tutorial

1. To start editing your app/website feature, you can be on either
the ‘App’ or ‘Web’ View located on the top Header Bar.

2. Access the ‘Features’ tab on the App Panel

3. Once the ‘Features’ tab has been selected the app panel will appear with
a list of the features that are already applied to your app. On the top right
of the panel there is a ‘Manage’ button, click this to access the features
menu where you can pick and choose which features you would like on
your app.

4. Select the ‘Locations’ features. 'Add’ the feature and then move it to
where you would like it to be placed on your app panel. Press
‘Close' once you’ve finished.

5. Select the ‘Locations’ tab now located on your app panel.

6. For a detailed description of what the ‘Locations’ feature does
hover over the question mark button

7. Click the customise button to change the name or the icon
of the Locations feature.

8. To chose an icon or to upload your own custom icon press
the ‘Browse’ button.

9. Choose an icon from the list provided, or to upload your own
icon press the ‘Upload custom icon’ tab.

10. To upload your custom icon drag and drop your 60 x 60 pixel image into the
blue area, or press browse to find your icon manually. Press set when you
have chosen your icon.

11. Press ‘Save’ once you have finished customising your
features name and icon.

12. Click on ‘Add’ to begin adding your locations.

13. Fill out the relevant information required for your listing including name,
synopsis, and address.
Add in a phone number, Email and you’ll also be able to add Operating
Hours in the text box below.

14. Please click on the little location icon on the right of the address.
This opens up Google Maps and you can drag and drop the Pin
to accurately point your address.

15. Press save once you’ve finished adding your location.

16. The 'Edit' option on the right of each Location allows you to
edit the content for that particular item.

17. Press the bin icon if you would like to delete that item

18. Preview App
To view your new app feature download the Putti Preview
App and navigate to your Locations tab.

19. Click on the location under ‘List’. This will bring up a Google Map pinpointing the
location along with it’s address.
You’ll be able to get directions to the address from your location as well as call the
phone number listed. Just click on the arrows alongside.
Click on Map (next to List); this will give you all the Locations listed on Google Maps.

20. Preview Website
If you have chosen to have a responsive website then make sure you
have completed the ‘Layout’ section of the CMS (under the ‘Web’ View).
Click ‘Preview’ on the top header bar to view the Locations tab.

21. Once you’ve accessed your website navigate to your Locations
feature.
The link to the tab will appear in different places depending on the
layout or template you’ve chosen.

22. Click on the Location tab to view the Locations listed.
You’ll see the details of each listing and will be able to pin
point the exact location on Google Maps, after you press
‘View Map’.