Panduan Tingkat Lanjut untuk Shopify: Cara Menjual Online di tahun 2020

Jika Anda meletakkan tangan di Shopify – jika Anda belum, baca panduan pemula Shopify kami – Anda mungkin menemukan beberapa bug atau masalah yang saluran biasa tidak dapat membantu Anda dengan. Itu bisa berupa aplikasi yang bertingkah lucu, atau semacam fungsi yang belum pernah dipikirkan oleh siapa pun sebelumnya. Mendapatkan Shopify untuk bekerja dengan benar dalam kasus-kasus ini bisa sangat menyebalkan.


Skenario-skenario itu membuat frustrasi, tapi sayangnya, itu adalah kebenaran yang menyakitkan jika Anda bekerja di lingkungan Shopify. Namun, jangan khawatir, Cloudwards.net ada di sini untuk membantu.

Dalam panduan lanjutan untuk Shopify ini, kami akan menuntun Anda melalui hal-hal yang lebih maju tentang Shopify. Kami akan menjelaskan cara memilih tema yang tepat dan cara menyesuaikan struktur dan desainnya. Selain itu, kami akan menunjukkan kepada Anda bagaimana menangani produk dengan cara yang benar dan aplikasi mana yang harus Anda pertimbangkan untuk dipasang. Mari kita mulai.

Cara Memilih Tema yang Tepat untuk Shopify

Pertama, kami akan menjelaskan kepada Anda apa tema itu. Anggap saja sebagai fasad toko Anda. Anda tidak akan memutuskan seperti apa toko Anda berdasarkan tema Anda, tetapi Anda akan memandu ke arah tertentu.

Penting bagi Anda untuk memikirkan tema yang akan Anda gunakan sebelum mulai membangun toko Anda karena hal itu akan menghemat waktu dan uang Anda nanti. Misalnya, jika sebuah tema dilengkapi dengan fungsi bilah sisi bawaan, Anda tidak perlu menyesuaikannya nanti karena Anda dapat menambahkannya ke toko Anda tanpa usaha.

Di Cloudwards.net, kami telah membuat daftar periksa praktis yang memudahkan Anda untuk memilih tema yang tepat.

Shopify-Theme-Store

Kriteria Tema 1: Persyaratan Bisnis

Kedengarannya biasa-biasa saja, persyaratan bisnis Anda penting saat memilih tema. Seperti yang kami katakan di artikel kami tentang cara membangun situs web dari awal, semuanya dimulai dengan konsep.

Pikirkan kebutuhan Anda terlebih dahulu dan buat daftar hal-hal yang menurut Anda perlu untuk toko Anda. Berikut daftar pertanyaan pendek yang kami sarankan untuk diajukan saat mempertimbangkan tema Shopify:

  • Bagaimana Anda ingin pelanggan Anda menavigasi melalui toko Anda
  • Haruskah ada fungsi pencarian
  • Apakah Anda ingin memiliki bilah sisi dengan navigasi
  • Apakah Anda memerlukan menu mega
  • Seberapa besar portofolio produk Anda
  • Bagaimana Anda ingin mempromosikan toko Anda nanti
  • Apakah Anda memerlukan slider halaman atas
  • Haruskah toko dilengkapi dengan blog

Poin portofolio produk sangat penting. Tergantung pada berapa banyak produk yang ingin Anda tampilkan di toko Anda, tema Anda harus mendukung Anda dan tidak menghalangi atau menghalangi Anda. Pada dasarnya, ada tiga ukuran portofolio di dunia Shopify: produk tunggal, katalog kecil dan katalog besar.

Anda dapat menemukan tema di Shopify Theme Store, dan jika Anda melihatnya, Anda dapat menemukan fitur masing-masing, termasuk ukuran portofolio produk, dalam deskripsi masing-masing tema.

Fitur Shopify-Theme-Debut-fitur

Jika Anda menyukai tema yang tidak mencakup semua kebutuhan Anda, prioritaskan. Tidak mungkin satu tema akan memenuhi semua kebutuhan Anda.

