Semua yang Perlu Anda Ketahui Tentang Shopify 2.0 (dan Apa yang Harus Dilakukan)

Jika Anda seorang pemilik bisnis atau pemasar yang mempertimbangkan untuk menggunakan Shopify untuk membuat toko eCommerce Anda, Anda harus memperhatikan artikel ini dengan seksama.

Kami akan memberi tahu Anda tentang Shopify 2.0 — termasuk apa yang baru, mengapa itu bagus, dan apa yang perlu Anda lakukan untuk memanfaatkan pembaruan.

Jadi, apakah Anda baru memulai dan melakukan riset atau sudah menjadi pengguna Shopify yang mempertimbangkan peningkatan, baca terus untuk semua yang perlu Anda ketahui.

Apa yang dibahas dalam posting ini:

• Ikhtisar singkat tentang Toko Shopify
• Apa itu Shopify 2.0, dan apa saja fitur barunya?
• Apa arsitektur tema baru?
• Apa yang perlu diketahui pengembang?
• Cara mengatur toko Anda di Shopify 2.0
• Apa yang harus Anda lakukan jika toko Anda dibuat di Shopify 1.0?
• Apakah Anda harus memutakhirkan Toko Shopify Anda ke 2.0?

1. Tinjauan Singkat Toko Shopify

Sumber: Memperkenalkan Toko Online 2.0: Apa Artinya Bagi Pengembang

Jika Anda di sini, Anda sudah memiliki toko Shopify atau sedang berpikir untuk mendapatkannya. Dan jika yang terakhir, Anda mungkin bertanya-tanya apakah toko online Shopify adalah platform yang tepat untuk Anda.

Jika ini masalahnya, Anda mungkin tertarik untuk membaca artikel kami, “Shopify vs WooCommerce — Mana yang Terbaik untuk Anda”.

Ada 457 juta pembeli di Shopify pada tahun 2020 — naik dari 218 juta pada tahun 2018 (Sumber: Shopify).

Di sini, di Exposure Ninja, kami senang bekerja dengan Shopify. Ini cocok untuk Anda jika Anda adalah bisnis eCommerce yang mencari toko online yang mudah digunakan dengan banyak dukungan.

Fitur hebatnya memungkinkan Anda melacak penjualan, membuat laporan pendapatan, dan menghasilkan pesanan pembelian.

Toko Shopify asli hadir dengan 70 tema khusus plug-and-play, memudahkan siapa saja untuk mengatur toko online mereka hanya dalam waktu 15 menit.

Mengedit tema dan membuat halaman khusus tidak selalu mudah, tetapi toko online Shopify 2.0 berharap dapat mengubahnya. Pedagang Shopify sekarang dapat menantikan toko online yang jauh lebih fleksibel dengan editor tema dan ekstensi aplikasi tema disertakan.

2. Apa itu Shopify 2.0, dan Apa Saja Fitur Barunya?

Toko online Shopify 2.0 adalah pembaruan besar untuk platform toko online Shopify.

Dirilis pada Juni 2021, toko online 2.0 yang diperbarui telah melihat perubahan signifikan untuk Shopify ke ruang yang lebih dapat disesuaikan dan yang mungkin diterima oleh banyak pengembang.

Dengan memperhatikan pengalaman pengguna, Shopify tidak melupakan banyak penggunanya yang menggunakan platform ini, berkat kemudahan penggunaannya. Perubahan tersebut, mereka meyakinkan kami, "lebih mudah dan lebih fleksibel".

Jadi apa saja fitur baru utama?

• "Bagian" sekarang tersedia di semua halaman, tidak hanya terbatas pada beranda
• Mereka telah memperkenalkan ekstensi aplikasi tema
• Blok aplikasi sekarang tersedia melalui antarmuka editor tema
• Tambahkan aset ke ekstensi aplikasi tema Anda
• Peningkatan pada metafield
• Pemilih file mendukung file gambar
• API file baru
• Peningkatan editor tema
• Pengaturan masukan cairan.

