Skip to main content

Charming Theme

MS
Custom Shopify homepage with hero tiles on desktop and mobile

Jonas mengendalikan KANTE, jenama penjagaan lelaki dari Berlin yang menjual terus kepada pengguna. Kedai Shopifynya mempunyai produk yang baik, harga yang jujur dan tema premium. Namun kebanyakan pelawat mendarat di halaman utama, melihat satu sepanduk besar, lalu pergi. “Halaman utama kami nampak seperti templat,” tulisnya kepada kami. “Saya mahu ia menjual seperti iklan Instagram terbaik kami.”

Inilah kisah bagaimana kami menjadikan halaman utama itu jurujual terbaik kedai dengan tiga seksyen Shopify tersuai, tanpa tema baharu dan tanpa satu pun aplikasi baharu.

Tentang kisah ini: KANTE ialah jenama rekaan. Projek ini menggabungkan kerja Shopify sebenar yang telah kami siapkan, dengan nama, produk dan butiran diubah. Seksyen, masalah dan penyelesaiannya adalah benar.

Halaman utama Shopify tersuai dengan jubin hero pada desktop dan mudah alih
Halaman utama baharu KANTE pada desktop dan mudah alih. (Ilustrasi.)
PelangganKANTE, penjagaan lelaki, Berlin (rekaan)
KedaiShopify, kedai berbahasa Jerman, tema premium Online Store 2.0
DiserahkanJubin hero, karusel sorotan dengan tambah ke troli, slider ciri
Aplikasi baharuTiada
Diedit olehPasukan KANTE, dalam editor tema
Mahu seksyen seperti ini untuk kedai Shopify anda?

Beritahu kami apa yang anda perlukan. Anda mendapat harga tetap, pautan pratonton sebelum pelancaran dan kod milik anda.

Dapatkan sebut hargaPercuma tanpa komitmen. Kami biasanya membalas dalam satu hari bekerja.

Masalahnya: halaman utama yang menunjuk tetapi tidak menjual

Halaman utama lama mempunyai satu tayangan slaid dan grid produk. Kemas, tetapi tiada sebab untuk klik lebih jauh: tiada kempen yang jelas, tiada jalan pintas ke set, dan tiada penjelasan mengapa pemangkas KANTE berbaloi dengan harganya. Pembeli Jerman membandingkan dengan teliti sebelum membeli, jadi “mengapa” yang hilang itu menjejaskan jualan.

Seksyen 1: jubin hero yang memberi setiap pelawat satu laluan

Seksyen jubin hero Shopify dengan jubin kempen besar dan dua jubin pautan
Satu jubin kempen besar serta dua jalan pintas ke set dan produk terlaris. (Ilustrasi.)

Daripada satu sepanduk, halaman utama kini mempunyai jubin kempen besar dengan lencana, tajuk yang kuat dan butang, serta jubin bertindan yang terus ke set dan produk terlaris. Pelawat yang tidak berminat dengan kempen masih hanya satu klik dari produk paling laris.

Semuanya ditetapkan dalam editor tema: lebar, ketinggian berasingan untuk desktop dan mudah alih, kedudukan teks, kekuatan lapisan dan warna. Seksyen ini tidak menggunakan JavaScript, jadi bahagian terpenting halaman dimuatkan serta-merta.

Seksyen 2: karusel sorotan yang menerang dan menjual

Karusel sorotan Shopify dengan slaid di tengah dan bar produk tambah ke troli
Setiap slaid menerangkan satu kelebihan dan mempunyai butang beli sendiri. (Ilustrasi.)

Karusel ini memaparkan satu kelebihan teknikal bagi setiap slaid (motor, keselesaan kulit, kalis air) dengan bar produk dan butang tambah ke troli terus pada slaid. Slaid aktif berada di tengah dan slaid jiran mengintai dari tepi, mengajak pelawat meleret pada telefon.

Ia menyokong leretan, seretan, kekunci anak panah, autoplay dan gelung, serta membuka laci troli tema sendiri, jadi membeli terasa sama seperti di halaman produk.

Editor tema Shopify dengan tetapan jarak slaid
Jarak, lebar dan autoplay hanyalah tetapan biasa dalam editor. (Ilustrasi.)

Pepijat yang boleh dicetuskan oleh mana-mana tema premium

Selepas pemasangan pertama, tajuk karusel tidak kelihatan di kedai sebenar. Tema melukis latar seksyen dengan lapisan berkedudukan yang menutup kandungan kami, dan Shopify masih menghantar stylesheet lama dari cache. Kami mengangkat kandungan di atas lapisan itu, menulis CSS kritikal secara sebaris dan memberi setiap tetapan nilai lalai yang selamat. Butiran seperti ini hanya muncul di kedai sebenar; sebab itu kami sentiasa menguji pada salinan tema langsung anda.

Kod Liquid dan skema seksyen Shopify tersuai
Liquid yang kemas dengan nilai lalai yang selamat. (Ilustrasi.)

Seksyen 3: slider ciri untuk ibu jari

Pada telefon, barisan kad ciri yang boleh dileret dengan pautan produk menggantikan blok teks statik yang panjang. Setiap kad ialah blok dalam editor, jadi pasukan menambah kad untuk setiap pelancaran dalam beberapa saat.

Paparan mudah alih jubin hero halaman utama Shopify
Pada mudah alih, jubin disusun dengan ketinggian sendiri supaya kempen kelihatan tanpa menatal. (Ilustrasi.)

Apa yang KANTE dapat, dan apa yang diukur

  • Halaman utama dengan kempen yang jelas dan laluan satu klik ke set dan produk terlaris
  • Tambah ke troli terus dari halaman utama
  • Tiga seksyen yang diguna semula untuk setiap kempen, tanpa yuran bulanan
  • Kod yang bersih dan pantas dalam tema sedia ada

Kami tidak menerbitkan angka penukaran pelanggan. Sebaliknya, kami menetapkan metrik jelas untuk dibandingkan dengan musim lalu: klik pada jubin hero, tambah ke troli dari karusel dan bahagian pesanan yang mengandungi set.

Berbaloikah halaman utama tersuai untuk kedai anda?

Jika halaman utama anda mendapat trafik tetapi sedikit klik ke produk, seksyen tersuai biasanya cara paling pantas. Anda kekalkan tema, aplikasi dan checkout anda, dan mendapat halaman utama yang dibina mengikut cara pelanggan anda membeli.

Halaman utama yang menjual

Jubin hero, karusel sorotan, slider ciri atau seksyen yang tiada dalam tema anda. Harga tetap, pratonton sebelum pelancaran.

Dapatkan sebut hargaKami biasanya membalas dalam satu hari bekerja.

Soalan lazim

Berapa lama masa untuk seksyen halaman utama tersuai?

Satu seksyen biasanya mengambil beberapa hari dari sebut harga diluluskan hingga pratonton. Set penuh halaman utama mengambil masa lebih lama; jadual tepat ada dalam sebut harga.

Adakah ia berfungsi dengan tema saya?

Ya, dengan mana-mana tema Online Store 2.0. Kami menyesuaikan dengan fon, butang dan kad produk tema anda.

Bolehkah saya menukar kandungan sendiri kemudian?

Ya. Setiap teks, imej, produk, warna dan jarak ialah tetapan dalam editor tema.

Adakah saya perlukan aplikasi?

Tidak. Semuanya dibina dalam tema anda, tanpa yuran bulanan.

Share this article