Kriteria 2: Optimasi Mesin Pencari

Karena Anda mungkin tidak ingin menempatkan iklan berbayar sepanjang waktu, Anda juga harus berpikir jangka panjang tentang pemasaran organik. Masuk akal untuk memeriksa beberapa kriteria optimasi mesin pencari teknis yang paling penting terlebih dahulu, seperti:

  • Waktu pemuatan tampilan pertama
  • Kecepatan halaman seluler
  • Desktop kecepatan halaman
  • Kompatibilitas lintas browser

Anda dapat menguji kecepatan halaman dengan PageSpeedInsights dari Google. Karena itu, karena ini memakan waktu dan mungkin tidak mungkin untuk semua tema – Anda harus membelinya – Anda dapat melakukan riset di internet terlebih dahulu..

Google-Page-Speed-Index

Kriteria 3: Harga

Sayangnya, uang tidak tumbuh di pohon, dan sebagai pengusaha, Anda harus mengawasi biaya Anda. Itu sebabnya muncul pertanyaan lama: gratis atau beli?

Kami dapat menyarankan Anda untuk bekerja dengan tema berbayar, tetapi itu hanya setengah kebenaran. Sebagian besar tema berbayar lebih baik dalam hal fungsionalitas. Titik. Anda harus memutuskan sendiri apakah layak membeli tema berbayar berdasarkan apa yang Anda rencanakan dengan toko Anda.

Jika Anda condong ke arah desain gratis, itu juga bagus. Karena itu, Anda harus bertanya pada diri sendiri berapa banyak aplikasi, yang mirip dengan plugin di WordPress, Anda harus menginstal setelahnya karena sebagian besar biaya uang dan memperburuk waktu pembukaan toko Anda. Mungkin lebih masuk akal untuk memulai dengan tema berbayar daripada yang gratis yang harus Anda lengkapi dengan aplikasi.

Praktik terbaik, terutama untuk pemula, adalah tetap dengan tema gratis karena lebih mudah untuk mendapatkan dukungan dari Shopify daripada dari pihak ketiga. Kami akan menjelaskan apa artinya di depan.

Kriteria 4: Dukungan

Dukungan dan dokumentasi adalah kriteria penting untuk memilih tema Shopify yang optimal. Shopify menawarkan dukungan untuk tema-tema berikut:

  • Tanpa batas
  • Minimal
  • Tingkatkan
  • Pasokan
  • Pop
  • Debut
  • Sederhana
  • Usaha
  • Brooklyn
  • Cerita

Jika Anda memilih tema selain yang terdaftar, Anda akan bergantung pada pengembang pihak ketiga. Itu berarti Shopify tidak dapat memberikan banyak dukungan ketika datang ke detail tema.

Yang mengatakan, Anda perlu memeriksa berapa banyak dukungan yang disediakan Shopify secara umum. Biasanya, ketika datang ke masalah teknis dan penyesuaian mendalam, yang dengan cepat terjadi pada Shopify, layanan, seperti penyedia pihak ketiga, akan membebankan biaya atau meneruskan Anda ke penyedia pihak ketiga, yang, sekali lagi, akan memungkinkan Anda membayar untuk pekerjaannya.

Dokumentasi juga penting. Lihatlah bagaimana tema-tema tersebut didokumentasikan. Anda akan terkejut betapa beragamnya kualitas dokumentasi tema. Apalagi dengan tema berbayar, kualitasnya sangat bervariasi. Anda dapat menemukan tautan ke dokumentasi masing-masing tema di Shopify Theme Store.

Shopify-Theme-Supply-Documentation

Kriteria 5: Ulasan

Terakhir tapi tidak kalah pentingnya: percayai kerumunan. Anda bukan yang pertama membuka toko Shopify. Luangkan waktu Anda dan baca ulasannya.

Namun, jangan biarkan ulasan buruk menghambat Anda terlalu banyak menggunakan tema tertentu. Dalam banyak kasus, komentar pengguna tidak mengetahui atau ekspresi frustrasi yang dijatuhkan di bagian ulasan, seperti yang dapat kita lihat pada tangkapan layar di bawah.