Pembaruan termasuk tema referensi baru yang disebut " Fajar " yang 35% lebih cepat dari tema default sebelumnya, Debut. Toko online Shopify 2.0 juga terbuka untuk pengiriman tema dari pengembang dan telah meningkatkan opsi dan dukungan penyesuaian.

Jika Anda melihat daftar fitur baru dan bertanya-tanya apa artinya semua itu, tetaplah bersama kami. Kami akan memandu Anda melalui semua yang perlu Anda ketahui tentang toko online 2.0.

Jangan menyewa agen desain web sampai Anda membaca eBook ini

Unduh eBuku ini

3. Apa itu Arsitektur Tema Baru?

Arsitektur tema mungkin terdengar seperti jargon, tetapi dalam istilah sederhana, ini mengacu pada bagaimana editor disusun.

Toko online Shopify 2.0 memiliki editor tema yang diperbarui, yang merupakan kabar baik karena dua alasan:

1. Lebih mudah bagi non-pengembang untuk menyesuaikan semua halaman
2. Lebih mudah bagi pengembang untuk membangun tema khusus dan membangun integrasi.

Tujuh fitur baru telah ditambahkan ke toko online 2.0. Di sini kita akan melihat masing-masing dengan sedikit lebih detail.

Template halaman sekarang memiliki bagian

Bagian adalah komponen visual halaman di situs web Anda, misalnya, spanduk, blok gambar dengan teks, atau tombol.

Di versi Shopify sebelumnya, hanya beranda yang memungkinkan Anda menambahkan bagian baru dan menyeret dan melepas ke tempat yang Anda inginkan di halaman Anda.

Dimungkinkan untuk menyesuaikan bagian Anda di halaman lain, tetapi bukan tanpa bantuan pengembang.

Sekarang pedagang dapat menyesuaikan halaman apa pun di situs mereka, termasuk halaman produk, sehingga toko online mereka terasa sepenuhnya dipersonalisasi untuk bisnis mereka.

Bagaimana mereka bekerja?

• Setiap halaman sekarang dapat dirender menggunakan file template JSON
• Anda dapat mengatur beberapa file template yang memetakan ke produk yang berbeda
• Pedagang dapat memiliki halaman produk, halaman koleksi, dan halaman lain yang berbeda di toko yang sama
• Pedagang dapat menentukan bagian dan urutan bagian yang akan muncul secara default saat tema dipasang
• Bagian dinamis sekarang dapat ditambahkan ke beranda.

Ekstensi aplikasi tema dengan blok aplikasi

Di toko online Shopify sebelumnya, tidak ada cara bagi aplikasi untuk berintegrasi dengan editor tema. Pedagang harus mempekerjakan pengembang untuk mengkodekan integrasi dengan tema yang ada. Hal ini dapat menyebabkan kerusakan dalam kode tema, sehingga sulit untuk melakukan integrasi antar tema.

Dengan toko online 2.0, ekstensi aplikasi tema memungkinkan pengembang untuk menambahkan fitur dan ekstensi. Berkat ini, Anda sekarang dapat menambahkan fungsionalitas tambahan ke toko Shopify Anda.

Modularitas Aplikasi bawaan

Blok aplikasi memungkinkan pengembang membangun komponen untuk ditambahkan ke editor tema tanpa mengkodekan integrasi.

Apa artinya ini bagi Anda sebagai pedagang? Sederhananya, jika Anda ingin mengubah tema tetapi membawa aplikasi integral, ini jauh lebih mudah dan berarti pengembang tidak perlu membangun kembali seluruh integrasi. Itu juga membuatnya lebih mudah untuk menghapus aplikasi, dengan semua kode hantu dihapus saat mencopot pemasangan.

Perubahan pada metafield

Metafield adalah ruang bagi Anda untuk menambahkan data informasi tentang aset tertentu dalam situs web Anda. Ini mungkin berupa gambar, daftar, bagan, atau dapat diunduh.

