42
Desain Toko - Modul

Desain Toko - Modul builder-ID.pdf · 2018-03-16 · • Produk Terbaik • Pemasaran ... Proporsi, 230 X 115px. Widget 2: Proporsi, 600 X 300px, ... produk untuk menentukan apa yang

  • Upload
    hanga

  • View
    223

  • Download
    1

Embed Size (px)

Citation preview

Desain Toko - Modul

1. Pengantar

2

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

3

Keuntungan menggunakan (Desain Toko) produk Anda:

• Desain toko meningkatkan kesadaran merek Anda dengan

membuat halaman Anda lebih menarik.

• Membedakan toko Anda dari pesaing Anda

• Berikan pengalaman berbelanja online yang lebih baik kepada

pelanggan Anda

• Meningkatkan penjualan

Contoh dari halamann desain toko di Lazada

Desain Toko merupakan platform untuk mendesain toko yang

memberikan kebebasan kepada penjual untuk mendesain dan

mengelola tampilan toko mereka langsung dari Seller Center.

Platform ini bisa digunakan untuk membuat, mendekorasi, dan

membuat tampilan personal dari toko penjual di hadapan para

calon pelanggan.

Fitur ini bisa diakses melalui Seller Center Lazada. Dengan

menggunakan fungsi drag and drop yang simpel pembuatan

desain took dapat dilakukan dengan mudah. Fitur ini dapat

digunakan baik di tampilan desktop maupun aplikasi.

1. Pengantar

4

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

1. Login to seller center

2. Go to promotion tab

3. Choose Store Builder

5

1. Masuk ke seller center2. Ke promotion tab3. Pilih Pembuatan Toko

6

42 31. Modul yang tersedia

digunakan untuk membuat dan

mendesain toko Anda.

• Template Halaman

• Kategori

• Banner

• Video

• Produk

2. Editor: Dimana Anda bisa

melakukan perubahan / edit

desain toko.

3. Analisis: Memantau trafik

Anda (lama melihat toko, click

through rate, click times per

person)

4. Bantuan: panduan langkah-

langkah mengenai fitur ini.

5. Preview & Tampilkan

1

5

1. Pengantar

7

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

8

Langkah 1 : Klik EditorLangkah 2 : Klik ‘Template

Halaman’

9

Pilih dari 5 template tersedia

• Harian

• Banner Praktis

• Baru Datang

• Produk Terbaik

• Pemasaran

Klik pada ‘Apply’ setelah Anda

memilih template yang Anda

inginkan

Header halaman tidak bisa dirubah atau dihapus:

1. Header Background – Memilih background yang sesuai dengan toko atau brand

penjual

2. Logo penjual dengan background warna solid (120X120px) – Upload logo toko /

brand Anda

3. Navigasi Kategori – Mampu memuat hingga 6 kategori

12

3

Untuk merubah template halaman:

• Arahkan kursor ke modul hingga terlihat

garis berwarna merah. (lihat gambar di kiri)

• Klik pada box

• Instruksi akan muncul di bagian kanan dari

modul (lihat gambar dibawah)

1

2

3

4

1. Mengatur navigasi kategori – Klik ubah untuk

memilih detail nya

2. Gambar header toko (Desktop: 1200 X 128px)

3. Gambar header took (M-site/ Mobile App: 750 X

188px)

4. Gambar Logo (120 X 120px, max 1MB)

Setelah klik ubah Anda akan melihat

tampilan sebagai berikut:

1. Klik pada ikon tabel dan Anda akan

diarahkan ke halaman kategori.

2. Menggunakan “Category Tree”

produk Anda, Anda bisa memilih

hingga 6 kategori yang ingin

ditampilkan.

• Pilih kategori dari sebelah kiri

ke kanan.

• Pilih di sub-kategori yang

Anda pilih

Contoh:

• (A) Health & Beauty >>

Make up

• (B) Health & Beauty >>

Make-Up >>

Foundation

3. Ganti nama kategori sesuai yang

Anda inginkan

Klik ‘Confirm’ setelah selesai

melakukan perubahan.

1. Pengantar

14

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

1. Memilih Template (Lihat detail di

slide 17)

2. Memilih jenis widget

• Klik pada widget dan Tarik

ke dalam box modul seperti

yang terlihat pada (3)

3. “Letakkan” widget ke dalam box

modul

4. Arahkan kursor ke arah modul

dan klik untuk memulai

perubahan / pengelolaan. (Seperti

yang di instruksikan pada panel

sebelah kanan)

1

2

4

3

Klik disini untuk memulaiperubahan

16

1. Klik pada kotak gambar untuk mengupload

gambar

• Klik pada “+” dan pilih banner sesuai

yang Anda inginkan

• Crop banner jika tidak sesuai dengan

dimensi yang ditentukan

• Klik “Crop” dan “Confirm” untuk

upload banner

2. Pilih kategori yang Anda inginkan (Lihat

detail di slide 13)

3. Ganti nama kategori sesuai yang Anda

inginkan

4. Klik “Confirm” dan simpan perubahan

1 32

4

17

**Rekomendasi ukuran:

Widget 1: Proporsi, 230 X 115px.

Widget 2: Proporsi, 600 X 300px,

Widget 3: Proporsi, 600 X 300px

Setiap gambar dapat mencapai 1MB.

1. Pengantar

18

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

Upload banner dengan

pesan yang jelas dan

penawaran yang menarik.

Ini akan membantu toko

Anda terlihat menonjol

dibandingkan dengan toko

lain. among other shops

Drag preferensi Anda ke “Drop the module here”

19

Drag and drop widget yang

menjadi pilihan Anda