Shopify-Theme-Debut-Review

“Swagger Boutique” mengeluh tentang tema Debut. Pernyataan bahwa gambar tidak dapat diadaptasi di telepon adalah omong kosong. Semua tema Shopify responsif terhadap standar saat ini. Itu sebabnya Anda harus mengikuti saran kami dan melihat lebih dekat pada ulasan sebelum Anda membuat keputusan.

Kustomisasi: Mendorong Piksel dengan Cairan

Sekarang setelah Anda memilih tema yang Anda inginkan, kami akan memberi tahu Anda bagaimana Anda dapat menggunakan Liquid untuk menyesuaikannya sesuai dengan kebutuhan Anda. Penting untuk dicatat bahwa jika Anda mulai menyesuaikan, Anda harus tetap dengan tema Anda karena setiap perubahan, penyesuaian dan pekerjaan desain yang Anda lakukan akan hilang ketika Anda beralih tema.

Sederhananya, Anda harus melakukan pekerjaan pengembangan lagi. Cobalah untuk hanya menggunakan satu tema dari awal dan membuatnya terlindungi dengan kata sandi.

Saran penting: pastikan untuk membuat banyak salinan tema Anda. Idealnya, Anda harus membuat cadangan reguler dan beri nama sesuai, terutama jika Anda menginstal aplikasi.

Untuk menyelamatkan Anda dari potensi bencana, kami akan menunjukkan kepada Anda bagaimana mengembangkan di Shopify menggunakan Liquid. Di beberapa bagian berikutnya, kami akan melihat lebih dekat pada komponen paling penting dari lingkungan pengembangan Shopify.

Jika Anda memerlukan informasi lebih lanjut tentang pengkodean Cairan, lihat referensi Cairan resmi atau hubungi pengembang.

Dasar-Dasar Menyesuaikan

Mari kita mulai dengan beberapa dasar.

Untuk mengakses menu penyesuaian toko Anda, klik “toko online.” Menu akan muncul dengan item berikut: “tema,” “posting blog,” “halaman,” “navigasi,” “domain” dan “preferensi.” Klik “tema” untuk melanjutkan.

Di sisi kanan layar, Anda akan melihat dua area besar: “tema saat ini” dan “lebih banyak tema.” Di area “tema saat ini”, Anda akan menemukan, well, tema yang sedang aktif. Area lain menunjukkan tema yang telah Anda unduh dari toko tema.

Shopify-Theme-Customizing-Basics

Di sebelah kanan tema adalah “menyesuaikan.” Klik untuk mengakses menu penyesuaian.

Shopify-Theme-Customizing-Basics-Customize

Anda sekarang berada di menu penyesuaian, tempat Anda dapat membuat perubahan yang diinginkan pada tema Anda. Di sisi kiri, Anda akan melihat panel kontrol Anda, yang dengannya Anda dapat mengedit setiap bagian dari halaman aktif.

Shopify-Theme-Customizing-Basics-Customize-Control-Panel

Di sebelah “bagian,” Anda akan menemukan area “pengaturan tema”, di mana Anda dapat menyesuaikan pengaturan umum untuk tema, seperti font, warna, dan ikon.

Shopify-Theme-Customizing-Basics-Customize-Control-Panel-Theme-Settings

Itu juga tempat Anda akan menemukan dokumentasi untuk tema Anda dan detail kontak untuk dukungan.

Shopify-Theme-Customizing-Basics-Customize-Documentation

Anda juga dapat masuk ke kode Liquid tema di bawah “aksi tema” > “Edit kode” untuk penyesuaian lebih lanjut. Kami akan membicarakannya lebih lanjut nanti.

Shopify-Theme-Customizing-Basics-Edit-Code

Di bilah atas, Anda dapat melihat nama tema yang sedang Anda edit. Anda akan melihat menu tempat Anda dapat melompat di antara laman yang ingin Anda sesuaikan.

Shopify-Theme-Customizing-Basics-Customize-Change-Page

