LiveStore livestore
← Kembali ke Panduan Penjual Panduan Bab 3  •  12 Minit Baca
✦ Bab 3.0 • Reka Bentuk Kedai, Voucher & Pixel [2026]

Kedai Nampak Murah Bakar Bajet Iklan: Cara Jadikan Ia Premium

Spoiler: bukan kreatif iklan anda — tetapi storefront yang dituju iklan itu.

Katalog tersedia hanyalah separuh perjuangan — jika website anda masih kelihatan seperti template kosong, pelawat lari dan wang iklan terbakar pada klik buta. RM60 sehari iklan Meta & TikTok, kadar lantunan 83% dan troli yang menghilang membuktikannya. Ini cara peniaga Malaysia membuat kedai online nampak premium dengan 3 tema terbina, widget WhatsApp terapung, voucher belanja minimum yang menaikkan nilai pesanan kepada RM108, dan setup pixel Meta + TikTok yang memberi algoritma iklan isyarat pembelian yang bersih.

Oleh LiveStore Merchant Growth Team • Kemas Kini: September 2026 • Panduan Teknikal •
Pratonton tema kedai online premium LiveStore dengan grid produk mesra telefon yang kemas
🎨 3.1 Tiga Tema Kedai Terbina • Rekaan Yang Menukar Pelawat

Tukar Kedai Nampak Murah Jadi Butik Mewah: 3 Template Mesra Telefon

“83% pelawat pergi dalam beberapa saat — dan RM60 sehari untuk iklan hanya membeli klik yang algoritma tidak boleh belajar.”

01

Sasaran

Selepas elak komisen marketplace dalam Bab 1 dan sync katalog 240 produk dalam Bab 2, dinding seterusnya peniaga ini ialah website itu sendiri — template kosong yang tidak menggambarkan tenaga live-stream beliau.

02

Iklan Buta

RM60 sehari untuk iklan Meta dan TikTok membawa klik tetapi hampir tiada checkout. Kadar lantunan 83% dan perubahan privasi iOS meninggalkan algoritma iklan tanpa satu isyarat pembelian yang bersih — bajet hilang kepada trafik yang tidak boleh dipelajari.

03

Keranjang Dihantu

Lebih 40 mesej WhatsApp sehari (“masih ada size M?”) tanpa butang hubungan pantas, ditambah kod rata 5% yang menghakis margin tanpa menaikkan saiz bakul. Pembeli menghilang di checkout; jualan dikaitkan dengan platform yang salah.

Nota: senario di atas ialah ilustrasi komposit yang dibina daripada corak biasa yang kami lihat dalam kalangan pemilik kedai online Malaysia yang menjalankan website sendiri di samping marketplace — angka adalah contoh, bukan pelanggan bernama tunggal.

✓ Penyelesaian LiveStore: Kit Storefront Gred Butik

Anda tidak memerlukan pereka, pembangun atau bajet besar untuk membuat kedai online nampak premium. LiveStore membungkus segala-galanya dalam satu dashboard: 3 template kedai online mesra telefon, widget WhatsApp terapung, sistem voucher dengan peraturan belanja minimum, dan setup pixel Meta & TikTok dengan satu tampalan. Ikut kit ini mengikut urutan di bawah dan storefront anda berhenti membocorkan pelawat dalam satu petang.

✦ 1. Reka Bentuk Premium

Tema Classic Clean, Editorial Split dan Luxe Horizon bertukar dalam satu klik. Kelajuan halaman, susunan mobile dan saiz banner diuruskan untuk anda.

✦ 2. Widget Penukaran

WhatsApp Quick Contact terapung, ticker pengumuman, karusel promosi dan pautan sosial menyelamatkan pembeli yang hanya satu ketikan daripada bertanya.

✦ 3. Voucher Pintar

Diskaun tetap RM atau peratusan dengan belanja minimum, had guna setiap pelanggan dan tarikh luput — supaya diskaun membesarkan bakul dan bukannya menghakis margin.

✦ 4. Pixel Iklan & Identiti

Tampal Pixel Meta dan Pixel TikTok sekali sahaja, ditambah logo, subdomain dan meta Open Graph — lapisan kredibiliti yang pautan anda perlukan di WhatsApp dan Facebook.

Kenali 3 Tema Kedai Terbina

Setiap tema mobile-first dan dimuatkan dengan pantas. Katalog, voucher dan identiti jenama anda kekal semasa menukar tema, jadi mencuba wajah baru hanya memerlukan satu klik.

VOGUE SUPPLY 🛒
Tema 1

Classic Clean Storefront

Banner hero lebar 16:4 di atas grid produk yang kemas. Sesuai untuk katalog padat di mana pelajar perlu mengimbas dan membeli dengan pantas.

  • ✓ Banner hero 16:4 untuk satu mesej utama
  • ✓ Grid produk yang kemas dan laju untuk diimbas
  • ✓ Layout melayari tanpa gangguan
NORA STUDIO 🛒
Tema 2

Editorial Split Layout

Hero penuh 16:9 dengan pecahan editorial yang membina detik “masuk ke dalam kedai”. Dibina untuk jenama bercerita dan lookbook.

  • ✓ Hero cerita skrin penuh 16:9
  • ✓ Pecahan editorial untuk pelancaran & lookbook
  • ✓ Stail pintu masuk interaktif ala “door”
LUXE HORIZON 🛒
✦ Percuma penghantaran atas RM150
Tema 3

Luxe Horizon Boutique

Bar ticker pengumuman dan tipografi mewah yang dipilih khas. Sesuai untuk jenama skinkare, barang kemas dan fesyen premium yang menjual melalui imej.

  • ✓ Ticker pengumuman untuk promosi
  • ✓ Tipografi mewah terpilih
  • ✓ Aksen warna ala gred butik

Senarai Semak Peningkatan Reka Bentuk 6 Mata

Rupa premium adalah sistem, bukan sekadar satu gambar. Jalankan enam pemeriksaan ini dan kedai anda terus terbaca sebagai jenama yang dipercayai:

  • ✓ Satu mesej, satu CTA dalam banner hero lebar — bukan lima tawaran yang bersaing.
  • ✓ Foto produk 1:1 yang seragam — latar belakang, sudut dan cahaya yang sama bagi setiap SKU.
  • ✓ Hierarki dua jenis tulisan — tajuk serif di atas teks badan sans-serif yang bersih, persis halaman ini.
  • ✓ Ruangan putih yang luas — kedai premium tidak pernah padat. Maksimum empat produk sebaris di telefon.
  • ✓ Bar kepercayaan sentiasa ada — bayaran FPX, penghantaran MyParcel Asia dan baris ulasan tanpa perlu skrol.
  • ✓ Ticker pengumuman untuk promosi penghantaran — “Percuma penghantaran atas RM150” berkesan kerana ia sentiasa di skrin.
💬 3.2 Widget WhatsApp & Widget Kandungan • Hentikan Pelanggan Menghilang

Butang WhatsApp Terapung & Widget Promosi: Tangkap Pembeli Satu Ketikan Sebelum Mereka Pergi

Sebahagian besar pembeli Malaysia masih mahu sahkan dahulu sebelum bayar — stok, saiz, atau sekadar jaminan. Jika satu-satunya cara bertanya ialah menyorot balik untuk mencari nombor anda, kebanyakan mereka terus menghilang. Widget meletakkan jawapan sejauh satu ibu jari.

💬

WhatsApp Quick Contact Terapung

Butang yang mengikuti pembeli semasa mereka menyorot. Setiap halaman produk boleh mempraisi mesej seperti “Hi, barang ini ada stok?” supaya soalan diajukan dengan satu ketikan. Tetapkan label, warna, sudut dan teks mesej sekali — ia berfungsi pada semua peranti.

🎯

Bar Ticker Pengumuman

Bar nipis berputar di bahagian atas kedai. Sesuai untuk ambang penghantaran percuma, jualan Mega Gaji, notis stok masuk atau kod pantas. Ia memastikan promosi kelihatan tanpa menghalang produk.

🖼️

Karusel Promosi & Bahagian Promo

Karusel banner serta bahagian promosi khusus di bawah lipatan — cara kemas untuk menonjolkan koleksi, bundle dan tawaran bernoktah tanpa menjadikan laman utama seperti papan notis.

🔗

Pautan Sosial & Bar Ikuti

