Blog | Moably

[moably-blog]

Squashing Bugs [continued]

Many of you received an email from us that talked about our effort to debug our mobile website builder. We are happy to announce that we have gotten rid of a lot of the bugs in our system. Feel free to log into Moably and see for your self. We are still working fine-tuning, but if you find something that we may have missed, please email [email protected]. Thanks!

[moably-blog]

Examples of Mobile Websites Built Using Moably

We have noticed that a lot of people are searching for examples of what Moably can do. They are searching Google for it and asking us to send them examples. Below you will find examples of mobile websites that were built using Moably. Click on the images to see the actual mobile websites in action. 

Moably Example 1

Moably Example 2

Moably Example 3

[moably-blog]

HQ Update: New Features Added

We are happy to announce that we have added more features to our mobile website builder and we have more on the way. If you haven't logged into Moably lately, you should take some time to check them out. 

New Features:

Custom Icons - You can now add custom icons to any of your mobile website tabs that are on the top level navigation. This feature will easily allow you to upload custom icons to your About us, Click to call, Blog, Directions, Shopify, Picture gallery, Custom pages, Social links, and all external links. 

Change Navigation Titles - You can now change title of any of your top level navigation from step one of our mobile website builder. This is perfect if you are building mobile sites for languages other than English or if you just feel the urge to change them.

Google Analytics - Are you trying to find out how much traffic your mobile site is getting? You can now add Google Analytics to your mobile website on step three. No more guessing!

Like always, if you have specific questions or need support with your Moably account, we are here to help ([email protected]).

[moably-blog]

Moably Tip: Adding Your Blog's RSS Feeds to Your Mobile Website

