BLOG
Mobile sites are here!
by Steve Testone on January 3rd, 2014

We are excited to announce that we just fully launched the beta version of our new mobile website solution. Our websites have always been viewable on mobile devices, but you can now easily create a mobile version of your entire website with just the click of a button. Best of all it will stay completely in sync with your existing SnapPages website content.

What took us so long?

This is a valid question. If we were going to do it, we wanted to make sure it was done right. Most other "mobile websites" just take all of your content and then resize it and cram it into one column. TADA! mobile! This usually just ends up looking sloppy.

Not everything that works on a full desktop website works on a mobile one. Some content should be customized or removed altogether. Our mobile solution allows you to customize the content on your mobile site while still keeping content that is shared on the desktop and mobile version in sync.

How does it work?

To enable this feature you must be using the new 2.0 version of SnapPages and you must be using one of the new 2.0 themes as well. If you haven't yet updated, you can read this previous article to learn how. If you are already using the latest and greatest, just go into your Dashboard and click on the "Settings" tab. You will see a new option to "Enable mobile site".

As soon as you enable it, you will be prompted to customize your mobile theme. You don't have to do this right away but we highly recommend it. The mobile theme is intentionally very simplified as it's optimized for a mobile viewing experience.

After you customize your theme, head on over to the Pages app and edit one of your pages. You will notice a new "mobile" option now appears on the bottom right menu in the editor. If you click on this you can edit the mobile version of the page.

What makes it so different?

As I mentioned earlier, what really makes our mobile solution innovative is you can customize your mobile content while still keeping it in sync with the full desktop version. For instance, when you first open the mobile version you might notice all the web blocks are now in one column but you don't like the they are organized. You can change the ordering of the web blocks on your mobile version but the actual content inside the web blocks will still stay in sync. This means that if you make a change to a web block in the normal editor, it will update the content of that web block on the mobile page even if it's in a different place on the mobile version.

But some content just doesn't fit inside the mobile context. That's why we allow you to select certain blocks that you can hide when viewed on mobile, and you can even make other blocks in the mobile editor that you don't want to show up on the full website. Just click on a web block and select the new "advanced" option to hide a specific block.

This gives you a lot of power and flexibility over how your mobile content looks while keeping it simple and easy to update. Customize some stuff and everything else still stays in sync so you only have to make changes once! Now that's what I call simplowerful (2014 word of the year)!


Posted in not categorized    Tagged with no tags


18 Comments

Reid - January 3rd, 2014 at 2:56 PM
This is great. You guys are always raising the bar.
Lisamay - January 5th, 2014 at 11:30 AM
Love you guys. Question about the mobile solution - do i have to pick a mobile template? or are all the templates mobile friendly? i choose a template and downloaded my content into it but now after reading your post I'm thinking I shouldn't have?
Steve Testone - January 8th, 2014 at 5:01 PM
The mobile theme is actually seperate from the regular one so it will work with any 2.0 theme that you use for your website.
Jericka Millsap - January 8th, 2014 at 7:11 PM
If you click the "no" button when prompted to customize the mobile site at first how do you get back into it?
Steve Testone - January 9th, 2014 at 9:54 AM
Good question. After you enable the mobile feature, you will now have a mobile theme that appears in your Themes app and you can edit it at any time.
Mathis - January 10th, 2014 at 12:22 PM
Excellent!
suzanne cotsakos - January 12th, 2014 at 2:20 AM
I think it's a great start for BETA mobile. I created my site, but after publishing it, I hid it bc of a few things (which I totally get are probably gonna be worked out). But I thought I'd throw in some feedback. Or maye I didn't see that this is controllable and then you can correct me. haha

1.) The positive is that it takes your website and throws in all the info for you. The negative part is, for example, on my website for balance purposes i have some info on the left side that is secondary info, but since it's on a website you see it all evenly so it doesn't matter. However, in the mobile site it comes up first and then you have to scroll down. It seems weird that that would be the first info on my homepage and I don't think (at least not yet) that you can have control over how this is set up in your mobile site without changing your website design.

2.) Resume page looks rough. haha. I totally get that there's a lot of info on a webpage that gets smushed in a mobile page. But maybe we can get some control over that after BETA. Maybe you can make it so that it shows a button that links to a full page. I know my friends mobile site does that (i think she uses wix).

Otherwise, it's so great and I love that you guys are doing this! SO cool. But those couple things make it so that I can't make use of it right now. But i totally get that it's a BETA.
Steve Testone - January 12th, 2014 at 2:17 PM
Great feedback. The good news is that it actually currently does all the things that you mentioned but we probably just need to make that more obvious. For instance if you don't like the way the mobile page get's squished together, you can arrange the blocks differently on the mobile page without effecting the full size, or you can hide blocks so they don't show up on the mobile page at all.

I've written an explanation of how all this works in the article above so but if you have any other questions about how it works just let us know!
Jennifer O'Hagan - January 12th, 2014 at 11:36 PM
It's great that you are making us mobile friendly! I created my own theme based on the simple tabs, but don't see an option to go mobile. I'm on version 2.0...I really don't want to switch themes, as I've put a ton of work into customizing mine...maybe the mobile version will one day be available for all of our themes?
Steve Testone - February 17th, 2014 at 12:09 PM
Currently there aren't plans to enable this for the 1.0 Themes as they just aren't compatible with it. We will let you know if that changes.
Jericka - January 29th, 2014 at 7:28 PM
How do you go back in to edit the mobile version? It prompted me the first time I turned it on but I can't figure out how to get back to rearrange things... HELP!
Steve Testone - February 17th, 2014 at 12:10 PM
If you are referring to the mobile theme, you can access it in the main Themes app. Just look for the one that is flagged as "mobile" and edit it like you would a normal theme.
Jenny - February 8th, 2014 at 11:38 PM
I just upgraded to 2.0 theme and now I can't get my mobile version to load - I click on edit mobile version - the spinning cloud of doom starts and never stops. I currently have NO mobile site! HELP!!
Steve Testone - February 17th, 2014 at 12:10 PM
If you haven't already, please send us a help ticket so we can get this resolved for you.
Edwin - February 9th, 2014 at 11:13 AM
This is wonderful! I really was looking for a mobile website when I first looked for a website creator, but I went with snappages anyways because I liked it so much. This just adds the icing on the already delicious cake!
Jessica - February 12th, 2014 at 7:21 PM
I was using a different mobile service and since this has launched I cancelled that service. When accessing my website using a mobile device it still tries to load through the old provider and does not pull up snap pages. How can I fix this?
Steve Testone - February 17th, 2014 at 12:11 PM
I believe we already responded to a help ticket about this, but to recap, it looks like you still have the old code for the other mobile service in the header of your site. Remove this code and it should fix the issue.
David - March 17th, 2014 at 5:31 AM
Awesome. thanks
Leave a Comment


Categories
Tips (6)
Updates (47)
Archive
2016 (4)
2015 (2)
2014 (10)
2013 (7)
2012 (12)
2011 (21)
2010 (35)
January (2)
February (5)
March (7)
April (1)
May (2)
July (3)
August (3)
September (4)
October (2)
November (2)
December (4)
2009 (22)