Pautan Instagram, TikTok dan Facebook di header atau footer menukar satu jualan kepada penonton remarketing masa depan — pelawat boleh ikut jadual live-stream anda terus dari storefront sendiri.

Copy Yang Menukar

3 Mesej Ticker Pengumuman Yang Boleh Jalankan Minggu Ini

  • 🛵 Percuma penghantaran untuk pesanan atas RM150 — mempromosikan ambang yang menaikkan AOV anda.
  • 🎁 Diskaun bertingkat hujung bulan: belanja RM100 dapat RM10, belanja RM150 dapat RM20 — tangga dua tingkat diterangkan dalam satu baris.
  • ⚡ Stok tinggal 12 unit untuk warna ini — jangan lepaskan — kelangkaan yang jujur kerana stok varian anda sentiasa hidup.
🏷️ 3.3 Strategi Voucher • Sistem Kod Baucar Website

Formula Diskaun Bertingkat: Besarkan Bakul, Bukan Sekadar Potong Harga

Kod peratusan rata seperti “5% diskaun semua item” ialah cara paling pantas untuk kehilangan margin sambil hampir tidak mengubah saiz bakul. Voucher dua tingkat dengan belanja minimum melakukan sebaliknya: ia memberi alasan untuk menambah satu lagi item, supaya diskaun membayar dirinya sendiri.

✓ Formula Diskaun Bertingkat (Dua Tier)
Tier 1 — Penambat
Belanja RM100 → RM10 OFF

Auto-applied supaya tiada siapa perlu mencari kod. Ia menambat pembeli pada ambang pertama — kebanyakan bakul RM60–RM80 tiba-tiba menjadi bakul RM100.

Tier 2 — Penarik
Belanja RM150+ → RM20 OFF + PENGHANTARAN PERCUMA

Ganjaran lebih besar ditambah penghantaran percuma pada langkah seterusnya. Inilah yang menarik kumpulan RM100 ke atas — tuas di sebalik kempen “gandakan nilai bakul”.

Mengapa ia berkesan: pembeli berlabuh pada ambang terdekat dan “membayar” dengan diskaun yang terasa seperti ganjaran — kemudian tier kedua secara senyap menaikkan purata nilai pesanan seluruh kedai. Pastikan matematik mudah dan sebut faedah dalam RM, bukan peratusan, pada mesej.

4 Kawalan Voucher Yang Melindungi Margin Anda

1. Ambang Belanja Minimum

Voucher hanya aktif apabila jumlah troli melepasi tahap tertentu. Ini kawalan paling penting — ia menghalang diskaun daripada memberi ganjaran kepada pesanan kecil.

2. Had Guna Setiap Pelanggan

Hadkan berapa kali seorang pembeli boleh guna kod, contohnya sekali setiap pelanggan. Menghalang reseller dan pemburu tawaran daripada melonggokkan diskaun anda menjadi kerugian.

3. Tarikh Luput Aktif

Tetapkan tarikh mula dan tamat. Mengikat voucher kepada Mega Gaji atau kalendar live-stream anda mencipta urutan kehendak dan bukannya kedai diskaun 10% yang kekal.

4. Diskaun Tetap RM atau Peratusan

Guna jumlah RM tetap bagi kategori margin rendah (jimatan RM10 lebih terasa berbanding “12%”) dan peratusan untuk bundle atau stok lambat bergerak.

❌ Pembunuh Margin

“5% diskaun semua item, tanpa minimum.” Diskaun diberikan kepada setiap bakul termasuk yang kecil; tiada sebab untuk menambah barang; AOV kekal rata sambil margin bocor pada seluruh kedai.

✓ Pembina AOV

“Belanja RM100 → RM10 diskaun, belanja RM150+ → RM20 diskaun + penghantaran percuma.” Diskaun hanya diperoleh melebihi ambang, penghantaran percuma menambah nilai yang efisien, dan tier menarik bakul ke atas.

Alat Interaktif

Kalkulator Unjuran Purata Nilai Pesanan (AOV)

Simulator Live
Purata Bakul Semasa (RM):
RM30 RM165 RM300+
Belanja Minimum Tier-2 (RM):
RM100 RM200 RM300+
Peratusan Pesanan Yang Mencapai Tier (%):
0% 50% 100%
Diskaun Voucher di Tier (RM):
RM0 RM30 RM60+
Unjuran Purata Nilai Pesanan
kenaikan berbanding bakul semasa  ·  setiap pesanan
Kos voucher setiap pesanan
Untung bersih setiap pesanan selepas voucher

