25
Mobile Website User Guide How it Works Our Mobile Website platform allows you to connect with your audience onthego via a Mobile Website designed to be viewed and used on any mobile device. You can deliver targeted content such as images, videos, text, maps and engage your audience through quizzes, polls, forms and more!

Mobile Website User Guide

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mobile Website User Guide

Mobile Website User Guide

How it WorksOur Mobile Website platform allows you to connect with your audience on­the­go via aMobile Website designed to be viewed and used on any mobile device.

You can deliver targeted content such as images, videos, text, maps and engage youraudience through quizzes, polls, forms and more!

Page 2: Mobile Website User Guide

Logging InYou can log into your account by going to www.trainbycell.com and clicking Client Login:

If you forget your password, you can request a new one by clicking Forgot your password?on the login page.

Page 3: Mobile Website User Guide

Adding UsersGo to the Account Administration tab at the top of your screen and select UserManagement.

Click Add New User and fill in the requisite fields:

You will need to assign the user a web password that is at least 8 characters long. Asecure password will have capital and lowercase letters, numbers, and special characters(such as &*#$ etc.)

You can also specify user permissions by assigning different roles to different users. Hereis what each role can do:

Administrator: An Administrator has full rights and privileges.General User: A General User can do everything an Administrator can do, except addnew users to the User Administration page.View Report Only User: This user can only view reports on the website.

Page 4: Mobile Website User Guide

Creating and Managing Mobile Web ContentFirst, click the Mobile Web tab at the top of your screen. This will take you to the SiteBuilder page, where you can begin creating and managing your site content.

Navigation: Section is where you can add new pages and categories.

A Page is where content is stored and accessed. It is synonymous with a page of a typicalwebsite.

A Category is a heading that appears on your navigation screen that allows you to groupcertain pages together.

Page 5: Mobile Website User Guide

You will see two commands on the navigation tab for adding either a category or a page:

When you add a page, you will have the choice to either add that page to a category or not:

Page 6: Mobile Website User Guide

Once you click Save, your page will appear either in the list of pages or under a category:

Building PagesTo add content to a page, you can either click on the title of the page you wish to edit fromthe Navigation page, or click on Build Your Pages and select a page from the drop down:

Page 7: Mobile Website User Guide

Once you have chosen a page to edit, you can edit the page setting by clicking on the pagetitle:

You will see this page:

Page 8: Mobile Website User Guide

Here is a brief explanation of the various fields you will see there:

Long URL for this page: This is the long URL for the individual page you are building.

Short URL for this page: This is an abbreviated version of the long URL. Because itcontains less characters, it is ideal for text messaging, tweeting and marketing materialswhere space is limited.

Category: You can choose which category you would like the page you are editing to benested under.

Page Name: This is where you can edit the title of the page.

The Page Builder tab also has tools for adding content to your page:

You can drag components from the menu on top to the space below to add them to yourpages. A preview of the page you are building will appear in the phone on the right:

Page 9: Mobile Website User Guide

ComponentsText: This will allow you to add unlimited text to your pages. You can also include linkswithin your text by using the link tool.

Button: You can use the button to provide a link to another page within the Mobile Websiteor to an entirely different site.

Form: Allows you to build a form on your page to get more information or feedback fromyour users. You can run a report and to see this data on the Reports tab at the top of yourscreen.

Image: This allows you to add images to your page by either uploaded an image file fromyour computer or linking to an image online via a URL.

Video: This will allow you to embed a YouTube video into your page by adding a long link.In order to add a YouTube video to the Mobile Website Builder, the link must look like this:http://www.youtube.com/watch?v=ZUYRxTWS7K0. In order to find the YouTube video IDnumber, click on the Share button below the YouTube video. A short link will show uphttp://youtu.be/( a mix of letters and numbers). These are the video ID number.Audio: Allows you to upload an .mp3 file from your computer to the mobile web page.

Page 10: Mobile Website User Guide

Poll: Allows you to poll your visitors on their opinions. Poll results can be found in theMobile Web Reports section under the Reports tab.

Quiz: Allows you to insert a true/false, multiple choice or open text­based question to yourpage. Quiz results can be found in the Mobile Web Reports section under the Reports tab.

SuperQuiz*: This is a more elaborate version of our Quiz feature. It allows you to entertrue/false, multiple choice, open text and ranking questions to your quiz. Users can get theirquiz results after taking the quiz, and you can even include hints such as videos or images.

Map: This application allows you to put your organization’s location into the mobile webpage.

Twitter: If you have a Twitter account, this application will display your last five tweets.What is Twitter? Twitter is an online social networking/microblogging site that allowsusers to post “tweets” or messages of up to 140 characters.

RSS: This will display your latest RSS feed on the page.What is RSS?  RSS stands for Rich Site Summary. It is a way to easily distribute a list ofheadlines, update notices, and sometimes content to a wide number of people. It is usedby computer programs that organize those headlines and notices for easy reading.

File: This will allow you to attach a PDF, Word or Excel file that users can then download totheir mobile device.

Social Media: This provides a way users can like or favorite your organization on a socialmedia site such as Facebook, Twitter or LinkedIn.

Share Page: This application allows users to share your mobile page on their socialmedia sites such as Facebook, Twitter or LinkedIn.

*Add­on feature. To add this feature to your Mobile Website, [email protected] or call 877­695­7311.

Page 11: Mobile Website User Guide

Splash ScreenYou can choose whether you want visitors to your mobile site to see your main navigationmenu or a welcome page (also known as a “splash screen”) first.

With a Splash Screen: Without a Splash Screen:

To set up a splash screen, go to the Splash Screen tab on the Site Builder page:

Page 12: Mobile Website User Guide

First, make sure the Splash Screen is ON:

You can upload an image from your computer that will appear on your splash screen.TIP: For best results upload an image 320px or wider and a file size of less than 100kb.

You can also add additional text:

Page 13: Mobile Website User Guide

Header/FooterA header and a footer appear at the top and bottom of each of your mobile web pages:

You can upload a logo or image for the header, and text or a link in the footer field:

Page 14: Mobile Website User Guide

TemplatesYou can change the format of your Mobile Website by selecting different templates:

You may also contact us if you would like a customized template for an additional fee:Phone: 877­695­7311. Email: [email protected]

Color SettingsThis is where you can adjust the colors and fonts for your Mobile Website:

Page 15: Mobile Website User Guide

Site SettingsThe Site Settings page is where you can make changes to your URL, change securitysettings for the site, add a search function, and make other changes.

Here is a brief overview of all of the tools you can find on this page:

Site URL: This is where you can customize the last part of the URL for your MobileWebsite. The final part of the URL must be at least 3 characters long and cannot includespaces.

Short URL: This is an abbreviated version of the long URL. It’s good to use the short URLin text messaging, tweeting and other applications that only allow for a certain number ofcharacters.

Site Title: This is an administrative setting. Your Site Title appears in the upper left handcorner of the page and can only be seen by people who are authorized to login to theadministrative platform.

Page 16: Mobile Website User Guide

Password Protect MOBI access: This setting changes your site settings so that in orderto access the Mobile Website, the end user must have a user ID and password. When youturn this setting to ON, you will notice an option called Manage Mobi Access will appear onthe left hand side of the screen, under Main Menu:

This is where you can add user IDs and passwords for access to your Mobile Website.Once you have password protected your Mobile Website, the user will need their user IDand password in order to access it:

Page 17: Mobile Website User Guide

Show Breadcrumbs: This will show a “trail” so when a user goes to a page, a link toevery page they have been to previously will appear at the top of the page. Users can alsouse the back button on their phone to return to previously viewed pages.

Page 18: Mobile Website User Guide

Search: This feature makes your Mobile Website searchable. Users can enter terms intothe search bar and find pages tagged with those specific terms. You can tag your pages byturning the Search Feature ON and clicking the Add Search Terms link.This will take you tothe Manage Search Terms page where you can add or remove search terms  for each ofyour pages:

Page 19: Mobile Website User Guide

You can also edit search terms on the Page Builder tab by clicking the “Edit Search Terms”link:

Page 20: Mobile Website User Guide

Once search is on, the user can use these terms to find certain pages on your MobileWebsite:

QR CodesTyping in a URL is sometimes difficult on a mobile device. That’s why QR Codes are agreat way to give users the URL for your Mobile Website or to a targeted page!

What is a QR Code?“QR Code” is short for Quick Response Code. It is essentially a barcode that can bescanned with a QR Code reader in order to link users to a mobile website. QR Codereaders come standard on most Smartphones, or can be downloaded for free.

The QR Code and short URL (an abbreviated URL that links to your site) for your MobileWebsite appear at the top of the page on the Navigation tab.

Page 21: Mobile Website User Guide

You can also find the QR Code for each individual category and page here as well:

In addition, you can find the QR Code and URL for each individual page on the Build YourPages tab:

Once the QR Code is posted, users can scan it to get the link to your site or to a specificpage within your Mobile Website. You can also deliver the URL via our Text MessagingService. For details, see our Text Messaging user guide.

Page 22: Mobile Website User Guide

PreviewYou can preview how the site looks on different mobile platforms on the Preview page:

You can also view the site on your own Smartphone (recommended!) by sending thelink via text message, scanning the QR Code, typing in the URL or opening the URL link viaemail on your Smartphone:

Page 23: Mobile Website User Guide

Reports:You can find reports for your Mobile Website under the Reports tab at the top of yourscreen.

The first thing you will see is a dashboard that shows you general statistics for your MobileWebsite:

You can find more detailed reports by clicking Mobile Web Reports on the left hand side ofyour screen:

Page 24: Mobile Website User Guide

This will take you to the Mobile Web Reports Menu where you can select different reportson general usage, number of hits per page, results for quizzes, polls and form data.

Here is a brief overview of all of our reports:

General Statistics: This report will provide a general overview of how many users havevisited your Mobile Website.

Detailed Page Statistics: This report will show you how many times each page withinyour Mobile Website was visited.

Hourly Report: This will show you how many times your page was visited per hour

Quiz Results: This report will show the results for any quizzes you have put into yourmobile pages.

Form Data: This report will show the results for any forms you have put into your mobilepages.

Poll Results: This report will show the results for any polls you have put into your mobilepages.

Page 25: Mobile Website User Guide

MarketingPromotion is crucial to the success of your Mobile Website service. You can find somegreat marketing examples at http://trainbycell.com.

You can also include a QR Code on your signage that can link to your Mobile Website, orto an individual page within your site. You can find the QR Code and short URL link for yoursite on the Builder page if you click on Navigation.  You can find the QR Code page at thetop of the page in the Build Your Pages section of the Builder. For more information on QRCodes, please refer to the QR Codes section of this user guide.

If you have any questions regarding your organization’s promotional materials, please feelfree to contact us at [email protected] or call 877­695­7311.