Setting Up Your Domain
Your website is hosted on our servers and you can instantly view your mobile website on the subdomain we sent to you when you signed up. However a proper mobile website should appear as part of your existing website (like m.YourExistingDomain.com) and should automatically show when your existing website is viewed by a mobile device. This tutorial shows you how to properly setup your website and domain. Both of these parts will have to be done by you or your website designer since we do not have control over your domain and hosting accounts.
-
Configuring The Alias DNS Record
When you bought your domain name you configured your domain nameservers to point to your hosting server. These were type A records. You now have to add another record of type CNAME which means "Alias". If your main domain name is domainname.com then your CNAME must point m.domainname.com to the address of your mobile site on our servers.
Here's how to do this on the two most popular domain name registrars. If you don't have one of these, chances are the process is still very similar.
GoDaddy: Tutorial
Namecheap: Tutorial
-
Mobile Detection
In order for your website to detect when it's being viewed by a mobile device and redirect the browser to the proper mobile site you must put a snippet of code into your existing website.
Go to detectmobilebrowsers.com, enter your desktop URL into the first field and then the mobile URL you set up in part 1 into the second field. Then you can click the "JavaScript" button to download the required script. After that it's as simple as opening the main file of your website on your cPanel account (99% of the time it's called 'index.html' or 'index.php') and putting this script at the top of the file in <script> tags. Now when people visit your main site from a mobile browser they will automatically be redirected to m.yourdomain.com.
Configuring The Theme
Configuring the theme of your mobile site is as simple as clicking on the textboxes next to the color descriptions and choosing a color from the pop-up box like so:
Click on the circle at the bottom-right of the popup to save.
The background color field determines the main background color of the site and should match the background color of your logo. The main color determines the color of the headers and lists on your site. Can match your logo color but that's not required. The primary text color is the text color of the main links like "Menu" and "Events", as well as headers. This should complement the "Main color" so if your main color is light-colored then your primary text color should be dark for easy readability. The secondary text color is used for all the rest of the text on the site and it should complement the "Background color".
Uploading Your Logo
Uploading your logo is fairly straight forward. Just click on the red upload button and select your logo. However the only thing that must be considered is that the format of the image must be .gif . It also must be of proper size to fit on the screen of a mobile phone. The width should be less than 300px to be compatible with a range of mobile phones, and for the rest of the mobile site to be visible, the recommended height is no larger than 250px.
Adding Social Networks
Social Networks are the undisputed best way to get the word out about your company on the internet. All you have to do to add a social widget to the front page of your mobile site is input the desired URLs and mark the checkbox to display them. If you don't have a page for a particuilar social network simply leave that textbox blank and the widget won't show.
Creating Galleries
Galleries are easy to create with the "General Content" page types. First make sure that your images aren't wider than 400px using your camera or photo managing application.
Upload The Images
Go to Imgur.com and drag & drop the images you want to use in the gallery straight to the web page. When you're done click the "Start Upload" button like below:
Paste Them to the Gallery
Next add a "General Content" page to your site and change the name to something like "Gallery". Now you can simply right-click and copy the images from Imgur and paste them into the page-content textarea. The result will look like below. Click save and you're done!
Creating Coupons
Coupons are just another example of the flexibility of the admin platform.
Create an "Events" Page
Simply change the name of the page to something like "Coupons" or "Promotions" and include the amount of the discount in the name field. From there you can request that customers present this coupon on their mobile phone to be eligible for the coupon at the register.
If you ever need more flexibility you can always use the "General Content" page to create the coupons!
|
Admin Area
View site
View Tutorials
Logout
