STORE DESIGN- MODULES

Transcription

1 STORE DESIGN- MODULES

2 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 2

3 Store Design is a tool which helps sellers customize and design the layout of their store page from seller center. The store page will then display best selling products selected and catch the customers eye using attractive designs on Lazada s website. Types of Store Design includes: Category Navigation to display the product according the details of each category Banner Graphics to catch the customer s eye using attractive designs graphic in a more interesting view Product Recommendation to display all recommended products on the home page Benefit of using the store design tool: Store design 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

4 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 4

5 catalogue 5

6 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 6

7 1. Login to seller center 2. Go to promotion tab 3. Choose Store Design 7

8 1. Click the drop down button 2. Select the available language available. 1. When you enter the tool for the first time, the tutorial page will pop up. 2. You can click this button whenever you need the tutorial. 8

9 Click here to start the tutorial 9

10 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 10

11 Store header. This is where you can upload your store logo. The store header cannot be deleted or moved. Click on the header to add your store logo Category bar 1 st and 2 nd level of the category bar can be edited. Click on the header to edit the category 11

12 Click on Edit to edit the category. Because of the specific characteristics of store header,you have to upload two pictures.one for desktop, the other is for mobile version Click confirm once you are ready 12

13 This panel will show after you click the edit button of the store header This function allows you to set two levels of category in the store header. The second level category will be displayed, when you click on the first category on the website. 1. Click the inverted triangle to see the Add 2nd level category 2. Click the Add 2nd level category button. 3. Set the target link for the category Change the order of the category. Click here to set the target link. Click confirm once completed. Click save to save your changes. 13

14 You can also move, edit and delete selected modules on the main page 14

15 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 15

16 Pick one, to change the background color of the website 16

17 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 17

18 Drag your preferred style to the add module here. Then click on it to open the editing panel Upload a banner with a clear message and attractive offers. This will help you to stand out among other stores 18

19 Click on the Up/Down arrow to change the order of images Click on the bin icon to delete images Click here to upload the banner image Click here to upload/edit images The proportion and minimum size of the pic 19

20 Three ways to generate a target link Page with category result : you can choose a category as the target link. When the customer clicks the banner, it will link them to the product list of this category. Page with keyword: you can input the keyword and Lazada will generate the product list, linked to the keyword. Page of one product detail : just choose one product as a result page. Click here to set the target link Click Confirm once you are ready Click Save to save your edits 20

21 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 21

22 Drag and drop the preferred style in add module here. Then click on it to open the editing panel 22

23 Input the category name. Click Edit button Upload the category image Set the category target link. Click Add New to more category banners Click Confirm once you are ready Click Save once you are ready 23

24 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 24

25 Drag and drop your preferred style to Add module here'. Then click on it to open the editing panel For the default style you can choose up to 5 SKUs. For the products carousel style you can choose 10 SKUs 25

26 You can choose the SKU automatically or manually. If you choose the Automatic way, Lazada will pick the SKUs by created time or sales. Otherwise, you can manually pick the SKUs by clicking the edit button. Choose one color for the border of this module Upload the left image, it is also a banner that will link to one SKU. Click Confirm and then Save once you are ready 26

27 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 27

28 The platform will save your decorated result every time. You can enter the version history page to view the versions. 1. Delete: delete this version 2. Set up: rename the version 3. Duplicate: To duplicate the current version 4. Edit: To edit This is the version list.view it by clicking the version. 28

29 Preview your store decor 29

30 To publish your store design and go live 30

31 1. Introduction 2. Overview of the store page on Lazada s website 3. How to use the store design tool Tutorials page Store header Page background Banner graphics Category navigation Product recommendation 4. Version history 5. Analytics page 31

32 You can monitor your store s performance by going to the analytics tab. You can see three kinds of data: 1. Traffic: total number of unique visitors 2. Average click through rate (CTR): Number of unique click per page. 3. Average time spent on the page per user: Total time spent on the page / number of unique visitor 32

33 You will see this on your store page when your uploaded images that are deemed inappropriate. 33

34 Thank you