• Arahkan kursor ke arah widget dan

Anda akan melihat tampilan seperti

pada sebelah kiri

• Klik kemudian akan muncul Pop-Up

(lihat gambar dibawah)

**Catatan, instruksi yang tertera pada

pop up bisa berbeda bergantung pada

widget yang Anda pilih.

Klik untuk

merubah

21

Klik pada tabel untuk memilih tautan yang ingin

Anda letakkan pada banner

• Halaman Detail Produk: Arahkan

pelanggan ke halaman detail produk

• Halaman Kata Kunci: Arahkan

pelanggan ke halaman dengan kata

kunci tertentu di toko Anda(ex: SPF

50 atau All-in-one)

• Halaman hasil kategori : Arahkan

pelanggan ke halaman dengan

kategori tertentu.

• Halaman disesuaikan: Arahkan

pelanggan ke halaman yang

disesuaikan.

Klik “Confirm” dan simpan perubahan

Klik disini

untuk

upload

gambar

Klik disini untuk

memilih gambar

yang tersedia

dengan beberapa

modifikasi pada

font dan konten.

22

Opsi 3 : Arahkan ke Halaman hasil

kategori :

• Memilih kategori yang anda pilih

• Klik pada “Pratinjau Halaman

yang dihubungkan”

• Konfirmasi bahwa tautan yang

tersedia benar

• Klik Confirm

Opsi 2: Arahkan ke Halaman Kata

Kunci:

• Masukkan pilihan kata kunci di box

tersedia

• Klik pada “Pratinjau Halaman yang

dihubungkan”

• Konfirmasi bahwa tautan yang

tersedia benar

• Klik Confirm

Opsi 1: Arahkan ke Halaman detail

produk:

• Pilih produk dari daftar Anda

• Klik Confirm

23

Pilih seberapa sering Anda ingin banner Anda berganti

**Hanya tersedia pada Widget Carousel!!

Anda bisa memberi judul pada seluruh widgets

• Anda bisa memilih untuk menampilkan atau

menyembunyikan judul

24

Widget 1(i): Single Banner – 1200 X 300px

Widget 2: Banner Carousel (Up to 6 banners) – 1200 X 300px

Widget 3: Multiple images

Widget 1(ii): Single Banner – 1200 X 600px

Setiap gambar dapat mencapai1MB

25

Widget 4(i): Three banner

Widget 4(ii): Three banner B

590 X 295 295 X 295 295 X 295

Setiap gambar dapat mencapai1MB

26

Widget 5(i): Four Banners A

Widget 5(ii): Four Banners B

597 X 597

592 X 296

291 X 291 291 X 291

597 X 597

592 X 296

291 X 291 291 X 291

Each image can be up to 1M.

27

Widget 6(i): 5-Banners Set A

Widget 6(ii): 5-Banners Set B

595 X 595

292 X 292

190 X 190

292 X 292

292 X 292

292 X 292

390 X 195

395 X 395 395 X 395

190 X 190

Each image can be up to 1M.

1. Pengantar

28

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

29

• Drag dan drop widget video

• Arahkan kursor ke widget dan Anda

akan melihat tampilan pada layar

• Klik untuk membuka panel editing

(Lihat gambar bawah)

Klik untuk edit

30

Klik untuk mengupload

cover video

Meletakkan URL

Video

Ikuti instruksi untuk

menghindari Error

1. Pengantar

31

2. Panduan Pengguna

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

32

** Widget ini cocok untuk Produk Terlaris, Produk Baru da Favorit!

Pemilihan produk

Auto (Penjualan): Produk

akan dipilih berdasarkan NMV

Auto (Waktu pembuatan):

Produk akan dipilih

berdasarkan waktu

pembuatan. Akan diurutkan

dari yang paling terakhir

diupdate.

Manual: Anda bisa pergi ke

katalog produk dan memilih 5

produk yang Anda inginkan

untuk diletakkan di banner.

*Panel perubahan berbeda

tergantung variasi widget

yang Anda pilih.

Klik untuk

upload gambar

Pilih satu warna

untuk background

carousel

33

1. Jika Anda memilih produk secara

manual, Anda akan melihat tampilan

seperti di sebelah kiri.

2. Pilih hingga 5 produk yang bisa

dipilih.

3. Anda bisa memindahkan letak

produk untuk menentukan apa yang

akan ditampilkan pertama kali.

34

Widget 1:Default Style Product Tile

Banner

Widget 2:Product Carousel (with banner on the right) 240x333px

35

Widget 3:Product Recommendation

36

Hapus

Pindahkan ke bawah

Pindahkan ke atas

1. Pengantar

37

2. Panduan Penggunaan

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

Anda bisa mengelola versi halaman yang Anda buatpada “Halaman Saya”

Semua Versi

Pratinjau

38

Klik “Tampilkan” ketika desainAnda sudah siap tayang

39

1. Pengantar

40

2. Panduan Penggunaan

❖ Overview

❖ Template Halaman

❖ Kategori

❖ Banner

❖ Video

❖ Produk

3. Halaman Saya

4. Analisis

Anda dapat memantau kinerja toko

Anda dengan membuka tab analitik.

Anda dapat melihat tiga jenis data:

1. Rata-rata waktu yang dihabiskan

di halaman per pengguna : total

waktu dari seluruh pengguna÷ jumlah pengguna

2. Rata-rata click through rate

(CTR): Jumlah pengguna yang

melakukan klik ÷

Jumlah dari seluruh pengguna.

3. Rata-rata waktu klik per orang:Total waktu klik ÷ jumlah seluruhpengguna

41

Terima Kasih