Di sebelah menu itu, Anda dapat memilih antara versi desktop dan versi seluler.

Shopify-Theme-Customizing-Basics-Customize-Mobile-Version

Penting untuk dicatat bahwa jika Anda sedang dalam proses menyesuaikan, menggali dokumentasi dan menyadari bahwa Anda telah melakukan segalanya dengan benar, tetapi fitur tersebut masih tidak berfungsi, itu mungkin karena beberapa fitur di Shopify, terutama aplikasi, hanya berfungsi jika temanya diterbitkan.

Bagian: Sepotong demi Sepotong ke Toko Cantik

“Bagian” adalah blok bangunan yang dapat digunakan kembali yang dapat Anda gunakan untuk membangun dan merancang beranda Shopify Anda. Tidak ada cara untuk menggunakannya di halaman selain halaman arahan. Untuk mempelajari betapa pentingnya halaman arahan, baca panduan kami tentang cara menggunakan Instapage.

Pada dasarnya, Shopify membedakan antara bagian statis dan dinamis. Bagian statis, seperti namanya, secara statis dibangun ke dalam tema. Header dan footer adalah contoh bagus dari bagian statis. Mereka tidak dapat ditambahkan di menu penyesuaian. Anda hanya dapat memasukkannya melalui pemrograman.

Shopify-Tema-Kustomisasi-Dasar-Dasar-Kustomisasi-Statis-Bagian

Bagian dinamis, di sisi lain, adalah blok bangunan yang dapat Anda tambahkan secara dinamis di editor penyesuaian. Anda melakukannya dengan memilih “tambahkan bagian.”

Shopify-Tema-Kustomisasi-Dasar-Dasar-Kustomisasi-Dinamis-Bagian

Setelah itu, Anda akan melihat daftar bagian yang tersedia untuk tema Anda.

Shopify-Theme-Customizing-Basics-Customize-Dynamic-Sections-List

Jangan kaget jika daftar Anda terlihat berbeda dari daftar kami. Ada bagian-bagian yang memiliki kesamaan sebagian besar tema, tetapi banyak juga yang memiliki bagian khusus.

Pilih bagian kanan dan pilih itu. Tombol “tambah” akan muncul di sebelah nama. Bagian ini juga ditampilkan dalam fungsi pratinjau.

Shopify-Theme-Customizing-Basics-Customize-Add-Section

Jika Anda ingin memasukkan bagian, tekan tombol “tambah”.

Pertanyaannya adalah mengapa Shopify membedakan antara bagian statis dan dinamis jika kita hanya dapat menggunakan bagian di beranda. Kami menduga bahwa Shopify juga sedang menggunakan fungsionalitas bagian di halaman lain.

Theme.scss.liquid: Jantung Penampilan dan Perasaan Anda

Sekarang setelah Anda tahu cara mengubah struktur halaman arahan Anda, kami akan menunjukkan kepada Anda cara memodifikasi tampilannya. Untuk melakukannya, klik “aksi tema,” lalu pilih “edit kode.”

Setelah itu, Anda akan melihat antarmuka berikut:

Shopify-Development-IDE

Di sana, Anda dapat melihat banyak file dibagi menjadi tujuh folder besar:

  • Tata letak
  • Templat
  • Bagian
  • Cuplikan
  • Aktiva
  • Konfigurasi
  • Lokal

Folder “aset” sangat menarik bagi kami.

Shopify-Development-Folder

Buka file “theme.scss.liquid”.

Shopify-Development-SCSS

Dalam kebanyakan kasus, panjang file beberapa ribu baris kode. Dalam contoh kita, ada 7.098 baris kode. Itu karena semua gaya dilakukan di dalamnya. Jika Anda ingin membuat perubahan CSS, bantulah diri Anda sendiri dan lakukan di sana.

Produk Shopify: Menangani Produk Seperti Pro

Sekarang setelah Anda tahu cara mengubah tampilan toko Anda, kami akan berbicara tentang apa yang ada di dalamnya: produk. Kami menjelaskan cara membuat produk di panduan pemula kami. Sekarang, kita akan masuk lebih dalam dan berbicara tentang varian dan opsi.