Editor tema baru ini memungkinkan Anda menambahkan metafield dan properti tanpa menggunakan API atau kode. Ini tidak mungkin dengan fungsi sebelumnya di alat pengeditan asli Shopify.

Metafields telah dikerjakan ulang dari awal menjadi lebih fleksibel dan intuitif. Sekarang, Anda dapat membuat bidang khusus agar sesuai dengan kebutuhan Anda dalam hitungan menit dengan sistem tipe lanjutan toko online 2.0. Metafield standar telah diperkenalkan sehingga setiap tema akan bekerja di luar kotak di toko-toko di berbagai vertikal pasar — ​​tidak perlu pengkodean tambahan atau pemasangan plugin.

Pemilih file

Pemilih file metafield memudahkan pengunggahan dan pemilihan media pada halaman produk. Semua gambar Anda yang disimpan di bagian Pengaturan/File segera tersedia untuk digunakan dengan fitur baru ini.

Metafield bekerja dengan banyak sumber media, seperti gambar atau file PDF.

Misalnya, alih-alih mengkodekan jenis file tertentu ke area konten pembuat halaman setiap tema, metafield memungkinkan Anda mengunggah item yang dipilih dari ponsel Anda dan membuatnya segera muncul di halaman produk — tidak perlu kembali ke pengaturan.

File API

Pembaruan toko online 2.0 ke File API memberi pedagang fungsionalitas baru dan antarmuka yang disederhanakan untuk mengunggah file.

Dengan rilis ini, pengembang dapat membuat, memilih, dan mengunggah media di toko Shopify mereka melalui konsol GraphQL yang mudah digunakan di dalam panel Admin Shopify.

Selain itu, API sekarang memungkinkan akses dari beberapa aplikasi untuk menggunakan ruang untuk file yang tidak terkait langsung dengan produk tertentu.

Pengaturan Masukan Cairan

Pengaturan input Liquid memungkinkan pedagang untuk menambahkan kode Liquid kustom ke halaman langsung dari editor dengan pengaturan baru yang mirip dengan HTML. Ini berarti Anda akan memiliki akses ke variabel global dan objek khusus template, sehingga mengurangi kebutuhan untuk mengubah kode tema secara manual.

Kode Liquid khusus ini memudahkan pedagang Shopify untuk bekerja dengan toko online 2.0 baru tanpa mengganggu kode tema Anda atau melibatkan pengembang aplikasi terlalu banyak.

Dapatkan ke puncak Google gratis

Unduh salinan gratis buku terlaris kami,

" Cara Mencapai Puncak Google "

Unduh Salinan Gratis Saya

4. Apa yang Perlu Diketahui Pengembang?

Jika Anda seorang pedagang dan hanya ingin mengetahui alasan dasar mengapa Anda harus beralih ke Shopify 2.0, maka editor tema yang diperbarui harus menjadi alasan yang cukup.

Tetapi Shopify telah menyertakan beberapa alat pengembang baru sebagai bagian dari toko online yang dirubah. Kami akan membahasnya secara singkat di sini.

Integrasi GitHub

Integrasi Shopify GitHub memungkinkan pengembang untuk dengan mudah terhubung ke akun pengguna GitHub mereka hanya dengan beberapa klik.

Integrasi antara tema dan GitHub akan memungkinkan pengembang bekerja lebih efisien saat membuat perubahan. Pengembang sekarang dapat menerapkan alur kerja yang memerlukan persetujuan sebelum mengisi situs langsung dengan pembaruan mereka. Ini sekarang berfungsi pada satu platform, menghemat waktu saat mengisi ke tema langsung.

Alat CLI Shopify

Sebelumnya, pengembang mungkin telah menggunakan CLI untuk menghasilkan aplikasi Node.js, Ruby on Rails, dan ekstensi aplikasi. Toko online Shopify 2.0 memungkinkan mereka menggunakan CLI untuk memperbarui tema pengembangan.

