18
Access the ‘Features’ tab on the App Panel

Mobile Website Tutorial

Embed Size (px)

Citation preview

Page 1: Mobile Website Tutorial

Access the ‘Features’ tab on the App Panel

Page 2: Mobile Website Tutorial

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.

Page 3: Mobile Website Tutorial

Select one of the ‘Mobile Website’ features. Drag and drop the feature to where you would like it to be placed on your app panel.

Press close once you’ve finished.

Note: You can choose to have up to 5 Mobile Website tabs. If you need more you can always use the 'Links' feature.

Page 4: Mobile Website Tutorial

Select the ‘Mobile Website’ tab now located on your app panel.

Page 5: Mobile Website Tutorial

For a detailed description of what the ‘Mobile Website’ feature does hover over the question mark button

Page 6: Mobile Website Tutorial

Click the customise button to change the name or the icon

of your gallery feature.

Page 7: Mobile Website Tutorial

To chose an icon or to upload your own custom icon press

the ‘Browse’ button.

Page 8: Mobile Website Tutorial

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

Page 9: Mobile Website Tutorial

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.

Page 10: Mobile Website Tutorial

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

Page 11: Mobile Website Tutorial

Fill out the URL you would like your page to forward to

Page 12: Mobile Website Tutorial

Press save once you’ve finished adding your URL

Page 13: Mobile Website Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your mobile website tab.

Page 14: Mobile Website Tutorial

Once you’ve clicked on the link you will be taken directly to the website.

Page 15: Mobile Website Tutorial

Preview WebsiteIf you have chosen to have a responsive website then make sure you have completed the ‘Configure Website’ section of the CMS.

Click ‘Preview Website’ on the app panel.

Page 16: Mobile Website Tutorial

Once you’ve accessed your website navigate to your mobile website hyperlink. Your link will appear in

different places depending on the layout or template you’ve chosen.

Page 17: Mobile Website Tutorial

Once you’ve clicked on your website link you will be taken directly to the URL that you have specified.

Page 18: Mobile Website Tutorial