Loading Profile...
Twitter,
Facebook, or email.
EMPLOYEE
How do I set up the iPhone editSuite module?
Official
Responses
-
Here is a video tutorial on how to set up the iPhone site:
liveBooks Iphone and Ipad site setup from liveBooks on Vimeo.
-
iPhone Help Outline
You can have your liveBooks site respond to iPhone and iPad visitors in three different ways:
You can display your liveBooks HTML mirror site for your site (default)
You can redirect the traffic to another URL. For example, if you had a custom iPhone site built in the past, you can send your iPhone users to that location.
You can display your liveBooks iPhone site (new in 5.9 and recommended).
In the new “iPhone Site” module found in the “Edit Content” drawer in editSuite:
To Display Your liveBooks HTML Mirror Site:
Simply choose the “liveBooks HTML Mirror Site” option in the “iPhone Users Should See:” drop-down list and click Save.
To Redirect iPhone & iPad Traffic to Another URL:
Choose the “Redirect users to another URL” option in the “iPhone Users Should See:” drop-down list.
Enter the URL in “Link” field.
Click save.
To Display Your New liveBooks iPhone/iPad Site:
Choose the “liveBooks iPhone site” option in the “iPhone Users Should See:” drop-down list.
Set-up and customize your liveBooks iPhone site (more below).
Click save.
How to Set-up and Customize your liveBooks iPhone site
1. Enter a site title
Try to keep it short. If it’s too long, it will get cut-off in the iPhone.
2. Choose a site Theme
We have provided a Custom option as well as two quick & easy theme presets: White & Black.
To use a custom theme, choose “Custom” and then choose your background and font colors as well as your font face and font size. Your font color sets the color of the icons.
3. (optional) Upload your “Home Page Image”
The image should be no larger than 320x240 pixels. Make this image in Photoshop or similar image editing program - there is no option to resize this image when you upload it. Tip: If you have a nice logo for your business, use it for your homepage instead of a picture - our experience is that the iPhone sites look really great with logos.
4. (optional) Upload your “iPhone Homescreen Logo”
Image Users of Mobile Safari on iPhones and iPads have the option to create website bookmarks on their homescreen. The homescreen is where all of the colorful square App icons show up. Most users have a few “screens” of Apps to choose from - those all comprise the “homescreen.”
If a user chooses to create a bookmark in Mobile Safari with the “Add to Homescreen” option, this is the icon that will be used. It will show up on their homescreen alongside all of their other apps. Apple has specified two firm requirements:
- it MUST be a PNG file. This can be created in most image editing applications.
- It MUST be cropped to a 57x57 pixel perfect square. The iPhone or iPad will automatically round the corners of the image and add the glossy bubble effect. You just need to provide a flat, normal, 57x57 pixel square image in PNG format and the iPhone/iPad will do the rest.
Again, there is no option to crop, resize or convert the image to PNG upon upload in editSuite, so prepare this file in Photoshop or a similar image editing application.
5. (optional) Specify the Contact Information to Display
On the “Contact Information” tab, select whether or not you want to show Contact information to iPhone & iPad users by checking the Contact Information box, or not. If you elect to provide contact information, fill in the stuff you want to display. If you provide your physical address, we automatically build the Google Maps URL for you so when clicked, your address will show up in the iPhone/iPad Maps application. If you want to override that URL with something else, or remove it, you may do so directly in the “Map URL” field. Phone numbers and email addresses are automatically linked to the Phone (iPhone only) and Mail applications, as appropriate, so your users can quickly call or email you.
6. Select Which Portfolios to Display
On the “Content” tab, check the portfolios you wish to display.
7. (optional) Add Links to Other Content
If you have a blog or a Twitter feed page, for example, you can create links that will display on the iPhone/iPad site home page. For each link that you want to add, click the “Add a New Link” button at the bottom of the right column of the “Content” tab. In the pop-up dialog, enter the link name and the destination URL. The link name is what will display on the iPhone/iPad site home page, so try to keep it short.
8. Click Save.
A note for customers with liveBooks “Agency” websites
The default link name for your image categories on the iPhone/iPad home page is “Photographers.” If this label doesn’t work for the way your content is organized, please submit a support request to have it changed. Specify your site URL and what the new link name should be.
View Your iPhone/iPad Site
To view your iPhone/iPad site, the best method, obviously, is to use an iPhone and an iPad. But we understand that not everybody has access to those devices.
There are iPhone and iPad emulators available online that you can use to see your site. The most accurate one is the Apple iPhone Simulator that Apple created for iPhone & iPad developers. It ships with their iPhone OS SDK (Software Developers Kit). But to get that, you need to be in their developer program, be on a Mac and have Snow Leopard (OSX 10.6) - we don’t expect all of those conditions to apply to many of our customers. For most people, a simpler program or website simulator should suffice. You won’t get the full iPhone experience, but you should be able to get an idea of what your site looks like (colors, icons, etc.). At the time of this writing, we know of a few options and we’ve listed them below. We don’t guarantee that these are accurate. And we suggest that you search the web for the latest and best simulator at the time you read this since these things change quickly.
A few current options (we suggest you do your own web search when you read this - things change):
TestiPhone.com - iPhone Simulator
http://www.testiphone.com/
iPhone 3G Tester
http://iphonetester.com/ (needs Safari in OSX or Windows)
iPhoney Application - Mac Only. Install required.
http://sourceforge.net/projects/iphonesimulator/
EMPLOYEE
-
-
iPhone Help Outline
You can have your liveBooks site respond to iPhone and iPad visitors in three different ways:
You can display your liveBooks HTML mirror site for your site (default)
You can redirect the traffic to another URL. For example, if you had a custom iPhone site built in the past, you can send your iPhone users to that location.
You can display your liveBooks iPhone site (new in 5.9 and recommended).
In the new “iPhone Site” module found in the “Edit Content” drawer in editSuite:
To Display Your liveBooks HTML Mirror Site:
Simply choose the “liveBooks HTML Mirror Site” option in the “iPhone Users Should See:” drop-down list and click Save.
To Redirect iPhone & iPad Traffic to Another URL:
Choose the “Redirect users to another URL” option in the “iPhone Users Should See:” drop-down list.
Enter the URL in “Link” field.
Click save.
To Display Your New liveBooks iPhone/iPad Site:
Choose the “liveBooks iPhone site” option in the “iPhone Users Should See:” drop-down list.
Set-up and customize your liveBooks iPhone site (more below).
Click save.
How to Set-up and Customize your liveBooks iPhone site
1. Enter a site title
Try to keep it short. If it’s too long, it will get cut-off in the iPhone.
2. Choose a site Theme
We have provided a Custom option as well as two quick & easy theme presets: White & Black.
To use a custom theme, choose “Custom” and then choose your background and font colors as well as your font face and font size. Your font color sets the color of the icons.
3. (optional) Upload your “Home Page Image”
The image should be no larger than 320x240 pixels. Make this image in Photoshop or similar image editing program - there is no option to resize this image when you upload it. Tip: If you have a nice logo for your business, use it for your homepage instead of a picture - our experience is that the iPhone sites look really great with logos.
4. (optional) Upload your “iPhone Homescreen Logo”
Image Users of Mobile Safari on iPhones and iPads have the option to create website bookmarks on their homescreen. The homescreen is where all of the colorful square App icons show up. Most users have a few “screens” of Apps to choose from - those all comprise the “homescreen.”
If a user chooses to create a bookmark in Mobile Safari with the “Add to Homescreen” option, this is the icon that will be used. It will show up on their homescreen alongside all of their other apps. Apple has specified two firm requirements:
- it MUST be a PNG file. This can be created in most image editing applications.
- It MUST be cropped to a 57x57 pixel perfect square. The iPhone or iPad will automatically round the corners of the image and add the glossy bubble effect. You just need to provide a flat, normal, 57x57 pixel square image in PNG format and the iPhone/iPad will do the rest.
Again, there is no option to crop, resize or convert the image to PNG upon upload in editSuite, so prepare this file in Photoshop or a similar image editing application.
5. (optional) Specify the Contact Information to Display
On the “Contact Information” tab, select whether or not you want to show Contact information to iPhone & iPad users by checking the Contact Information box, or not. If you elect to provide contact information, fill in the stuff you want to display. If you provide your physical address, we automatically build the Google Maps URL for you so when clicked, your address will show up in the iPhone/iPad Maps application. If you want to override that URL with something else, or remove it, you may do so directly in the “Map URL” field. Phone numbers and email addresses are automatically linked to the Phone (iPhone only) and Mail applications, as appropriate, so your users can quickly call or email you.
6. Select Which Portfolios to Display
On the “Content” tab, check the portfolios you wish to display.
7. (optional) Add Links to Other Content
If you have a blog or a Twitter feed page, for example, you can create links that will display on the iPhone/iPad site home page. For each link that you want to add, click the “Add a New Link” button at the bottom of the right column of the “Content” tab. In the pop-up dialog, enter the link name and the destination URL. The link name is what will display on the iPhone/iPad site home page, so try to keep it short.
8. Click Save.
A note for customers with liveBooks “Agency” websites
The default link name for your image categories on the iPhone/iPad home page is “Photographers.” If this label doesn’t work for the way your content is organized, please submit a support request to have it changed. Specify your site URL and what the new link name should be.
View Your iPhone/iPad Site
To view your iPhone/iPad site, the best method, obviously, is to use an iPhone and an iPad. But we understand that not everybody has access to those devices.
There are iPhone and iPad emulators available online that you can use to see your site. The most accurate one is the Apple iPhone Simulator that Apple created for iPhone & iPad developers. It ships with their iPhone OS SDK (Software Developers Kit). But to get that, you need to be in their developer program, be on a Mac and have Snow Leopard (OSX 10.6) - we don’t expect all of those conditions to apply to many of our customers. For most people, a simpler program or website simulator should suffice. You won’t get the full iPhone experience, but you should be able to get an idea of what your site looks like (colors, icons, etc.). At the time of this writing, we know of a few options and we’ve listed them below. We don’t guarantee that these are accurate. And we suggest that you search the web for the latest and best simulator at the time you read this since these things change quickly.
A few current options (we suggest you do your own web search when you read this - things change):
TestiPhone.com - iPhone Simulator
http://www.testiphone.com/
iPhone 3G Tester
http://iphonetester.com/ (needs Safari in OSX or Windows)
iPhoney Application - Mac Only. Install required.
http://sourceforge.net/projects/iphonesimulator/
-
-
-
How do you see it on your iphone? -
-
I have a livebooks edu site and it doesn't give me the option to do this
"To Display Your New liveBooks iPhone/iPad Site:
Choose the “liveBooks iPhone site” option in the “iPhone Users Should See:” drop-down list.
Set-up and customize your liveBooks iPhone site (more below).
Click save."
can you help me with this?
thanks- view 1 more comment
-
-
Our recent update to enable Apple's mobile devices can be available for all EDU customers. Some EDU customers will be able to see and activate this functionality from their editSuite now.
If you cannot see this option on your editSuite, please contact our Support Team so we can validate your eligibility and explain the steps towards having an Apple mobile device version of your website. -
-
-
-
I’m
very happy!
Everyone of you are brilliant and I thank you for knowing what I was thinking about...and wishing for!
THANK YOU,
Ric -
-
Is this only for iPhone/iPad? I am using an Android device (HTC Incredible) and can't load my site after activating the iPhone option in Edit Suite, nor can I load the example sites from the Livebooks email blast. The sites just sit and reload constantly, not displaying anything.
-
me too. It used to work great FLASH AND ALL with the android. What happened??!!!?
-
-
-
-
-
I’m
elated !
HOLY thank yous ! It's great ! My money is once again incredibly well spent with Livebooks !! -
-
Are these image sizes specific to iPhones? Isn't the iPad image sizes different (larger)?
-
There is another forum thread titled "How do I optimize the iPad experience using my iPhone site?" that has some helpful information.
-
-
-
-
-
This is fantastic and really easy. I even figured out how to get it on my iPhone. To Erik, on your iPhone or iPad go to your home page, you will see a + sign underneath. Click on this and your will see the option "add to home screen" just click that. -
-
-
-
I’m
feeling smug
This is brilliant. I've updated my livebooks site and posted screencaps of my new iphone portfolio here
http://blog.quintinlake.com/2010/05/1...
Thanks for the new functionality,
Quintin Lake
-
-
This is great and it looks great! Thanks for doing this!
I do have a comment and a feature request:
Comment: When browsing a portfolio, there needs to be a way to return to the portfolio's home screen without having to scroll back through all the images. Perhaps a tap on the screen will bring down a button that will navigate to that screen.
Feature Request: Customer Portfolios.
Thanks again!
Ric Mershon -
-
It worked! Now if I can just figure out how to add the Homescreen Icon Logo to my applications, my life will be complete. -
-
I’m
confroosed
For some reason my site still shows the old "you need flash" error screen and I have followed all instructions. Is there some sort of delay before the changes take effect? -
-
Ric,
Just click the "back button" in Mobile Safari (left-facing arrow in bar at the bottom of the screen). We rigged that up to jump back to the portfolios home screen instead of the last image, which is easy enough to swipe to.
Glad you like it!
Scott-
Thanks Scott. While your suggestion works, I don't think it's readily apparent. Where do we send feature requests?
Thanks again!
-ric. -
-
Ric, please feel free to log your ideas and feature requests in our Forum topic here.
-
-
-
-
-
Bob, I had that problem, though I kept hitting refresh... so I closed that window and opened a brand new one and it work.
Ralph see my other reply above to answer your question... :) -
-
I’m
nearly content
Just some constructive criticism
-have the home image rotate and scale to fit the screen like the album images. Right now, the image does not expand to fit horizontal mode
-format to the centre of the screen when in horizontal mode
-the blue text colour on the white background. Option of black text would be nice,
-Finally, having the option (at the bottom of the home screen) to visit the html site would not hurt.
Pretty good though!-
Please log your ideas and feature requests in our Forum topic here.
-
-
-
-
-
I think this is great, but I need my clients to view my videos more than any photos on my site. They are all QuickTimes that are in my FTP folder. I'd be glad to re-output those QuickTimes into something the iPhone will play (M4V?) if I could create a nice hierarchy for the viewer to navigate through.
-
-
Brian, the iPhone site allows you to set up URL links that are showcased on the home page via the CONTENT tab. You can host any video content for mobile devices in your FTP module, then link to this content right from the homepage. The newest version of Quicktime, on Snow Leopard, actually has an iPhone option in the Save As window.
1. For each link that you want to add, click the “Add a New Link” button at the bottom of the right column of the “Content” tab.
2. In the pop-up dialog, enter the link name and the URL that is assigned to the content in your FTP module (click SEND next to the file to display the URL).
3. The link name is what will display on the iPhone/iPad site home page, so try to keep it short.
The FTP module also allows you to host html files, so you could create a more customized html "index" that references your video content (stored either in your liveBooks FTP module or elsewhere) and then link to this html file from your mobile home page.-
Thanks Will. How can I create a page that is seamless with my iPhone page? I love that my home page transitions to my contact page with what looks like a slide transition. I'd like to create a page that does the same thing.
-
-
At this point the functionality I've outlined above is the best option for showcasing video content on the iPhone. You can design your own html page to mirror the layout of your main iPhone site, but it will initiate a new popup window for the viewer.
-
-
-
-
-
This is sweet! Much better than I expected!
Thanks mucho!!! -
-
I’m
confused
We don't own an iPad or iPhone, but want to make our site accessible to clients who do. I am finding it hard to decipher what I should do to make that happen, and then how to make sure it has happened correctly since we don't have access to that.-
Allison, the instructions for enabling your iPhone sites are listed at the top of this thread along with links to testing "simulator" sites that you can use through your web browser to view the mobile site once it has been enabled.
-
-
-
-
-
-
-
-
I'm a prospective customer, exploring all my options. It seems like livebooks has almost everything I need (just need an aperture exporter!). However, I don't understand what the difference is between the HTML version and the iPad version. I've looked at quite a few different livebooks sites (including Chase Jarvis) and it seems like while the first page is formatted for iOS, I don't see any "image rotation support" or "pinch to zoom" or any navigation controls. If this does not currently exist, is there a plan?
-
Hello KJohn,
liveBooks iPhone sites do feature swipe functionality and automatic image rotation. The 'mobile' images are not able to zoom, but they're automatically sized to fit the iPhone viewing area.
All livebooks users have the option of enabling their iPhone site or selecting the html sub-site (where SEO information is presented to search engines) as the default viewing experience for mobile users. Another option, which Chase Jarvis has chosen, is to redirect mobile users to a completely separate iPhone/iPad site that is hosted elsewhere -- you can just input the URL directly in the editSuite. -
-
-
-
-
I’m
frustrated
I have the older student site, and am not given the option for the ipad/iphone what should I do?-
If you want to take advantage of the features offered on our new Student/Educator sites, please contact the Support Team so we can validate your eligibility and explain the steps toward the update. You can find more information on this process here: How do I upgrade my old edu website to the new version?
-
-
-
-
-
EMPLOYEE
I’m
happy to share the news
We received several requests to update the iPhone site module with the ability of managing the color behind the portfolio images. This used to have two options until now: black or white.
We have updated it and now the option of changing the portfolio background color is available!
In order to manage the colors for your iPhone site you need to go to the iPhone site module within the editSuite. Once you choose the "Custom Theme" the Portfolio Background Color option will appear next to the Site Background color option, just like in the image below:
-
-
Is there not any way to show the information - as well as the pics - that appears on my site? The above method shows the portfolios well enough - even though I can't see the titles and captions. But I can't see my 'About', 'CV', and other pages which have both text and images. The iPad/iPhone site is just a picture site, so I don't see it as an adequate reflection of my website at all.
I tried it out but reverted to the html site.
I am still hoping for a thoroughly satisfactory solution.-
Miss Aniela,
The iPhone site is a separate hierarchy and design from your main (Flash) website, and as you know, not all of your info/text pages are featured on this mobile site.
We're constantly seeking client feedback and ideas to improve all the editSuite features and I think that yours is a good one. In the meantime, if you need to showcase additional text on the iPhone site you may consider linking out to any number of pages that you create and host via your FTP module. Alternatively, you can choose to redirect iPhone and iPad users to any URL of your choosing, rather than the liveBooks iPhone site design. -
-
-
-
-
Here is a video tutorial on how to set up the iPhone site:
liveBooks Iphone and Ipad site setup from liveBooks on Vimeo.
-
EMPLOYEE