Unjuran ilustrasi berdasarkan formula dua tier di atas. Kenaikan sebenar bergantung kepada kategori, margin dan reka bentuk kempen anda — sentiasa uji pada segmen kecil dahulu.

📡 3.4 Setup Pixel Meta & TikTok • Penjejakan Penukaran

Setup Pixel Meta & TikTok: Kembalikan Kaca X-Ray Iklan Anda

Sejak had privasi penjejakan aplikasi iOS 14.5 oleh Apple, Meta dan TikTok tidak lagi dapat melihat setiap pembelian yang dilakukan selepas pembeli mengetik iklan. Penyelesaiannya bukan berbelanja lebih — tetapi memasang pixel yang melaporkan acara pembelian website anda secara langsung, supaya algoritma belajar daripada pembeli sebenar semula.

4 Acara Pixel Yang Perlu Dimiliki oleh Algoritma Iklan

Ini acara sama yang dijejak oleh Pixel Meta dan Pixel TikTok — LiveStore menghantarnya secara automatik, termasuk server-side supaya ad blocker dan tetapan privasi tidak dapat membuangnya.

Acara Bila Ia Dicetus Mengapa Algoritma Memerlukannya
ViewContent Pembeli membuka halaman produk Melatih pengoptimuman pada orang yang benar-benar berminat dengan produk anda
AddToCart Pembeli menambah item ke troli Menyuap retargeting dinamik dan memberitahu Meta siapa yang hampir membeli
InitiateCheckout Pembeli membuka checkout FPX Isyarat “kepada dijual” paling kuat untuk retargeting dan lookalike
Purchase Bayaran FPX disahkan Isyarat utama: melaporkan hasil sebenar — bukan tekaan model — kepada platform iklan

Setup dalam 3 Langkah (Lebih Kurang 5 Minit)

1

Dapatkan Pixel ID Anda

Dalam Meta Events Manager, cipta pixel baru dan salin ID-nya. Di TikTok, buka Business Center → Assets → Pixel dan salin Pixel ID. Sama jika anda guna GA4 — salin Measurement ID anda.

2

Tampal Sekali Sahaja dalam LiveStore

Buka Settings → Pixel & Tracking dan tampal Pixel ID Meta serta Pixel ID TikTok anda. LiveStore melekatkan empat acara teras pada tema anda secara automatik — tanpa perlu pembangun.

3

Sahkan Dengan Diagnostics

Letakkan pesanan ujian di kedai anda dan perhatikan Meta Event Diagnostics serta TikTok Events Manager menunjukkan ViewContent → AddToCart → InitiateCheckout → Purchase berbunyi mengikut urutan. Pengesahan itu mengambil masa dua minit dan membuktikan keseluruhan rantaian berfungsi.

Realiti Bajet

Kenapa Iklan Jadi Mahal Tanpa Pixel

Apabila Meta dan TikTok tidak dapat mengesahkan klik mana yang menjadi pembelian, mereka terus menunjukkan iklan kepada khalayak luas yang sama — dan atas pengalaman kami, ramai peniaga Malaysia melihat kos iklan meningkat 20–40% selepas perubahan privasi iOS membuang penjejakan automatik mereka. Peniaga yang memulihkan acara pembelian terus biasanya melaporkan bajet yang sama berprestasi lebih baik semula dalam 2–4 minggu, kerana algoritma kembali mengoptimum terhadap pembeli sebenar dan bukannya meneka. Angka adalah ilustrasi setakat September 2026 — keputusan berbeza mengikut kategori, kreatif dan kempen.

20–40%
Kenaikan kos biasa selepas kehilangan penjejakan iOS (ilustrasi)
4 Acara
Isyarat teras dihantar automatik setiap pesanan
2–4 Minggu
Tempoh pembelajaran semula biasa selepas acara aktif
🧭 3.5 Identiti Kedai, Logo & Pratonton Pautan • Lapisan Kredibiliti

Subdomain, Logo Jenama & Open Graph: Pautan Anda Patut Nampak Mac Website Rasmi