Tema pengembangan disembunyikan dari bagian Admin Shopify di toko, memungkinkan pengembang untuk mengerjakannya. Tema pengembangan ini tidak diperhitungkan dalam batas tema Anda, tetapi Shopify menghapusnya secara otomatis jika mereka melihat ketidakaktifan pada tema pengembangan setelah tujuh hari.

Alat CLI baru akan memberi Anda atau pengembang Anda kendali atas pengembangan tema, pengeditan tema, dan tampilan tema baru Anda. Dalam proyek tema baru Anda, Anda akan dapat melihat perubahan apa pun yang terjadi secara langsung, berinteraksi dengannya, dan menyesuaikannya menggunakan editor.

Pemeriksaan Tema

Di antara alat pengembang baru adalah Pemeriksaan Tema — server bahasa yang terintegrasi dengan editor teks untuk mengidentifikasi masalah dalam kode untuk pengembangan tema baru yang efisien.

Ini dibundel dengan alat Shopify CLI, jadi pengembang harus menginstalnya bersama-sama. Ini telah dirancang dengan cermat, dengan pesan kesalahan termasuk tautan ke dokumentasi pemeriksaan yang gagal.

Fajar

Sumber: Memperkenalkan Toko Online 2.0: Apa Artinya Bagi Pengembang

Dawn adalah tema referensi baru yang hadir sebagai standar dengan toko online Shopify 2.0 yang baru. Tema default sebelumnya adalah Debut, dan Dawn lebih cepat, lebih fleksibel, dan lebih ramping daripada pendahulunya, membuat proses pengembangan lebih lancar.

Dawn sudah memiliki template JSON untuk semua halamannya, sehingga dapat digunakan sebagai model saat membuka kunci bagian dalam tema baru.

Kecepatannya berkat dibangun dengan Javascript minimal, jadi Shopify mendorong pengembang untuk memanfaatkan fungsionalitas browser asli untuk merender tata letak HTML dan CSS.

5. Cara Mengatur Toko Anda di Shopify 2.0

Menyiapkan toko di Shopify 2.0 sama dengan versi Shopify sebelumnya. Ini cepat dan mudah dilakukan, tetapi sebelum Anda memulai, Anda harus memikirkan hal-hal berikut:

• Apa nama bisnis Anda? Anda akan langsung ditanya nama toko Anda, dan tidak mungkin untuk mengubahnya, jadi pastikan Anda memilih dengan hati-hati. Namun, Anda dapat mengubahnya ke domain yang dipilih nanti.
• Warna merek, font dan logo. Anda akan memilih tema dari toko tema Shopify, tetapi Anda mungkin ingin mengganti komponen tema tertentu dengan merek Anda.
• Gambar dan deskripsi produk yang ingin Anda jual, termasuk UPC, varian, detail pengiriman, dan, tentu saja, harga.
• Bagaimana Anda ingin pengguna melakukan pembayaran.
  • Shopify memungkinkan sebagian besar opsi, termasuk Paypal, Visa, Mastercard, AMEX, Apple Pay, Amazon Pay, dan Google Pay.
• Struktur situs; halaman apa yang ingin Anda sertakan dan salinan yang ingin Anda miliki di halaman tersebut. Anda perlu mengetahui hal ini ketika Anda datang untuk mengatur navigasi dan halaman baru Anda.
• Elemen tambahan seperti metadata dan elemen SEO yang ingin Anda sertakan dalam halaman Anda.

Untuk panduan lengkap tentang menyiapkan toko Shopify Anda dengan cara yang mempertimbangkan SEO, dengarkan podcast kami, Shopify SEO untuk Pemula atau tonton video di bawah ini.

Apa yang Harus Anda Lakukan Jika Toko Anda Dibuat di Shopify 1.0?

