Menambahkan, melihat pratinjau, dan membeli tema
Untuk membantu Anda memulai, halaman Tema di admin Anda memiliki tema default yang sudah diatur saat Anda membuka akun di Shopify. Jika Anda ingin menyesuaikan tema yang berbeda untuk toko online Anda, Anda perlu menambahkan tema tersebut ke admin.
Anda dapat menambahkan tema dengan salah satu cara berikut:
- Anda dapat mendeskripsikan bisnis Anda dengan kata-kata sendiri dan membuat tema gratis yang dipersonalisasi dengan AI.
- Anda dapat menambahkan tema gratis dari admin Shopify.
- Anda dapat mencoba tema berbayar dari Shopify Theme Store. Anda dapat melihat pratinjau tema apa pun dan menyesuaikannya menggunakan editor tema. Anda perlu membeli tema sebelum dapat menerbitkannya ke toko online Anda.
- Jika Anda sudah memiliki tema dalam file ZIP di komputer, Anda dapat mengunggahnya.
Jika Anda seorang developer, atau bekerja dengan Mitra Shopify atau agensi, Anda juga dapat menambahkan tema ke toko dengan cara berikut:
- Anda dapat menambahkan tema yang dihosting di GitHub ke toko Anda menggunakan integrasi Shopify GitHub.
- Anda dapat mengirimkan tema ke toko Anda menggunakan Shopify CLI.
Anda dapat menambahkan beberapa tema ke akun Anda untuk mencoba tema baru, menyimpan versi musiman dari tema yang diterbitkan, atau menguji perubahan pada salinan tema yang diterbitkan. Anda dapat melihat pratinjau tema-tema ini, tetapi hanya satu tema yang dapat diterbitkan pada satu waktu. Saat beralih ke tema baru, Anda masih dapat mengakses tema lama di halaman Tema di Shopify.
Setelah menambahkan tema, Anda dapat membuat tautan agar dapat berbagi pratinjau tema yang tidak diterbitkan dengan orang lain. Ini dapat membantu jika Anda mencari umpan balik sebelum menerbitkan tema baru atau meluncurkan toko online. Anda tidak dapat membagikan pratinjau tema yang diterbitkan.
Di halaman ini
Persyaratan kelayakan tema
Tinjau persyaratan kelayakan berikut untuk menambahkan tema ke toko atau organisasi Anda:
- Jumlah maksimum tema yang dapat Anda tambahkan bergantung pada paket harga Anda:
- Toko dengan paket Starter hanya dapat menambahkan tema Spotlight.
- Toko dan organisasi dengan paket Basic, Grow, dan Advanced dapat menambahkan hingga 20 tema.
- Toko dan organisasi dengan paket Shopify Plus dapat menambahkan hingga 100 tema.
Jika Anda mencapai batas tema paket, Anda perlu menghapus tema sebelum dapat menambahkan yang baru. Toko ekspansi harus memiliki lisensi tema untuk setiap toko ekspansi yang aktif.
Buat tema gratis dengan AI
Anda dapat menggunakan AI untuk membuat tema gratis yang dipersonalisasi dari halaman Tema di admin Shopify Anda. Bantuan untuk kustomisasi tema gratis didukung oleh Shopify.
Anda dapat menggunakan AI untuk membuat tema gratis yang dipersonalisasi dari halaman Tema di admin Shopify Anda. Bantuan untuk kustomisasi tema gratis didukung oleh Shopify.
Langkah-langkah:
Desktop
Dari admin Shopify, buka Toko Online > Tema.
Di bagian Desain toko Anda dalam hitungan detik, tulis deskripsi bisnis Anda, lalu klik Buat tema untuk membuat hingga 3 tema gratis yang dipersonalisasi.
Klik tema yang Anda minati, lalu klik Coba tema untuk menerapkannya ke toko Anda.
Tema tersebut akan ditambahkan ke bagian Tema draf di halaman Tema pada admin Anda.
Seluler
Dari aplikasi Shopify, ketuk ikon
.
Di bagian Saluran penjualan, ketuk Toko Online.
Ketuk Kelola tema.
Di bagian Desain toko Anda dalam hitungan detik di dekat bagian bawah halaman, deskripsikan bisnis Anda dan ketuk Buat tema untuk membuat hingga 3 tema gratis yang dipersonalisasi.
Ketuk tema yang Anda minati, lalu ketuk Coba tema untuk menerapkan tema tersebut ke toko Anda.
Tema tersebut akan ditambahkan ke bagian Tema draf di halaman Tema pada admin Anda.
Menambahkan tema gratis dari panel admin
Tema gratis dikembangkan oleh Shopify. Bantuan untuk kustomisasi tema gratis didukung oleh Shopify.
Tema gratis dikembangkan oleh Shopify. Bantuan untuk kustomisasi tema gratis didukung oleh Shopify.
Langkah-langkah:
Desktop
Dari admin Shopify, buka Toko Online > Tema.
Di bagian Temukan tema di dekat bagian bawah halaman, lihat tema gratis teratas dari Shopify Theme Store atau klik Kunjungi Theme Store untuk menelusuri semua tema yang tersedia.
Klik nama tema untuk melihat detail tentang tema di Shopify Theme Store.
Klik tombol Tambahkan untuk tema tersebut. Tema tersebut akan ditambahkan ke bagian Tema draf di halaman Tema pada admin Anda.
Seluler
Dari aplikasi Shopify, ketuk ikon
.
Di bagian Saluran penjualan, ketuk Toko Online.
Ketuk Kelola tema.
Di bagian Temukan tema di dekat bagian bawah halaman, lihat tema gratis teratas dari Shopify Theme Store atau ketuk Kunjungi Theme Store untuk menelusuri semua tema yang tersedia.
Ketuk nama tema untuk melihat detail tentang tema di Shopify Theme Store.
Ketuk tombol Tambahkan untuk tema tersebut. Tema tersebut akan ditambahkan ke bagian Tema draf di halaman Tema pada admin Anda.
Coba tema berbayar dari Shopify Theme Store
Sebelum berkomitmen untuk membeli tema berbayar, Anda dapat mencobanya dengan melihat pratinjau tema di admin Shopify. Anda dapat menggunakan editor tema untuk menyesuaikan tema yang dipratinjau, misalnya dengan mengubahnya agar menggunakan warna merek, gaya merek, dan produk Anda. Jika Anda membeli tema, semua kustomisasi yang Anda buat akan disimpan.
Anda dapat melihat pratinjau hingga 19 tema berbayar sekaligus, yang memungkinkan Anda membandingkan berbagai tema sebelum membeli. Tema berbayar yang sedang Anda coba memiliki label Uji coba tema.
Untuk mendapatkan dukungan untuk tema berbayar, hubungi developer tema.
Langkah-langkah:
- Kunjungi Shopify Theme Store dan pilih tema berbayar.
- Klik Coba tema untuk menambahkan tema ke toko online Anda.
- Di admin Shopify, klik Toko Online > Tema.
- Di bagian Tema draf, klik tombol
untuk membuka menu tindakan di samping tema yang ingin Anda pratinjau.
- Klik Pratinjau.
Anda dapat menyesuaikan pengaturan tema saat melihat pratinjaunya. Jika Anda puas dengan tema tersebut, Anda dapat membeli tema. Kustomisasi apa pun yang telah Anda buat pada tema akan disimpan. Anda tidak dapat mengedit kode tema atau menggunakan generator kode AI saat tema sedang dalam masa uji coba.
Beli tema dari Shopify Theme Store
Hanya pengguna dengan semua izin tingkat toko berikut yang dapat membeli tema dari Shopify Theme Store:
- Tema
- Kelola dan instal aplikasi dan saluran
- Setujui biaya aplikasi
Setelah mencoba tema berbayar di toko online, Anda dapat memilih untuk membelinya. Anda hanya dapat menerbitkan tema yang telah dibeli ke toko online Anda. Saat membeli tema dari Shopify Theme Store, tema tersebut dilisensikan secara eksklusif untuk toko tempat pembelian dilakukan. Jika ingin menggunakan tema di toko lain, Anda mungkin memenuhi syarat untuk mentransfernya.
Tema berbayar dibuat oleh developer tema pihak ketiga. Dukungan umum dan pembaruan untuk tema pihak ketiga disediakan oleh developer tema. Jika Anda memerlukan kustomisasi tingkat lanjut, tetapi tidak memiliki pengalaman mengembangkan situs web dengan HTML, CSS, dan JavaScript, pertimbangkan untuk menyewa Mitra Shopify.
Langkah-langkah:
Dari admin Shopify, buka Toko Online > Tema.
Klik Tambah tema > Kunjungi Theme Store.
Cari tema yang ingin Anda beli, lalu klik Coba tema.
Di bagian Tema draf, klik Beli pada tema yang ingin Anda beli untuk memulai transaksi.
Unggah file tema dari komputer Anda
Jika Anda memiliki tema dalam file ZIP di komputer, Anda dapat mengunggahnya ke halaman Tema di admin Shopify Anda.
Sebelum mengunggah, pastikan file tema Anda dikompresi menjadi satu file ZIP.
Setelah Anda mengunggah file ZIP, tema akan ditambahkan ke halaman Tema di admin Shopify Anda.
Langkah-langkah:
Desktop
Dari admin Shopify, buka Toko Online > Tema.
Di bagian Tema draf, klik Impor tema > Unggah file zip.
Di dialog Impor tema, klik Pilih File untuk memilih file ZIP yang ingin Anda unggah.
Klik Unggah.
Seluler
Dari aplikasi Shopify, ketuk ikon
.
Di bagian Saluran penjualan, ketuk Toko Online.
Ketuk Kelola tema.
Di bagian Tema draf, ketuk Impor tema > Unggah file zip.
Di dialog Impor tema, ketuk Pilih File untuk memilih file ZIP yang ingin Anda unggah.
Ketuk Unggah.
Beralih tema
Saat Anda menambahkan tema baru ke toko Anda, tema tersebut akan ditampilkan di bagian Tema draf pada halaman Tema di Shopify. Anda dapat beralih ke tema baru dengan menerbitkannya ke toko online Anda. Saat Anda menerbitkan tema baru, tema lama Anda masih tersedia di tema draf (dan Anda dapat beralih kembali ke tema tersebut jika mau).
Jika Anda memperbarui tema secara manual, maka versi tema Anda yang diperbarui akan ditampilkan sebagai versi terpisah di tema draf. Saat Anda beralih ke versi yang diperbarui, versi tema lama Anda masih tersedia di tema draf. Untuk mempelajari lebih lanjut, lihat Memperbarui tema.
Mempersiapkan untuk beralih tema
Saat Anda menambahkan tema ke tema draf Anda, Anda dapat menyesuaikannya sebelum menerbitkannya. Ini merupakan kesempatan yang baik untuk meninjau tema baru, serta menyesuaikan pengaturan dan konten untuk mencerminkan bisnis Anda, sebelum Anda mengganti tema yang ada. Anda juga dapat beralih di antara beberapa tema yang telah Anda siapkan tanpa perlu mengaturnya lagi.
Produk, koleksi, menu, halaman, dan postingan blog toko Anda tidak diubah atau dihapus saat Anda beralih ke tema baru karena dikelola di Admin, terpisah dari tema. Namun, konten dan pengaturan yang dikelola menggunakan editor tema, editor kode tema, dan editor bahasa bersifat unik untuk setiap tema dan versi tema yang Anda unggah.
Bagian toko online Anda berikut ini terkait dengan tema. Anda harus menyesuaikan bagian-bagian toko online ini untuk setiap tema yang ingin Anda gunakan:
- Pengaturan yang diterapkan pada bagian dan blok di toko Anda
- Pengaturan tema global, termasuk warna dan font yang diterapkan ke toko online Anda
- Teks dan susunan kata
- Kustomisasi kode, termasuk kustomisasi kode yang ditambahkan oleh aplikasi
- Template tema yang tersedia
Tidak semua tema mendukung semua fitur Shopify. Anda sebaiknya meninjau daftar fitur tema untuk memastikan tema tersebut memiliki fitur yang Anda butuhkan.
Pratinjau tema
Anda dapat melihat pratinjau tema apa pun di bagian Tema toko online Anda. Pratinjau akan menampilkan tema yang dipratinjau di toko online Anda dalam tab browser dengan bilah pratinjau toko online.
Bilah pratinjau toko online menampilkan informasi berikut tentang tema Anda:
- Nama tema.
- Status tema. Tema yang diterbitkan memiliki status Langsung. Tema yang tidak diterbitkan memiliki status Draf.
Anda dapat menyesuaikan pratinjau dengan tindakan berikut:
- Di bagian
Lihat sebagai, Anda dapat memilih negara atau bahasa lain untuk melihat pratinjau. Pelajari selengkapnya tentang pasar internasional dan menambahkan bahasa tambahan ke tema Anda.
- Klik tombol
untuk berbagi pratinjau tema Anda.
- Klik Tutup pratinjau untuk menutup pratinjau dan menampilkan tema yang diterbitkan.
- Klik Edit tema untuk membuka editor tema dan menyesuaikan tema.
- Klik di dekat bagian atas bilah pratinjau untuk menyembunyikannya. Anda dapat mengekliknya lagi untuk memperluasnya.
Berbagi pratinjau tema dengan orang lain
Jika Anda akan meluncurkan toko online atau berencana mengubah toko dengan menerbitkan tema baru, Anda dapat meminta umpan balik dari orang lain dengan berbagi pratinjau tema Anda.
Anda dapat membuat tautan yang dapat digunakan orang lain untuk mengakses pratinjau tema apa pun yang telah Anda tambahkan di admin Shopify Anda. Tema tidak harus diterbitkan untuk dapat dibagikan.
Ada dua jenis pratinjau tema:
- Pratinjau pengunjung: Pratinjau pengunjung dapat dilihat oleh siapa pun yang memiliki URL dan tidak memerlukan autentikasi. Pratinjau ini kedaluwarsa 2 hari setelah URL dibuat. URL pratinjau pengunjung menggunakan format
https://<token>-<shop_id>.shopifypreview.com. - Pratinjau penjual: Pratinjau penjual memerlukan autentikasi admin dan memiliki akses ke checkout. Pratinjau ini kedaluwarsa 30 hari setelah URL dibuat. URL pratinjau penjual menggunakan format domain utama Anda dengan parameter token.
Saat Anda mengeklik Pratinjau pada tema, URL pratinjau penjual akan ditampilkan di bilah alamat browser Anda. Untuk membuat tautan pratinjau pengunjung untuk dibagikan kepada orang lain, klik tombol di bilah pratinjau. Anda dapat membuat tautan baru sesering yang Anda inginkan, dan pembuatan tautan baru tidak akan memengaruhi tautan pratinjau yang lama.
Langkah-langkah:
Desktop
Dari admin Shopify, buka Toko Online > Tema.
Untuk tema yang ingin Anda bagikan, klik tombol
untuk membuka menu tindakan, lalu klik Pratinjau.
Opsional: Pilih negara, bahasa, atau keduanya yang berbeda untuk mengubah pratinjau.
Klik tombol
untuk menyalin tautan ke papan klip Anda.
Seluler
Dari aplikasi Shopify, ketuk ikon
.
Di bagian Saluran penjualan, ketuk Toko Online.
Ketuk Kelola tema.
Untuk tema yang ingin Anda bagikan, ketuk tombol
untuk membuka menu tindakan, lalu ketuk Pratinjau.
Opsional: Pilih negara, bahasa, atau keduanya yang berbeda untuk mengubah pratinjau.
Ketuk
untuk menyalin tautan ke papan klip Anda.
Penyelesaian masalah pratinjau tema
Ada berbagai keadaan yang dapat menyebabkan pratinjau tema, atau bilah pratinjau tema, tidak ditampilkan dengan benar. Jika Anda masih mengalami masalah dengan tema setelah meninjau langkah-langkah dalam panduan ini, Anda mungkin perlu menghubungi tim dukungan tema Anda. Pelajari selengkapnya tentang mendapatkan dukungan untuk tema.
Bilah pratinjau ditampilkan di toko langsung Anda
Hal ini biasanya terjadi saat tema Anda salah menambahkan parameter yang disebut preview_theme_id ke URL toko online Anda. Parameter ini hanya dimaksudkan untuk pratinjau internal, tetapi jika ada di URL langsung, hal itu akan memaksa bilah pratinjau ditampilkan untuk semua pengunjung.
Kunjungi toko online Anda dan periksa parameter preview_theme_id di bilah alamat browser. Anda juga dapat meminta pelanggan untuk meneruskan alamat tautan tempat bilah pratinjau ditampilkan.
Jika parameter preview_theme_id disertakan dalam URL toko online Anda, maka hubungi developer tema Anda untuk mendapatkan dukungan dan jelaskan masalahnya.
Jika Anda terbiasa mengedit kode tema, Anda dapat mencari preview_theme_id di file tema, lalu menghapus kode yang menambahkannya ke URL. File tata letak dan file yang berisi Javascript (diakhiri dengan .js) adalah yang paling mungkin berisi jenis kode ini. Edit kode untuk tema hanya jika Anda memahami HTML dan CSS, serta memiliki pemahaman dasar tentang Liquid, bahasa templating Shopify, JSON, dan Javascript.
Masalah ini telah dilaporkan pada tema yang dibeli dari luar Shopify Theme Store, seperti tema Lumia dari ThemeForest.
Pratinjau tema draf dialihkan ke tema langsung
Jika Anda mengeklik Pratinjau pada tema yang tidak diterbitkan dan dialihkan ke tema langsung, maka hal itu hampir selalu terkait dengan caching Cloudflare.
Jika Anda menggunakan Cloudflare di depan Toko Shopify, Anda mungkin memiliki pengaturan caching yang mengganggu mekanisme pratinjau Shopify. Shopify juga menggunakan Cloudflare untuk caching, dan lapisan-lapisan ini terkadang dapat berkonflik. Kami memang menyebutkan potensi konflik dengan caching eksternal dalam dokumentasi kami.
Untuk memastikan bilah pratinjau berfungsi dengan benar, nonaktifkan caching di Cloudflare untuk semua permintaan ke Shopify.
Bilah pratinjau hilang
Jika bilah pratinjau tidak ditampilkan saat Anda melihat pratinjau tema, kemungkinan besar ini disebabkan oleh kode kustom atau aplikasi pihak ketiga yang memodifikasi skrip default tema Anda.
Masalah ini kemungkinan disebabkan oleh modifikasi yang memengaruhi objek Liquid, yang biasanya ditemukan di file `theme.liquid` dalam folder `layout` tema Anda. Skrip bilah pratinjau memerlukan objek untuk dimuat dengan benar. Memodifikasi objek ini dapat mencegah skrip dimuat, yang mengakibatkan bilah pratinjau tidak muncul serta masalah lain pada fitur dan aplikasi Shopify.
Anda dapat memeriksa tema dan aplikasi untuk menemukan sumber modifikasi. Pelajari cara menyelesaikan masalah tema Anda.