User Guide-Store Builder
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 2
Example of a decorated store page on Lazada Store builder is a self service store decoration platform that provides sellers with the autonomy to design and maintain their shop front on seller center. It is used to create, decorate and personalize the consumer facing interface of your store. This stool can be accessed through Lazada s Seller Center. It uses simple drag and drop widget function to enable you to create your store easily. This tool can be used both on the desktop as well as the APP. Benefit of using the store builder tool: Store builder enhances your brand awareness by making your page more attractive. Differentiates your store from your competitors And provides your customers with a better online shopping experience Boosts sales 3
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 4
1. 1. Login Login to to seller seller center center 2. 2. Go Go to to promotion promotion tab tab 3. 3. Choose Choose Store Store Builder Builder 5
1. The following modules are used to build and design your shop Page Template Category Banner Video Product 2. Editor: Where you can edit your previous saved versions. 3. Analytics: Monitor your traffic (stay time, click through rate, click times per person) 4. Help: Step by step guide to the store builder feature 5. Preview & Publish 1 2 3 4 5 6
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 7
Step 1: Click on Editor Step 2: Click on Page template 8
Choose from 5 template layouts. Daily Sample Banner New Arrival Best Seller Marketing Click on Apply once you have chosen your preferred template 9
1 2 3 The page header cannot be moved or deleted. This is what is included in the set-up: 1. Header Background Select a background or mood-board related to your brand 2. Brand Logo with Solid Coloured Background (120X120px) Insert your Brand Logo 3. Category Navigation Set up Highlight up to 6 categories #See next slide for more detailed set-up directions
To edit: HOVER over the module until you see the light red box. (see left) Click on the box Instructions will appear on the right of the module (see below)
1. Setting up Category Navigation Click on Edit to select the details 2. Store Header Image (Desktop: 1200 X 128px) 3. Store Header Image (M-site/ Mobile App: 750 X 188px) 4. Brand Logo (120 X 120px, max 1MB) 1 2 3 4
After you click on Edit Category, you will see the following screens: 1. Click on the table button and you will be lead to the category page 2. Using the Category Tree of your products, you can select up to 6 categories which you would like to display Click on the category from the left, to the right Stop at the sub-categories of your choice, Example: (A) Health & Beauty >> Make up (B) Health & Beauty >> Make-Up >> Foundation 3. Rename the category to your preference Click on Confirm after you have finished editing.
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 14
1 2 3 4 Click here to begin editing 1. Choose the Template (Refer to Slide 17 for details) 2. Select the Widget Click on the Widget and drag it into the Module Box shown in (3) 3. Drop the widget into the module box 4. Hover over the module and click on it to begin the set up (as per instructions on the right panel pop-up)
1 2 3 1. Click on the banner box to upload a banner Click on the + and select the banner of your choice You can crop the banner if the dimensions are not right Click on Crop and Confirm to upload the banner 2. Select the Category of your Choice (refer to slide 13 for details) 3. Rename the category to your preferred name 4. Click on Confirm and save the changes 4 16
**Recommended Size for Images: Widget 1: Proportion, 230 X 115px. Widget 2: Proportion, 600 X 300px, Widget 3: Proportion, 600 X 300px Each image can be up to 1M. 17
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 18
Drag your Drag and preferred drop the widget style of your choice to the Drop the module here Upload a banner with a clear message and attractive offers. This will help you to stand out among other shops 19
Hover over the widget and you will see the screen on the left Click on it and there will be a pop up (see below) **Note, the pop-up will have slightly different instructions based on the widgets that you have chosen Click to edit
Click here to upload your image Click here to choose from a series of preloaded images with overlay fonts you can modify 21
1 2 1. Select a template you want to edit from the various options available. 2. Select a language you want to use in the banner. You can edit the text by clicking on it After selecting the template, start editing by clicking on the template. You can replace the existing template photo with whatever you want by clicking on the image
Once you click on the image you can upload your own image
Select the color theme from these available options You can also change the background theme color according to the theme of the store The new image will replace the old one and appear in the same position Once you have finished editing, save the banner
Once the banner image is uploaded. Click on Confirm
Click on the table to select the links that you want your banner to be linked to Product Details Page: Linking your banner to a selected SKU Product List Page after In-store Search: Linking your banner to a particular search query within your store (i.e. SPF 50 or Allin-one) Store Product List by Category: Linking your banner to a selected category within your store Customized Page: Easily set up the page URL when customer click this image or text. Lead customer to a customized page. Click on Confirm once you have completed editing. #See next slide for more settings preview. 26
Option 1: Linking to Product details page Select your product from your list Click Confirm Option 2: Linking to Product List Page after In-store Search: Enter your choice of keyword into the search box Click on Preview Link Confirm if this link has the products that you want Click Confirm Option 3: Linking to Product List Page by Category: Select the category of your choice Click on Preview Link Confirm if this link has the products that you want Click Confirm 27
Select custom page You can created new customized page by clicking ob Create New Customized page. Option 4: Linking to a Customized page Click on select custom page Select the page you would like to link Click Confirm You can preview the linked page before publishing Select relevant customized page
Choose how often do you want your banners to rotate **Only applicable for the Banner Carousel Widget!! You can include a title for ALL widgets Enter the title in English and other language (if applicable) You can choose to display or hide the title 29
Widget 1(i): Single Banner 1200 X 300px Widget 1(ii): Single Banner 1200 X 600px Widget 2: Banner Carousel (Up to 6 banners) 1200 X 300px Widget 3: Multiple images Each image can be up to 1M. 30
Widget 4(i): Three banner Widget 4(ii): Three banner B Each image can be up to 1M. 590 X 295 295 X 295 295 X 295 31
Widget 5(i): Four Banners A 597 X 597 592 X 296 291 X 291 291 X 291 Each image can be up to 1M. Widget 5(ii): Four Banners B 592 X 296 597 X 597 291 X 291 291 X 291 32
Widget 6(i): 5-Banners Set A 292 X 292 595 X 595 292 X 292 292 X 292 292 X 292 Each image can be up to 1M. 390 X 195 Widget 6(ii): 5-Banners Set B 395 X 395 395 X 395 190 X 190 190 X 190 33
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 34
Drag and drop the video widget Hover over the widget and you will see the screen on the left Click on it to open the editing panel (See below) Click to edit 35
Add video URL Click to upload video cover Follow instructions to avoid error 36
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 37
Drag and drop your preferred style then clickon it to open the editing panel 38
Click to upload Images. Choose one colour for the border of this module if you select the Products Carousel widget. ** This widget is good for Best Sellers, New Arrivals and All Time Favourites! Selection of Products Auto (Sales): Products will be pulled based on the NMV contribution Auto (Created Time): Products will be pulled based on date of product creation, with the latest showing first Manual: You can go into your product catalogue and choose 5 products that you want to be on the recommended carousel *The editing panel varies on the product widget selected. 39
1. If you choose to select your products manually, you will see the screen on the left 2. Select up to 5 products of your choice 3. You can move the products around (at the bottom) to determine what shows up first for consumers Hover over the product and shift the position 40
Widget 1:Default Style Product Tile Widget 2:Product Carousel (with banner on the right) Banner 240x333px 41
Widget 3:Product Recommendation 42
Move Up Move Down Delete 43
1. Introduction 2. User Guide Overview Page Template Category Banner Video Product 3. My Pages 4. Analytics 44
All Version Preview You can manage your versions that you build at My Pages 45
You can search your versions You can create new version by click at Create new page Change version view Edit Copy Preview Set up Delete 46
Click Publish when you are ready to go live 47
1. Introduction 2. Overview of the shop page on Lazada s website 3. How to use the Store Design tool Tutorials page Page Template Store Header Category navigation Banner graphics Product recommendation 4. My page 5. Analytics 48
You can monitor your shops performance by going to the analytics tab. You can see three kinds of data: 1. Average User Stay Time on Page: the total stay time of all the users the quantity of users 2. Average click through rate (CTR): The Quantity of Clicked Users The Quantity of User. 3. Average Click Times Per Person: The Quantity Click Times The Quantity of Users 49
Thank you