Jika Anda sudah memiliki toko online Shopify dan ingin meningkatkan ke Shopify 2.0, ada tiga cara yang tersedia:

Kunjungi toko tema Shopify dan unduh salah satu tema Shopify baru.

Periksa apakah tema yang ada menawarkan versi terbaru menggunakan toko online 2.0.

Migrasikan template tema Anda saat ini ke arsitektur baru.

1. Unduh tema baru

1. Kunjungi toko tema Shopify.
2. Filter menurut "Arsitektur Tema".
3. Pilih “Toko Online 2.0”.
4. Pilih tema pilihan Anda dan tekan "Coba Tema".
5. Anda hanya perlu membayar jika Anda mempublikasikan tema ke situs Shopify Anda.

2. Perbarui tema Anda saat ini

1. Kunjungi toko tema Shopify dan filter berdasarkan "Toko Online 2.0" seperti di atas. Jika tema Anda tersedia untuk peningkatan, Anda akan melihatnya di sana.
2. Atau, Anda harus memiliki pemberitahuan di Admin Shopify Anda (di bawahnya menyatakan tema Anda).
3. Klik notifikasi dan “Tambahkan ke Perpustakaan Tema”.
4. Penyesuaian apa pun yang dibuat untuk tema Anda menggunakan Editor Tema akan disalin dan diterapkan ke tema yang diperbarui. Ini termasuk:
5. Pengaturan tema yang dimodifikasi
6. Tata letak halaman yang dimodifikasi, seperti menambahkan, menyusun ulang, menghapus, atau menyembunyikan bagian atau blok
7. Template baru
8. Menambahkan, menghapus, atau mengubah setelan penyematan aplikasi atau ekstensi aplikasi.

3. Migrasikan template tema Anda

Ini adalah proses yang panjang dan kami tidak akan merekomendasikan kecuali Anda seorang pengembang.

1. Gunakan alat Shopify CLI atau editor kode. Anda mungkin perlu menginstal CLI.
2. Pastikan Anda masuk sebagai kolaborator atau sebagai “staf” untuk akun yang ingin Anda kerjakan.
3. Buat salinan tema Anda.
4. Ubah kode tema Anda saat ini dari pengaturan input Liquid menjadi template JSON.
5. Pindahkan kode Liquid atau HTML apa pun ke dalam beberapa bagian untuk digunakan di template JSON baru Anda.
6. Anda dapat membaca proses lengkapnya di sini di Shopify.dev.

Apakah Anda Harus Meng-upgrade Toko Shopify Anda ke 2.0?

Jawaban singkat untuk ini adalah tidak .

Shopify masih menyediakan banyak tema yang kompatibel dengan versi aslinya.

Namun, jika Anda seorang pemilik toko yang mencari penyesuaian tambahan, templat halaman baru, dan halaman kustom, maka beralih ke 2.0 bisa menjadi pilihan yang baik untuk Anda.

Saran terbaru dari Shopify adalah jika Anda berencana menggunakan aplikasi, Anda harus mencoba menggunakan ekstensi aplikasi untuk berintegrasi dengan toko online Anda. Ini benar jika Anda mengirimkan aplikasi baru karena mereka harus menggunakan ekstensi tema untuk diintegrasikan. Shopify berencana menjadikan ini sebagai persyaratan untuk semua aplikasi di masa mendatang.

Pemilik bisnis Shopify? Anda mungkin menikmati membaca blog kami tentang Cara Membuat Strategi Pemasaran Shopify yang Menang.

Apa yang Harus Dibaca Selanjutnya

• Platform eCommerce Terbaik untuk Digunakan
• Shopify vs WooCommerce – Mana yang Terbaik untuk Anda?
• Cara Membuat Strategi Pemasaran Shopify yang Menang
• Panduan PPC untuk Toko eCommerce Shopify
• 11 Hal yang Perlu Anda Ketahui sebelum Memilih Agen Desain Web
• 6 Cara Meningkatkan Penjualan Toko eCommerce Anda