Semua produk dapat memiliki varian, meskipun tidak harus. Setiap varian memiliki opsi yang berbeda, jika tidak varian tersebut tidak masuk akal. Contoh umum adalah varian warna:

Varian-Produk-Shopify

Seperti yang dapat Anda lihat pada tangkapan layar di atas, Anda dapat melengkapi produk yang sama dengan warna berbeda tanpa harus membuat produk baru untuk masing-masingnya, yang berguna.

Cara Mengimpor Produk di Shopify

Jika Anda memiliki toko dengan sejumlah besar produk, Anda mungkin tidak ingin menambahkan setiap produk secara individual ke toko Anda. Itu sebabnya Shopify menawarkan fitur impor massal.

Di menu utama Shopify, klik tab “produk” di sebelah kiri untuk masuk ke menu produk.

Shopify-Main-Menu-Produk

Tekan “impor.”

Shopify-Produk-Impor

Anda akan melihat jendela tempat Anda dapat mengunduh templat file .csv untuk impor. Isi dengan produk Anda dan unggah lagi. Karena bidang dalam templat membingungkan, kami sarankan Anda menggunakan penjelasan Shopify resmi saat mengisinya.

Shopify-Products-Import-Popup

Berikut ini kiat yang lebih ahli untuk membuat pekerjaan impor Anda lebih mudah:

  • Jika Anda mengimpor banyak produk, unggah dulu gambar produk ke Shopify. Itu akan memastikan bahwa gambar-gambar tersebut sudah memiliki URL Shopify, yang harus Anda tulis di file unggahan. Jika tidak, Anda harus menetapkan secara manual semua gambar ke produk dan varian.
  • Untuk produk dengan varian, Anda harus mengosongkan bidang tertentu sehingga Shopify akan membuatnya sebagai varian dan bukan sebagai produk mandiri..
  • Waspadai jebakan Excel. Excel menggunakan titik koma sebagai pemisah untuk file .csv secara default, tetapi Shopify tidak. Pastikan bahwa file unggahan dipisahkan oleh koma dan bukan oleh titik koma.
  • Penting juga bahwa Anda meletakkan daftar dan penghitungan di tanda kutip dan bahwa Anda menggunakan titik daripada koma untuk menunjukkan ukuran dan harga.

Aplikasi: Perangkat Tambahan yang Berguna untuk Shopify

Seperti halnya plugin di WordPress, aplikasi di Shopify adalah ekstensi fungsional yang harus Anda instal secara terpisah. Beberapa gratis, dan beberapa tidak. Jika WordPress adalah bahasa Yunani untuk Anda, kami telah menyiapkan beberapa panduan WordPress:

  1. Panduan Pemula untuk Menggunakan WordPress
  2. Panduan Menengah untuk Menggunakan WordPress
  3. Panduan Tingkat Lanjut untuk Menggunakan WordPress

Berikut adalah aplikasi Shopify teratas kami:

Kit: Jalankan Iklan Facebook yang Lebih Baik

Kit adalah aplikasi yang dikembangkan oleh Shopify untuk membantu Anda meningkatkan pemasaran Facebook Anda. Tidak hanya gratis untuk digunakan, tetapi juga bertindak sebagai asisten virtual dan membuat saran Facebook Messenger reguler untuk mendapatkan lebih banyak lalu lintas ke toko online Anda. Ini adalah suatu keharusan bagi siapa saja yang melakukan pemasaran Facebook untuk toko mereka.

Oberlo: Temukan Produk untuk Dijual di Shopify

Oberlo adalah teman yang sempurna bagi mereka yang ingin melakukan dropshipping dengan toko online mereka. Aplikasi ini terhubung ke beberapa pasar dropshipping, seperti AliExpress, dan memungkinkan impor produk yang mudah ke toko Shopify Anda.

