23
LOOKBOOK CLOUD USER GUIDE Version 1.0 ( c ) L o o k b o o k C l o u d , 2 0 1 3

Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

Embed Size (px)

DESCRIPTION

User guide for Lookbook Cloud - a Facebook app that helps online merchants to convert their Facebook page fans to customers. The app allows to create an interactive slideshow with multiple hotspots per slide, each hotspot can be linked with a product in online store. Lookbook mainly targets online fashion and homewares/furniture retailers and designers. Link to app - https://apps.facebook.com/lookbooklcoud/ NEW - Lookbook Cloud for Shopify - https://apps.shopify.com/lookbook-2

Citation preview

Page 1: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

LOOKBOOK CLOUD USER GUIDEVersion 1.0

(c) Lookb

ook C

loud, 2

01

3

Page 2: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 1. SIGNING-UP Visit app page - https://apps.facebook.com/lookbooklcoud/ You’ll see the page like below if you haven’t signed-up before

(c) Lookb

ook C

loud, 2

01

3

Click to big green button “Check prices and sign-up” N.B. Make sure that Facebook user you use is a manager of your

business Facebook page or these rights can be assigned. It is required to publish lookbook created to your business page

Page 3: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 1. SIGNING-UP After clicking to “Check prices and sign-up” you’ll see a page

where you can check subscription options and select one

(c) Lookb

ook C

loud, 2

01

3

Select a plan you prefer, accept T&C and click “Subscribe” (big green button at the bottom)

Page 4: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 1. SIGNING-UP After that you will see a thank you page and in several

seconds be forwarded to “Account information” tab

(c) Lookb

ook C

loud, 2

01

3

Fill there your business information and click Save button at the bottom

Page 5: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 2. CREATING YOUR LOOKBOOK After saving your account information you’ll be forwarded to main menu

(c) Lookb

ook C

loud, 2

01

3

Click to Manage your Lookbook to create your 1st lookbook

Page 6: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 2. CREATING YOUR LOOKBOOK You’ll see a screen where you can manage lookbooks

(c) Lookb

ook C

loud, 2

01

3

Click to “Add Lookbook” to create your 1st lookbook You may use breadcrumbs navigation to navigate between app sections Note that you can’t use browser back button, it doesn’t work in app!

Page 7: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 2. CREATING YOUR LOOKBOOK Enter lookbook name in the screen appeared and click Add

(c) Lookb

ook C

loud, 2

01

3

Your lookbook is created, now you need to add slides there

Page 8: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 2. CREATING YOUR LOOKBOOK After you created your lookbook it will be visible in lookbooks screen

(c) Lookb

ook C

loud, 2

01

3

There are number of self-explanatory options available here. Just note that disabled lookbook are not visible for your app front-end users, it maybe useful if you are not quite ready to have some lookbooks public

Click to lookbook name to move into lookbook and add slides

Page 9: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 3. CREATING SLIDES Slides screen have similar with lookbooks screen inteface, but allow you to work

with slides

(c) Lookb

ook C

loud, 2

01

3

As always you can use breadcrumbs navigation to move to list of lookbooks or home screen

Click to “Add slide” button to add new slide

Page 10: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 3. CREATING SLIDES Slides screen have similar with lookbooks screen inteface, but allow you to work

with slides

(c) Lookb

ook C

loud, 2

01

3

Enter slide title, it will be displayed at the bottom if the slide and visible to front-end users

Upload image from your local computer. Recommended image width to height ratio is 16:9. Exact image size is 724x407 pixels. If you have bigger images, they will be resized by our system, but note that very big images may load for a while so we recommend to resize images before loading them to Lookbook Cloud

Page 11: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 3. CREATING SLIDES When the slide is added it appears in the list as per the screenshot below

(c) Lookb

ook C

loud, 2

01

3

You can check image loaded by clicking to it’s name under Image column Click to slide title to add hotspots to the slide

Page 12: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 4. ADDING HOTSPOTS After clicking to slide title you’ll see the interface like below

(c) Lookb

ook C

loud, 2

01

3

Navigation and menu options are self-explanatory and annotated on the screenshot above

Click to “Add hotspot” button to create your 1st hotspot

Page 13: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 4. ADDING HOTSPOTS Interface that allows to add hotspot looks like the screenshot below

(c) Lookb

ook C

loud, 2

01

3

1st you need to select rectangular area that activates hotspot. Click to one corner of the area and keeping mouse button clicked select the area and release the button

Rectangular area can be moved (drag and drop by mouse) or resized (drag one of the corner for that)

Hotspot icon can be moved (drag and drop) to the most appropriate place Enter product name, URL (with http:// or https:// prefix) and price in the overlay

next to hotspot and click “Add” button

Page 14: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 4. ADDING HOTSPOTS Hotspots can be edited, use a corresponding button in the list of hotspots as

illustrated on the screen below

(c) Lookb

ook C

loud, 2

01

3

It’s also possible to disable hotspots, in this case they will be not visible for public and enable them back

Page 15: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 4. ADDING HOTSPOTS You can use Preview button in the top part of interface to check how

your lookbook will be visible for public once you publish it

(c) Lookb

ook C

loud, 2

01

3

Note that Sharing button doesn’t work from preview (it works perfectly from published lookbooks)

Page 16: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 5. PUBLISHING LOOKBOOK Once you prepared all your lookbooks, slides and hotspots it’s time to

publish your app Return to Home (use breadcrumb navigation), then go to “Manage

your subscription” and “Account Management” tab

(c) Lookb

ook C

loud, 2

01

3

Click to “Add to page” button to publish your lookbook on your business page

Note: the user that created a lookbook has to be a Manager of the Facebook page where lookbook will be published

Page 17: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 5. PUBLISHING LOOKBOOK Select the page where lookbook should be published in the drop-down

and click “Add Page Tab” button

(c) Lookb

ook C

loud, 2

01

3

That’s it, lookbook cloud app is added to your page!

Page 18: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 5. PUBLISHING LOOKBOOK You can find it among other tab apps (if you have any), it should look

like on the screenshot below

(c) Lookb

ook C

loud, 2

01

3

Page 19: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 5. PUBLISHING LOOKBOOK When you or your page visitors click to the tab icon, they will see

lookbook you created:

(c) Lookb

ook C

loud, 2

01

3

Page 20: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 6. SHARING ON TIMELINE We strongly recommend you to share slides from your lookbook on the

timeline to make it more visible and attract more fans to check it To do that select any slide and click Share button, enter some text in

the sharing interface and shared slide will appear on your page timeline

(c) Lookb

ook C

loud, 2

01

3

Page 21: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 6. SHARING ON TIMELINE Slide shared on the timeline

(c) Lookb

ook C

loud, 2

01

3

Page 22: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

STEP 7. CHECKING PERFORMANCE User reporting section (link from main menu) to keep track on your

lookbooks performance. It is updated daily and show number of views (impressions), hotspots hovers and conversions (clicks)

(c) Lookb

ook C

loud, 2

01

3

Page 23: Lookbook Cloud (Facebook slideshow with multiple hotspots app) user guide

QUESTIONS?

If you have any questions about Lookbook Cloud, contact our team using the details below:

Lookbook Cloud Facebook official page - https://www.facebook.com/LookbookCloud

Lookbook Cloud support page - https://lookbookcloud.com/fb/support.jsp

Emails Customer support - [email protected] Sales – [email protected] Other inquiries - [email protected]

(c) Lookb

ook C

loud, 2

01

3