+ All Categories
Home > Technology > Mobile Website Tutorial

Mobile Website Tutorial

Date post: 13-Apr-2017
Category:
Upload: my-app-editor
View: 218 times
Download: 1 times
Share this document with a friend
18
To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.
Transcript
Page 1: Mobile Website Tutorial

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

Page 2: Mobile Website Tutorial

Access the ‘Features’ tab on the App Panel

Page 3: 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 4: Mobile Website Tutorial

Select one of the ‘Mobile Website’ 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.Note: You can choose to have up to 5 Mobile Website tabs. If you need

more you can always use the 'Links' feature.

Page 5: Mobile Website Tutorial

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

Page 6: Mobile Website Tutorial

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

Page 7: Mobile Website Tutorial

Click the customise button to change the name or the icon

of your gallery feature.

Page 8: Mobile Website Tutorial

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

the ‘Browse’ button.

Page 9: Mobile Website Tutorial

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

Page 10: 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 11: Mobile Website Tutorial

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

Page 12: Mobile Website Tutorial

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

Page 13: Mobile Website Tutorial

Press ‘Save' once you’ve finished adding your URL

Page 14: Mobile Website Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your mobile website tab.

Page 15: Mobile Website Tutorial

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

Page 16: Mobile Website Tutorial

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

on your website.

Page 17: 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 18: Mobile Website Tutorial

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


Recommended