Tiki University

Session 2: Manage Store

  • Who should use store decoration?

    Sellers should use store decoration to maximize selling capability.  

  • Benefits of store decoration

    Improve store page visits

    Display promotions and best selling products in order to increase attractiveness and reinforce product visibility.

  • Stand out from your competitors

    Allow custom decoration and create a unique layout to attract customers. 

  • Higher conversion rate for decorated stores!

    Increase revenue from now on by using a store decoration feature as instructed below!

    This feature helps sellers to decorate their store homepage, including

1. Set up logo, background

2. Set up banners 

3. Customize shopping interface by:

  • Category
  • Best sellings
  • Collection
  • Product (different layouts such as product ranking, product grid, product carousel)

 Store Page Interface – App

 Store Page Interface – App

      1.Store decoration interface

Seller Center Interface –  Mobile

Seller Center Interface –  PC

Step 1: Access to Store design

Step 2: Choose Store decoration

In this screen, Sellers can choose Mobile or PC to display the store page while setting. 

Note: 

  • In this update, Sellers need to change the size of 2 widgets: Header and Banner to match with the system. Other widgets are unchanged
  • All settings in widgets will be applied to Mobile and PC displayed after clicking on Save and Publish.
  1. Store decoration feature’s  interface

General View

  1. Publish: When sellers choose Publish, all settings in widgets configured by sellers shall be updated in the system and displayed in customer facing screen (Tiki App).
  2. Icons
  • Show/Hide : sellers are able to choose Hide/Show widget by clicking it
  • Three stripe : sellers are able to reorder widgets’ position by clicking and dragging them to a desired position. 
  • Trash : Sellers are able to remove widget by clicking it

Widget library

1. Add widget: When Sellers click on Add widget, the system will display the Widget library on the left screen to select.

2. Sellers can select any widget form in the widget library. With this feature, Sellers can actively add any kind of widget to decorate their store.

Note: The system only displays up to 10 widgets on the store page, Sellers need to choose the number and type of widget to make the store attractive.

 

3. Widget configuration

 3.1 Header

 3.1 Header

Header widget is fixed at the top of the store page, therefore, sellers are not able to add/remove/hide/reorder this widget. This widget is not listed in the widget library, either, yet is shown at “Current widget” table on the right hand size.

Note: Header image size which displayed on mobile is different from PC, Sellers need to set up each interface to match with system requirements. 

Header interface

Step 1: Select Header

Step 2: Widget name: Sellers are able to name the widget to manage 

Step 3: Click logo to upload a new image

Note: Image must satisfy all criteria: 320×320; JPEG, JPG; and maximum 2MB

Step 4: Click image to upload a new background

Note: Image must satisfy all criteria: 818 x 496 for mobile and 1440 x 180 for PC; JPEG, JPG; and maximum 2MB

Step 5: Store information will be automatically fill by system

Step 6: Click Save to save settings

 

3.2 Banner

Banner interface

Step 1: Select Banner from “Widget library”

Step 2: Widget name: Sellers are able to name the widget to manage 

Step 3: Show/Hide Button: Sellers are able to select show or hide the widget by clicking on it

Step 4: Select displayed form: currently the system only provides carousel for this widget

Step 5: Click image to upload a new one

Note: Image must satisfy all criteria:1440 x 720; JPEG, JPG; and maximum 2MB

Step 6: Link: sellers are able to insert an internal (Tiki) link for each image.

Step 7: Click Save to save settings

Note:

  • Banners are uploaded up to 3 images
  • Banners are automatically displayed horizontally
  • Banner images must be followed Tiki standard

 

3.3 Category grid

Shop by category interface

Step 1: Select Category grid from “Widget library”

Step 2: Widget name: Sellers are able to name the widget to manage 

Step 3: Show/Hide Button: Sellers are able to select show or hide the widget by clicking on it

Step 4: Select displayed form: currently the system only provides grid for this widget

Step 5: Type title for this widget

Step 6: Select category (up to level 4) from drop-down list

Note: select maximum 4 categories

Step 7: Click Save to save settings

 

3.4 Product widget

Step 1: Select layouts of Product widget from “Widget library”

Step 2: Widget name: Sellers are able to name the widget to manage 

Step 3: Show/Hide Button: Sellers are able to select show or hide the widget by clicking on it

Step 4: Select displayed form: in this widget, Sellers are able to select and preview other layouts such as Product carousel, product ranking, product grid

Step 5: Type title for this widget (E.g: Best sellings, discounted products, etc.)

Step 6: Select “Collection” to display products. The system will automatically show products followed sorted order as in Collection.

Step 7: Click Save to save settings

 

3.5 Collection grid

Collection Interface

Step 1: Select Collection grid from “Widget library”

Step 2: Widget name: Sellers are able to name the widget to manage 

Step 3: Show/Hide Button: Sellers are able to select show or hide the widget by clicking on it

Step 4: Select displayed form: currently the system only provides grid for this widget

Step 5: Type title for this widget

Step 6: Select collection from drop-down list 

Note: select maximum 4 collections

Step 7: Click Save to save settings

 

4. Default view

4.1 Tab Cửa hàng:

  • Header: Tiki’s default logo and background , store name, joining date
  • Banner: Not displayed
  • Shop by category: default 4 categories (level 1). If sellers have less than 4, the system will show all seller’s categories. 
  • Best selling: display best selling products
  • Shop by collection: default 4 collections. If sellers have not created collections, this widget shall not be displayed.
  • All products: display all seller’s products

4.2 Tab Sản phẩm: display all seller’s categories and products

4.3 Tab Bộ sưu tập: display all seller’s collections. If sellers do not have collections, this tab would be empty.

4.4 Tab Hồ sơ cửa hàng: display cancellation rate, return rate, joining date, store description, the number of product

 Tiki.