Yang harus Anda lakukan adalah menginstal aplikasi untuk menelusuri ribuan dan ribuan produk dan mengimpornya ke toko online Anda dengan satu klik. Setelah pelanggan melakukan pemesanan di toko online Anda, Anda hanya perlu melakukan pemesanan di Oberlo untuk mengirim produk ke pelanggan langsung dari pemasok.

Shopify-Apps-Oberlo

Hotjar: Benar-Benar Memahami Bagaimana Pengunjung Anda Berinteraksi di Situs Anda

Hotjar adalah alat yang berguna yang dapat Anda gunakan untuk membuat peta panas untuk toko online Anda. Ini juga memberi Anda kemampuan untuk melihat rekaman pengunjung yang menavigasi toko Anda.

Aplikasi ini sangat masuk akal karena memungkinkan Anda mengidentifikasi bagian-bagian situs web yang berfungsi dengan baik dan yang diabaikan oleh sebagian besar pengunjung. Itu sangat penting bagi toko online Anda karena Anda ingin mengetahui produk mana yang dilihat tetapi tidak dibeli, misalnya. Itu membuat Hotjar salah satu alat pembangkit timbal terbaik di pasar.

Anda dapat mempelajari cara kerjanya secara detail dan cara mengintegrasikannya ke toko Anda di situs web Hotjar.

Penetapan Harga Kustom: Optimasi Penjualan dan Konversi

Bold Custom Pricing dikembangkan oleh Bold Commerce, yang merupakan pemain besar di lingkungan Shopify dan telah mengembangkan banyak aplikasi yang bermanfaat. Kami sangat tertarik dengan Penetapan Harga Khusus karena ini memungkinkan Anda mengaktifkan diskon volume dan tipuan harga lainnya. Di atas segalanya, Anda dapat membuat grup pelanggan dan memberi penghargaan kepada pelanggan setia dengan diskon yang sesuai.

Salah satu kelemahan besar dari aplikasi ini adalah bahwa Bold Commerce mengubah banyak tema Anda untuk membuat Harga Kustom Bold berfungsi dengan lancar. Banyak file .liquid, seperti product-template.liquid, akan terlihat berbeda dan sulit untuk dipelihara. Anda akan bergantung pada dukungan Bold Commerce.

Petunjuk lainnya tentang Aplikasi

Setiap aplikasi mengubah kode tema Anda. Pastikan untuk membuat cadangan sebelum menginstal aplikasi apa pun. Jika Anda tidak tahu di mana mencari layanan cadangan yang baik, baca ulasan cadangan online kami.

Jika Anda memiliki beberapa aplikasi yang diinstal di toko Anda, mungkin akan menghadapi masalah dalam menginstal aplikasi tambahan. Dalam kebanyakan kasus, itu karena tema dan kemungkinan aplikasi yang sudah diinstal berbeda dari satu toko ke toko dan mengubah kode sedemikian rupa sehingga tidak ada cara standar untuk menginstal aplikasi tambahan.

Itu juga alasan Anda tidak harus mencoba menginstal beberapa aplikasi sekaligus. Anda akan kehilangan jejak perubahan dengan cepat. Luangkan waktu Anda dan instal satu aplikasi sekaligus.

Anda juga harus menghindari akses langsung ke tim dukungan ke toko Anda. Kalau tidak, Anda tidak akan tahu aplikasi mana yang diinstal dan terintegrasi dan mana yang tidak.

Pikiran terakhir

Kami harap kami memberi Anda tips dan trik yang berguna dengan panduan Shopify yang mendalam ini. Shopify adalah platform yang berguna dan baik untuk memulai toko online dalam sekejap mata, terutama jika Anda tidak tahu cara membuat kode.

Yang mengatakan, jika Anda memiliki keterampilan teknologi canggih, Shopify menjadi sekutu yang kuat dan dapat disesuaikan yang dapat dirancang untuk hampir semua bisnis online.

Jika Anda memiliki pertanyaan yang lebih mendasar, panduan pemula kami, yang tertaut di bagian atas artikel ini, adalah yang terbaik untuk Anda. Jika Anda memiliki pertanyaan lebih lanjut, silakan tanyakan di komentar. Terima kasih telah membaca.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map