URL kosong seperti livestore.my/12345 yang ditampal dalam WhatsApp kelihatan seperti pautan yang mencurigakan. Kad pratonton berjenama dengan logo, nama kedai dan imej produk anda terbaca sebagai website rasmi — dan persepsi itu sendiri adalah sebahagian daripada kadar penukaran.

🌐

Subdomain Custom atau Domain Sendiri

Lancarkan pada subdomain berjenama seperti jenamaanda.livestore.my atau sambungkan domain yang anda miliki. Semuanya — produk, pesanan, pixel — terus berfungsi kerana identiti kedai disimpan di peringkat akaun.

🖌️

Logo Jenama & Nama Kedai

Muat naik logo sekali dan ia mengalir ke header, footer, resit pesanan dan setiap pratonton pautan. Logo yang konsisten di WhatsApp, resit dan website adalah bagaimana pembeli mengenali anda sebagai perniagaan sebenar.

🔍

Open Graph Meta untuk WhatsApp & Facebook

LiveStore menjana og:title, og:description dan og:image daripada tetapan kedai anda. Muat naik imej pratonton 1200×630 supaya pautan produk dibuka sebagai kad kaya dengan jenama anda dan bukannya thumbnail kelabu.

🕘

Waktu Operasi & Maklumat Hubungan

Paparkan waktu perniagaan, telefon dan alamat supaya pelanggan tahu bila untuk menjangkakan balasan. Digabungkan dengan widget WhatsApp, ia menukar setiap “ada stok?” yang tidak dijawab kepada susulan berjadual.

Kesan Pratonton Pautan “Website Rasmi”

Kongsi yang sama, tetapi kesan pertama yang berbeza sama sekali.

Sebelum → Selepas
❌ Sebelum (tanpa Open Graph)
livestore.my/xyz123abc
URL kosong — terbaca sebagai pautan spam di WhatsApp
✦ LUXE HORIZON ✦
Selendang Kasmir — RM129
Belanja di butik Luxe Horizon. Percuma penghantaran atas RM150.
jenamaanda.livestore.my

Tip: kongsi pautan produk di WhatsApp dengan pratonton kaya yang kelihatan — ia berfungsi seperti mini iklan setiap kali pelanggan gembira memajukan kedai anda.

🚀 3.6 Senarai Semak Lancar 5 Minit & FAQ • Terbitkan Kedai Premium

Senarai Semak Pelancaran Storefront Premium 6 Langkah (Lebih Kurang 5 Minit)

Setelah katalog disegerakkan (Bab 2), poles dan terbitkan storefront dengan senarai semak ini:

1

Pilih Tema & Sesuaikan Banner Hero

Buka Reka Bentuk Kedai → Tema dan pilih Classic Clean, Editorial Split atau Luxe Horizon. Tetapkan satu mesej hero dan satu CTA — contohnya “Jualan Gaji: Diskaun Bertingkat RM100/RM150”.

2

Tambah Logo Jenama & Tetapkan Subdomain

Muat naik logo di Identiti Kedai, pilih subdomain berjenama dan masukkan waktu operasi. Di sinilah juga imej pratonton Open Graph (1200×630) untuk WhatsApp dan Facebook ditetapkan.

3

Aktifkan Widget WhatsApp Terapung

Hidupkan WhatsApp Quick Contact, tetapkan teks butang, dan tambah mesej sedia seperti “Hi, barang ini masih ada stok?” supaya pembeli boleh bertanya dengan satu ketikan.

4

Cipta Voucher Belanja Minimum Dua Tier

Bina Belanja RM100 → RM10 diskaun (auto-applied) dan Belanja RM150+ → RM20 diskaun + penghantaran percuma, setiap satu dengan had guna setiap pelanggan dan tarikh luput pada hari gaji.

5

Tampal Pixel ID Meta & TikTok

Di bawah Settings → Pixel & Tracking, tampal Pixel ID Meta dan Pixel ID TikTok sekali sahaja. Secara pilihan, sambungkan GA4 untuk analitik tingkah laku.

6

Pratonton di Telefon & Kongsi Pautan

Buka kedai anda pada telefon sebenar, ketik produk hingga checkout, sahkan butang WhatsApp dan pratonton pautan, kemudian tampal pautan kedai ke dalam bio, status WhatsApp dan chat live-stream anda.