Allow your mobile website visitors to access changing content on your mobile website by adding your blog feed to your mobile site (or any RSS feed you'd like). Follow the instructions below for more information on adding RSS feeds. 

Adding Feeds to Your Mobile Website

1. WordPress - Click here for instructions.

2. Blogger - Click here for instructions. 

3. Tumblr - All public blogs have an RSS feed that be viewed by adding /rss to the end of the blog URL. For example, the Tumblr Staff blog at http://staff.tumblr.com has an RSS feed at http://staff.tumblr.com/rss.

4. If you are having trouble with another type of feed or have questions about the one above, email [email protected].

[moably-blog]

Moably Tip: Adding Directions to Your Mobile Site

Would you like you mobile visitors to be able to find your location by using our "Click for Directions" feature. Are you having trouble finding the correct link to enter into our "Google maps" feature? Below you will find instructions on how you can easily locate the correct information to enter on our mobile website builder. 

Google Maps Instructions (option 1):

1. Simply enter your address in the "Google maps address" field (e.g. 1 Infinite Loop Cupertino, CA 95014)

2. Enter the title you would like to use on the "Directions" mobile website tab in the "Directions title" area (e.g. Directions, Click for Directions, etc.) 

Google Maps Instructions (option 2):

1. Search for your company using Google Maps

2. Click on the location, on the left of your screen, that you'd like to link to

3. On the top right of your Places page, click on the "Link" option

4. Copy the URL and place it in the "Google maps" section on Moably's mobile website builder

That's it! Your mobile visitors can easily find your business.

[moably-blog]

HQ Update: Moably's New Pricing Structure

Starting April 12, 2012 we will be updating our pricing structure. This change will only affect people with a Free Account. It pains us to do this, but we realize, in order to continue adding new and innovative features to our mobile website builder, a price increase is inevitable. Our goal within the next few months is to provide you with a system that will fit all of your mobile website development needs. In order to do this, we will be adding a number of valuable features to our mobile website builder. If you stick with us, we are confident that you will be more than satisfied with the new features and functions that we have in the pipeline. If you are wondering how this will affect your current account, please see below.

New Pricing Structure - 30 Day Free Trial - Basic Account (currently our Free Account) - $10/mo - Pro Account - $25/mo - Dev Account - $50/mo

What if I currently have a Free Account? If you signed up for a Free Account before March 12, 2012, you will need to upgrade to one of the three payment options above in order to manage your mobile website (starting April 12, 2012). If you signed up for a Free Account After March 12, 2012, you will you receive the upgrade notice 30 days from when you signed up for your Free Account. Your current mobile website will NOT be deleted, lost, or disconnected from your main website if you choose not to upgrade. However, you will no longer have access to our mobile website builder without upgrading. Our current prices ($10/mo for a Pro Account and $35/mo for a Dev Account) are still available. If you wish to upgrade now, you will be grandfathered in at these prices.  What if I have a Pro or Dev Account? You will NOT be affected by this change. Your pricing and account will remain the same as it always has. We have made the decision to grandfather you in at the price you signed up for. What if I used a coupon code to upgrade? You will NOT be affected by this change. Your pricing and account will remain the same as it always has. We have made the decision to grandfather you in at the price you signed up for.  If you have specific questions or need support with your Moably account, we are here to help ([email protected]).

[moably-blog]

Moably Tip: Adding Our Redirect Code to WordPress

We have been getting a number of requests lately regarding the installation of our redirect code via WordPress. No fear, you can easily integrate our redirect code into your WordPress site. If you have a WordPress site and used Moably to optimize it for mobile devices, please continue reading to find out where to put the redirect code.

1. Log in to your website's WordPress admin area

2. Hover over the "Appearance" options on the left side of your screen

3. Click on the "Editor" option under "Appearance"

4. Click on "Header (header.php)" on the right side of your screen

5. Paste the Moably redirect code directly under the <head> tag (should be in the first few lines of code.

That's it! Now visit your regulare WordPress site via a mobile device and watch the magic happen.

If you have any more questions, feel free to contact [email protected].

[moably-blog]

HQ Update: Moably's New Mobile Website Features

If you haven't logged into your Moably account in a while, now is the time! We are proud to announce that we have added a number of new Pro and Dev Account features for you to add to your mobile website. Below is a complete list of new features that have been added. If you have a Pro or Dev account, you can start using all of these features by simply logging into your Moably account. If you don't have a Pro or Dev Account and would like to test out the new features for FREE, log in to Moably and click on the orange "My Account" button. You can use one of the two codes below to try out the new features for 30 days, on us. 

Free 30 Day Trial Codes:

Pro Account: moablypro

Dev Account: moablydev

New Features for Your Mobile Website:

1. Use Your Own URL - Use your own website address (e.g. m.domain.com) for your mobile website without having to download the code!

2. Multiple Locations - If your company has more than one location, you can now add as many locations as you'd like. 

3. Multiple RSS Feeds - Add multiple blog feeds to your mobile website or organize your mobile blog by category type. Or, use it however you'd like.

4. Choose Your Page Transition - You can now decide how your mobile website moves between pages. Do you want your mobile pages to slide, pop, fade, or flip? Now you can!

5. View Full Website - Allow your mobile website visitors to switch back and forth from your mobile website to your regular website. 

6. Click to Shop - If you have a Shopify account, you can now add a "Click to Shop" feature to your mobile website. 

If you have specific questions, need support with your Moably account, or have questions about our new features, we are here to help ([email protected]).

[moably-blog]

Moably Tip: Adding "View Full Site" Feature

If you have a Pro or Dev Account, you have the option to allow your mobile visitors to view your main website vs. your mobile website. This feature is somewhat easy to use, simply click "View Full Site" and in the dropdown, enter the full URL of your main website. 

[moably-blog]

Moably Tip: How to use the "Use a custom domain name" feature

  Would you like to use your own custom domain for your mobile website (e.g. m.website.com or mobile.website.com)? If you have a Pro or Dev Account with Moably, you have access to this feature and you are ready to get started. 

Almost every website hosting company does this a little different. We've included a number of examples below.If your hosting provider isn't on our list, feel free to contact [email protected] for technical support.   

First, log into Moably and go to step three of the mobile website builder, then enter your mobile domain that you'd like to use in the "Use a custom domain name" area (e.g. m.example.com). Once that is complete click the green save button and then head over to your hosting provider and follow the instructions below. 

GoDaddy.com

1. Log in to your account at www.godaddy.com.

2. Open the Domains tab and select My Domain Names. You'll be directed to the Domain Manager page.

3. Click the domain that you'd like to use with your site.

4. Click the Total DNS Control And MX Records link at the bottom of the section entitled Total DNS.

5. Click Add New CNAME Record in the box labelled CNAMES (aliases). If you've already created a CNAME record for your site's address, click the pencil icon next to the existing CNAME record.

6. For the Name, enter only the subdomain of the address you want to use for your site's. For example, if you picked m.example.com as your address, enter m here.

7. Enter moably.com as the Host Name. Specify a TTL or use the default setting of 1 hour.

8. Click OK, and then click OK again.

ix web hosting

1. Log in to your account at ix web hosting.

2. Click Manage below the Hosting Account section.

3. On the left side, click the domain you'd like to use with your site's.

4. Next to DNS Configuration, click EDIT.

5. Click Add DNS CNAME Record.

6. Under Name, enter only the subdomain you want to use. For example, if you picked m.example.com as your site's address, just enter m as the entry under Name.

7. Enter moably.com under Data.

8. Click Submit.

1and1

1. Log in to your account at https://admin.1and1.com

2. If it's not already selected, click the Administration tab.

3. Click Domains. The Domain Overview page appears.

4. From the New drop-down menu, select Create Subdomain. (If you've already created a subdomain for your site's address, skip to step six.)

5. Enter only the subdomain you want to use, and click OK. For example, if you chose m.example.com for your site's address, you should enter m here.

6. Select the checkbox next to the subdomain that you will be using. (Example: m.example.com)

7. From the DNS menu, select Edit DNS Settings.

8. Click the radio button next to CNAME.

9. Enter moably.com next to Alias.

10. Click OK.

EveryDNS.net

1. Log in to your account at EveryDNS.net.

2. On the left side, click the domain you'd like to use with your site.

3. Since EveryDNS.net is your hosting service, and not your domain registrar, be sure that your domain points to EveryDNS.net's nameservers. This will allow your CNAME record configuration to take effect.

4. Below Add a Record:, you can create your CNAME record.

5. Next to Fully Qualified Domain Name, enter only the subdomain you want to use. For example, if you picked m.example.com as your site's address, just enter m as the entry next to Fully Qualified Domain Name.

6. Select CNAME as the Record Type.

7. Enter moably.com as the Record Value.

8. Click Add Record.

Yahoo!SmallBusiness

1. Log in to your account at smallbusiness.yahoo.com.

2. Click Domain Control Panel below the domain you'd like to use with your site.

3. Click Manage Advanced DNS Settings.

4. Click Add Record.

5. In the Source field, enter only the subdomain you want to use. For example, if you designated m.example.com as the address of your site, enter m in the Source field.

6. Enter moably.com in the Destination field.

7. Click Submit.

No-IP

1. Log in to your account at No-IP.

2. On the left side, click Host/Redirects.

3. Click Manage underneath Host/Redirects.

4. Click Add for a new entry, or click Modify and skip to step six for an existing entry.

5. Enter the host name (example: m from m.example.com), and select your domain name.

6. Select DNS alias CNAME at the host type.

7. Enter moably.com as the Target Host and click Modify.

DNS Park

1. Log in to your account at DNS Park.

2. On the left side, click DNS Hosting.

3. Click the domain you'd like to use with your site.

4. Since DNS Park is your hosting service, and not your domain registrar, be sure that your domain points to DNS Park's nameservers. This will allow your MX record configuration to take effect.

5. Click Alias Records.

6. Under Host Name, enter only the subdomain you want to use. If you picked m.example.com as your site's address, enter m.

7. Under Destination Name, enter moably.com.

8. Click Add Alias.

HostGator

1. Log into Plesk

2. Under Hosting Services, click on Domains

3. Find the domain in question, and click on the corresponding link that says "Control Panel" (on the far right side)

4. Click the "Websites & Domains" tab

5. Click the "DNS Settings" link

6. Click on "[Manage]" for the appropriate domain

7. To edit an existing record, click on the record under "Host"

8. Change the "Record type" to CNAME (if necessary)

9. For "Domain name", put in the subdomain you want to host (most likely will be 'm').

10. For "Canonical name", change it to moably.com

[moably-blog]

Moably Tip: How to connect your Shopify account to Moably?

Are you having trouble finding your Shopify API Key and Password. Below are instructions regarding how to sync your Shopify account and Moably account. You will need a Shopify account in order to complete the following steps. If you don't have a Shopify account, sign up for a Free 30 Day Trial and continue with the directions below. 

Log in to Shopify.com

Go to Apps → Manage apps in your shop admin:

Click on the "Click here" link at the bottom of the /admin/applications page:

Click on the "Generate new application" button on the /admin/api page page:

Copy your API Key and Password from Shopify:

Log in to Moably.com

Enter your API Key and Password on Moably (step three of our mobile website builder):

That's it!!

If you have any questions, contact [email protected].

[moably-blog]

HQ Update: Like Moably on Facebook and Upgrade for FREE

"Like" Moably's Facebook page and get a FREE Pro Account or Developer Account upgrade for 60 days. How do I get the coupon code? It's simple, visit our Facebook page's Special Offers tab and like the page. Once you like the page, the page will change and reveal two discount codes. Choose whether you'd like a FREE Pro Account or Development Account and then head over to Moably to collect your FREE Account. For instructions on how to use the coupon code, please continue readin. 

Coupon Code Instructions:

1. Like Moably on Facebook and get your coupon code

2. Log in to Moably or sign up for a free account

3. Click the orange "My Account" button

4. Enter the Facebook coupon within the coupon code area

5. "Check" and "Redeem" the coupon

7. Cancel anytime

That's it, enjoy your 60 day FREE upgrade!

[moably-blog]

Moably Tip: Adding Social Networks

You can add as many social networking sites to your mobile website as you'd like. Simply follow the instructions below and you should be good-to-go. 

Adding Facebook, Twitter, and Foursquare

Facebook - Locate your profile link by visiting your personal profile or fan page profile and copy the website address from the address bar. Open the "Facebook" dropdown within Moably by clicking on the "Facebook" text. Then paste your profile address in the top text area. You can name this tab anything you'd like by changing the text in the bottom text area. 

Twitter - Locate your profile link by visiting your profile page, then copy the website address from the address bar. Open the "Twitter" dropdown within Moably by clicking on the "Twitter" text. Then paste your profile address in the top text area. You can name this tab anything you'd like by changing the text in the bottom text area.  

Foursquare - Locate your profile link by visiting your profile page, then copy the website address from the address bar. Open the "Foursquare" dropdown within Moably by clicking on the "Foursquare" text. Then paste your profile address in the top text area. You can name this tab anything you'd like by changing the text in the bottom text area.  

Adding Other Social Networks

Coming soon...

[moably-blog]

Government Fail: Join Us In Fighting SOPA/PIPA

If you own a website, this will impact you eventually! If you don't want government to have COMPLETE control over the internet, head over to Google and digitally sign the petition. It literally takes less than 10 seconds to do. 

Some other major companies participating in this message:

1. Google

2. Facebook

3. Twitter

4. Wikipedia

5. Reddit

6. Craigslist

7. Tumblr

8. Shopify

[moably-blog]

Mobile Fail: Twitter Search

Today's "Mobile Fail" is a surprising one. Twitter is usually pretty solid when it comes to the mobile delivery of their content. However, in this case, Twitter Search has made it onto our list of Mobile Fails. Continue reading to learn how this behemoth of a tech company made it on our list.

Twitter has been recognized on a number of prominent technology websites for their mobile consciousness, awareness, and execution. Try to visit Search.Twitter.com from your iPhone and this will tell you a different story all together.    

The Twitter Search Experience

Let's say you are away from your computer, but really want to search for a post on Twitter. You go to Search.Twitter.com from your iPhone and this is what you see:

  It actually takes you to a mobile website (good), but the function that should be there is a search function, right? Well, it's not. Okay, we see the "Discover" button, let's try that and see what happens (even though no one likes extra clicks or having their time waited). What is that?! Flash on a mobile website, oops!

As painful as this is to do. We are going to try the search function on this page (crossing fingers). Let's try searching for "Cats". Yay, we finally were able to find something!! 

Lessons to be learned: 

1. Eliminate clicks whenever possible. If you can do this, people will stay on your mobile website longer and have a much better experience. 

2. Don't use Flash. While there are a lot of mobile devices that support flash, the iPhone doesn't. With over 100 million iPhones on the market, this is a demographic you don't want to miss out on. 

If you'd like to submit a Mobile Fail, please email [email protected].

[moably-blog]

HQ Update: 2011 Mobile Industry Infographic

2011 was truly a mobile year to remember. Mergers, patent wars, death, and tablets, oh my! 2011 was the tip of the mobile revolution iceberg and 2012 is sure to carry on the movement. Please enjoy this infographic from LapTopMag.com. 

2011 Mobile Industry Infographic

[moably-blog]

Mobile Win: House OKs Payroll Tax Cut

We are happy to announce our first "Mobile Win". Every once in a while we run across a good story that we can actually read on our mobile phones. To be included in our "Mobile Win-Win" the story itself has to be newsworthy and the publisher must have the article optimized for mobile devices. Today's story comes to us from Time Politics. Below we will give detail on the win-win scenario. 

House OKs Payroll Tax Cut

"Congress on Friday approved a two-month renewal of payroll tax cuts for 160 million workers and unemployment benefits for millions, handing President Barack Obama a convincing victory for his jobs agenda." - Time

Tax cuts are good, right? 160 million workers don't lose more of their take-home pay. We vote that as a win!

Mobile Website Win

Time has done an amazing job with their mobile optimization. Here are a few key mobile optimization areas that we liked best:

1. They have a mobile website, unlike our friends at X Factor USA.

2. When you go to their website on a mobile phone, they give you the option to download their application or view their mobile site (not one or the other).

3. Their mobile website loaded in about 5 seconds. This is very important, especially if you want people to continue browsing your mobile website. 

4. Time's mobile website was really easy to navigate, which made it easy to find what we were looking for. 

Screenshot of Time's Mobile Website: