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.
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.
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.
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!
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!