✦ 3 Tema Premium • Widget WhatsApp • Voucher Bertingkat • Pixel

Sedia Untuk Buat Kedai Online Nampak Premium?

Terbitkan storefront gred butik dalam masa kurang 5 minit — tema, widget WhatsApp, tangga voucher dan pixel Meta/TikTok disertakan. Mulakan pelan Free (RM0/bulan) dan simpan 98%–100% daripada setiap jualan.

Soalan Lazim

Soalan Lazim Dari Pemilik Kedai Online Malaysia

Macam mana nak buat kedai online nampak premium dengan bajet kecil?

Gunakan tema terbina seperti Classic Clean, Editorial Split atau Luxe Horizon, letakkan satu mesej utama dalam banner hero, guna foto produk 1:1 yang konsisten, dua jenis tipografi dan ruang putih yang luas. Semua ini tidak memerlukan pereka.

Adakah LiveStore ada template kedai online mesra telefon untuk peniaga Malaysia?

Ya. LiveStore menyediakan tiga template terbina yang mobile-first: Classic Clean, Editorial Split dan Luxe Horizon. Anda boleh menukarnya dalam satu klik di dalam Theme Changer dan setiap tema kekal responsif pada telefon, tablet dan desktop.

Cara tambah butang WhatsApp terapung di kedai online?

Buka bahagian Widget dan aktifkan WhatsApp Quick Contact. Tetapkan label butang, warna, posisi sudut dan mesej sedia seperti “Hi, barang ini masih ada stok?” supaya pembeli boleh berbual dengan satu ketikan sahaja.

Macam mana voucher dan kod diskaun berfungsi di website sendiri?

Di skrin Vouchers anda cipta kod dengan diskaun tetap RM atau peratusan, ambang belanja minimum, had penggunaan setiap pelanggan dan tarikh luput. Voucher boleh auto-applied semasa checkout atau dikongsi sebagai kod manual.

Strategi voucher apa yang menaikkan purata nilai pesanan kedai online di Malaysia?

Diskaun bertingkat (two-tier). Tier 1: belanja RM100 dapat RM10. Tier 2: belanja RM150 atau lebih dapat RM20 serta percuma penghantaran. Kebanyakan pembeli berlabuh pada ambang terdekat dan menambah barang, yang biasanya menarik bakul RM60–RM80 ke arah RM120 atau lebih.

Cara pasang Pixel Meta dan Pixel TikTok di kedai LiveStore?

Pergi ke Settings → Pixel & Tracking dan tampal Pixel ID Meta serta Pixel ID TikTok sekali sahaja. LiveStore menghantar acara ViewContent, AddToCart, InitiateCheckout dan Purchase secara automatik, termasuk acara server-side yang tidak terjejas oleh ad blocker atau tetapan privasi iOS.

Kenapa iklan Facebook dan TikTok saya menjadi mahal selepas iOS 14.5?

Ciri app-tracking transparency Apple menghadkan atribusi automatik. Tanpa acara pixel anda sendiri, Meta dan TikTok nampak jauh lebih sedikit data pembelian, jadi algoritma mengoptimum separa buta dan kos meningkat. Memasang acara pembelian terus memberi algoritma isyarat penukaran yang bersih semula.

Boleh guna domain sendiri dan logo sendiri dengan LiveStore?

Boleh. Tetapkan subdomain custom seperti jenamaanda.livestore.my atau sambungkan domain anda sendiri, muat naik logo, dan LiveStore menjana tag Open Graph supaya pautan kedai anda pratonton cantik di WhatsApp dan Facebook dan bukannya muncul sebagai URL kosong.

LS

LiveStore Merchant Growth Team

Pengoptimuman Storefront E-Commerce & Penjejakan Iklan

Ditulis dan disemak oleh pakar storefront serta penukaran kami. Misi kami adalah membantu peniaga bebas Malaysia menjadikan website sendiri saluran jualan yang premium dan boleh diukur — daripada tema dan widget WhatsApp kepada voucher dan penjejakan pixel iklan. Angka prestasi pada halaman ini adalah ilustrasi; sentiasa sahkan dengan analitik kedai anda sendiri sebelum merancang kempen.