Bantuan
Masuk

Menyesuaikan Pengaturan Tema

Anda dapat menyesuaikan pengaturan keseluruhan untuk toko online Anda, seperti tipografi, warna, tautan media sosial, dan halaman keranjang, dari bagian Pengaturan Tema pada menu sidebar di editor tema. Perubahan yang Anda buat di bagian Pengaturan Tema berlaku untuk seluruh toko online Anda.

Bagian dan blok juga memiliki pengaturan masing-masing yang dapat Anda sesuaikan untuk menyesuaikan setiap bagian tema Anda. Pelajari selengkapnya tentang bagian dan blok.

Di halaman ini

Anda dapat menambahkan logo untuk bisnis Anda ke toko online. Logo Anda ditampilkan di tempat-tempat berikut:

  • header Anda di semua halaman
  • halaman kata sandi Anda

Sesuaikan logo Anda

Gambar logo memiliki lebar maksimum 300 piksel.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Logo.

  5. Di area Logo, tambahkan gambar Anda atau gunakan gambar gratis:

    • Untuk menambahkan gambar Anda, klik Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:
      • Untuk menggunakan gambar yang sudah diunggah ke admin Shopify, pilih gambar, lalu klik Selesai.
      • Untuk menggunakan gambar dari komputer lokal Anda, klik Tambahkan gambar. Pilih dan tambahkan gambar, lalu klik Selesai.
    • Untuk menggunakan gambar gratis, klik Jelajahi gambar gratis. Cari gambar, klik gambar untuk memilihnya, lalu klik Pilih.

  6. Opsional: Tambahkan teks alt ke gambar logo Anda:

    1. Di area Logo, klik Sunting.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Klik Simpan.

  7. Opsional: Di area Lebar logo desktop, gunakan penggeser rentang untuk menyesuaikan lebar logo dalam piksel.

  8. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Logo.

  7. Di area Logo, tambahkan gambar Anda atau gunakan gambar gratis:

    • Untuk menambahkan gambar Anda, ketuk Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:
      • Untuk menggunakan gambar yang sudah diunggah ke admin Shopify, pilih gambar, lalu ketuk Selesai.
      • Untuk menggunakan gambar dari perangkat lokal Anda, ketuk Tambahkan gambar. Pilih dan tambahkan gambar dari perangkat lokal Anda, ketuk gambar untuk memilihnya, lalu ketuk Selesai.
    • Untuk menggunakan gambar gratis, ketuk Jelajahi gambar gratis. Cari gambar, ketuk gambar untuk memilihnya, lalu ketuk Selesai.

  8. Opsional: Tambahkan teks alt ke gambar logo Anda:

    1. Di area Logo, ketuk Sunting.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Ketuk Simpan atau ✓.

  9. Opsional: Di area Lebar logo desktop, gunakan penggeser rentang untuk menyesuaikan lebar logo dalam piksel.

  10. Ketuk Simpan atau ✓.

Tambahkan favicon

Anda dapat menambahkan ikon favorit, atau favicon, yang Anda gunakan untuk membantu branding toko online Anda. Favicon ditampilkan di tempat-tempat berikut:

  • tab browser web Anda
  • riwayat browser web Anda
  • ikon di meja kerja Anda
  • di samping nama toko online Anda saat situs web Anda di-bookmark

Pelajari lebih lanjut tentang favicon.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda tambahkan favicon, lalu klik Edit tema.

  3. Klik ikon Pengaturan tema settings.

  4. Tergantung pada versi tema Anda, klik Logo atau Favicon.

  5. Di bagian Gambar favicon, klik Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu pilih dengan kotak centang.
    • Untuk memilih gambar dari komputer lokal Anda, klik Tambah gambar, buka gambar dari komputer lokal Anda, lalu pilih dengan kotak centang.

  6. Klik Selesai.

  7. Opsional: Tambahkan teks alt ke gambar favicon Anda:

    1. Di bagian Gambar favicon, klik Edit.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Klik Simpan.

  8. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda tambahkan favicon, lalu ketuk Edit tema.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Tergantung pada versi tema Anda, ketuk Logo atau Favicon.

  7. Di bagian Gambar favicon, ketuk Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu pilih dengan kotak centang.
    • Untuk memilih gambar dari perangkat lokal, ketuk Tambah gambar, buka gambar dari perangkat lokal Anda, lalu pilih dengan kotak centang.

  8. Ketuk Selesai.

  9. Tambahkan teks alt ke gambar favicon Anda:

    1. Di bagian Gambar favicon, ketuk Edit.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Ketuk Simpan atau ✓.

  10. Ketuk Simpan atau ✓.

Warna

Anda dapat menentukan berbagai skema warna di pengaturan tema dan menerapkan skema warna tersebut ke berbagai bagian di seluruh toko online Anda dengan pemilih skema warna. Skema warna adalah satu set warna. Tema Anda memiliki serangkaian skema warna default yang diterapkan, yang dapat Anda ubah kapan saja di editor tema. Anda dapat menambahkan warna merek untuk memastikan penerapan palet warna yang kohesif di seluruh toko online Anda.

Templat tidak memiliki pengaturan warna individual agar desain toko online Anda konsisten di seluruh situs web Anda. Templat dianggap sebagai halaman utama atau konten utama untuk sebuah toko. Memiliki skema warna yang berbeda di seluruh toko dapat menyebabkan pengalaman pengguna yang buruk dan dapat menyebabkan pelanggan meninggalkan toko Anda tanpa membeli produk.

Anda dapat membuat dan menyesuaikan hingga 21 skema warna unik dan menerapkannya ke berbagai bagian di seluruh toko online Anda.

Skema warna

Skema warna adalah pengaturan tema yang mengelompokkan elemen dan warnanya masing-masing secara visual. Anda dapat menetapkan berbagai warna ke berbagai elemen dalam skema warna yang kohesif, yang dapat diterapkan di seluruh tema jika pemilih skema warna tersedia. Anda dapat memiliki hingga 21 skema warna. Anda juga dapat melihat pratinjau tampilan warna dalam pratinjau skema.

Daftar berbagai pengaturan yang dapat Anda terapkan pada skema warna di editor tema.
PengaturanDeskripsi
Latar belakangWarna diterapkan pada latar belakang beberapa bagian dan pada latar belakang tombol kerangka.
Gradien latar belakangGradien warna diterapkan ke latar belakang beberapa bagian. Gradien latar belakang menggantikan latar belakang jika memungkinkan.
TeksWarna diterapkan pada teks bagian atau blok.
Latar belakang tombol solidWarna diterapkan ke latar belakang tombol utama.
Label tombol solidWarna diterapkan ke teks tombol utama.
Tombol kerangkaWarna diterapkan pada teks dan bingkai tombol sekunder.
BayanganWarna diterapkan pada bayangan.

Mengelola skema warna Anda

Skema warna dan opsi warna toko Anda diatur dalam pengaturan tema. Untuk warna solid, gunakan pemilih warna untuk memilih warna baru atau masukkan nilai warna di kolom teks. Kolom warna menerima nama dan nilai warna berikut:

  • Nama warna seperti red, black, atau blue.
  • Kode warna RGB.
  • Nilai warna heksadesimal.

Langkah-langkah:

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Klik Edit tema di samping tema yang ingin Anda sesuaikan.

  3. Klik ikon pengaturan, lalu klik Warna.

  4. Di bagian Skema, klik skema yang sudah ada atau klik Tambah skema untuk menambahkan skema warna baru.

  5. Klik sampel warna untuk warna jenis konten yang ingin Anda ubah.

  6. Untuk mengatur warna Anda, masukkan kode warna hex atau pilih warna dari pemilih warna. Untuk mengatur warna menjadi transparan, hapus kode hex dari kolom teks.

  7. Klik Simpan.

Menerapkan skema warna Anda

Setelah menentukan skema warna di pengaturan tema, Anda dapat menetapkan skema warna menggunakan pemilih skema warna di bagian dan blok tema Anda. Pemilih skema warna hanya tersedia di bagian, blok, dan pengaturan tema umum tertentu.

Pemilih skema warna

Gradien

Anda dapat mengatur gradien warna di beberapa tema untuk opsi latar belakang yang menarik secara visual. Pengaturan color_background digunakan untuk menyesuaikan properti latar belakang CSS.

Pemilih gradien memungkinkan Anda memilih warna, gaya gradien, sudut, posisi, dan opasitas gradien. Opsi yang dipilih di pemilih gradien dipratinjau secara real-time di editor tema. Anda juga dapat membuat latar belakang gradien menggunakan kode CSS, yang menyertakan pemeriksa validasi.

Mengatur gradien

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Klik Edit tema di samping tema yang ingin Anda sesuaikan.

  3. Klik ikon pengaturan, lalu klik Warna.

  4. Di bagian Skema, klik skema yang ada yang ingin Anda edit.

  5. Klik opsi sampel warna gradien, seperti Gradien latar belakang.

  6. Jika Anda belum pernah mengatur gradien, beberapa opsi prasetel akan ditampilkan untuk dipilih. Pilih gradien prasetel mana pun untuk membuka panel opsi.

  7. Pilih opsi gradien Anda:

  • Pilih antara gradien linear atau radial. Gunakan tombol untuk memilih gaya gradien pilihan Anda.
  • Atur sudut gradien dengan panah atas dan bawah. Klik panah atas atau bawah untuk menaikkan atau menurunkan persentase sudut sebesar 5.
  • Gunakan penggeser untuk memilih Posisi gradien, atau masukkan nilai numerik di kolom.
  • Masukkan kode heksa warna tertentu atau gunakan penggeser warna untuk memilih rona. Warna yang baru-baru ini dipilih ditampilkan di bagian bawah panel opsi gradien.
  • Untuk membuat gradien buram, gunakan penggeser di sebelah kanan untuk memilih transparansi gradien. Anda juga dapat memasukkan persentase di kolom di sebelah kode warna heksa.
  1. Klik Simpan.

Pemilih gradien di editor tema

Menggunakan CSS untuk mengatur gradien

Sebagian besar nilai properti background CSS dapat digunakan untuk mengatur warna latar belakang. Anda dapat menggunakan kolom ini untuk warna solid (misalnya, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%), dan hsla(0, 0%, 0%, 1) semuanya menghasilkan latar belakang hitam solid), atau untuk gradien (misalnya, linear-gradient(red, green), radial-gradient(red, green), atau conic-gradient(red, green)). Gradien juga dapat diulang.

Langkah-langkah:

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Klik Edit tema di samping tema yang ingin Anda sesuaikan.

  3. Klik ikon pengaturan, lalu klik Warna.

  4. Di bagian Skema, klik skema yang ada yang ingin Anda edit.

  5. Klik gradien yang ingin Anda edit.

  6. Klik panah di sebelah Gradien, lalu pilih CSS.

  7. Di kolom kode CSS, ketik atau tempel kode gradien Anda. Pratinjau editor tema menampilkan gradien Anda di lokasi yang sesuai.

  8. Klik Simpan.

Kolom Kode CSS Gradien di editor tema

Hapus gradien

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Klik Edit tema di samping tema yang ingin Anda sesuaikan.

  3. Klik ikon pengaturan, lalu klik Warna.

  4. Di bagian Skema, klik skema yang ada yang ingin Anda edit.

  5. Klik gradien yang ingin Anda hapus.

  6. Klik Hapus gradien.

  7. Klik Simpan.

Tipografi

Anda dapat mengatur gaya dan ukuran font untuk teks di toko online. Anda dapat memilih font sistem atau menambahkan fon kustom. Font yang tersedia di tema Anda bergantung pada developer tema Anda. Semua tema Shopify gratis menggunakan font dari pustaka font Shopify.

Pertimbangkan untuk menggunakan font sistem di toko Anda, karena font sistem sudah terinstal di komputer pengguna. Penggunaan font sistem akan menghindari pengunduhan font baru ke komputer pelanggan, yang dapat berdampak negatif pada kecepatan pemuatan toko Anda. Font yang ditampilkan di komputer pelanggan bergantung pada sistem operasinya.

Menyesuaikan jenis font

Lihat pustaka font Shopify untuk daftar font yang tersedia.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tipografi.

  5. Untuk mengubah jenis font untuk judul atau isi teks toko, klik Ubah di bagian Judul atau Isi.

  6. Klik nama font yang ingin Anda gunakan, lalu klik Pilih.

  7. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Tipografi.

  7. Untuk mengubah jenis font untuk judul atau isi teks toko, ketuk Ubah di bagian Judul atau Isi.

  8. Ketuk nama font yang ingin Anda gunakan, lalu ketuk Selesai.

  9. Ketuk Simpan atau ✓.

Menyesuaikan ukuran font

Anda dapat mengatur ukuran font default untuk judul dan isi teks dengan pengaturan tema Tipografi.

Ukuran font minimum adalah 100%, dan ukuran font maksimum adalah 150%. Setiap kenaikan skala akan meningkatkan ukuran font sebesar 5%. Pengaturan defaultnya adalah 100%.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tipografi.

  5. Untuk mengubah ukuran font default untuk teks Judul, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  6. Untuk mengubah ukuran font default untuk teks Isi, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  7. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Tipografi.

  7. Untuk mengubah ukuran font default untuk teks Judul, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  8. Untuk mengubah ukuran font default untuk teks Isi, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  9. Ketuk Simpan atau ✓.

Tata letak

Anda dapat mengatur lebar maksimum tampilan toko online, serta mengatur spasi vertikal dan horizontal antar-bagian.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tata letak.

  5. Gunakan penggeser rentang Lebar halaman untuk memilih lebar halaman antara 1000 px dan 1600 px. Pengaturan defaultnya adalah 1600 px.

  6. Opsional: Gunakan penggeser rentang untuk menambahkan Spasi antar-bagian templat vertikal di halaman Anda. Anda dapat menambahkan spasi hingga maksimum 100 px antar-bagian.

  7. Opsional: Jika Anda memiliki tata letak Kisi, gunakan penggeser rentang Spasi horizontal dan Spasi vertikal untuk menambahkan spasi di antara konten kisi di halaman Anda. Menambahkan spasi horizontal akan menambahkan spasi maksimum 40 px ke baris konten di halaman Anda, sedangkan menambahkan spasi vertikal akan menambahkan spasi maksimum 40 px ke kolom konten di halaman Anda.

  8. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Tata letak.

  7. Gunakan penggeser rentang Lebar halaman untuk memilih lebar halaman antara 1000 px dan 1600 px. Pengaturan defaultnya adalah 1600 px.

  8. Opsional: Gunakan penggeser rentang untuk menambahkan Spasi antar-bagian templat vertikal di halaman Anda. Anda dapat menambahkan spasi hingga maksimum 100 px antar-bagian.

  9. Opsional: Jika Anda memiliki tata letak Kisi, gunakan penggeser rentang Spasi horizontal dan Spasi vertikal untuk menambahkan spasi di antara konten kisi di halaman Anda. Menambahkan spasi horizontal akan menambahkan spasi maksimum 40 px ke baris konten di halaman Anda, sedangkan menambahkan spasi vertikal akan menambahkan spasi maksimum 40 px ke kolom konten di halaman Anda.

  10. Ketuk Simpan atau ✓.

Animasi

Dengan animasi, Anda dapat menambahkan gerakan dan daya tarik visual ke toko online. Anda dapat mengaktifkan animasi fade-in yang menampilkan bagian-bagian toko saat digulir, dan efek hover untuk kartu dan tombol.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Animasi.

  5. Opsional: Untuk mengaktifkan animasi yang menampilkan bagian-bagian toko online saat digulir, pilih Tampilkan bagian saat menggulir.

  6. Opsional: Untuk menambahkan animasi efek hover ke kartu dan tombol Anda, pilih salah satu opsi berikut dari pengaturan Efek hover:

    • Angkat vertikal: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen tersebut akan bergeser ke atas.
    • Angkat 3D: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen akan bergeser ke depan sehingga memberikan efek 3D. Efek ini juga memiliki kilau halus yang bergerak melintasi elemen, yang memberikan lapisan dimensi lain.

  7. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Animasi.

  7. Opsional: Untuk mengaktifkan animasi yang menampilkan bagian-bagian toko online saat digulir, pilih Tampilkan bagian saat menggulir.

  8. Opsional: Untuk menambahkan animasi efek hover ke kartu dan tombol Anda, pilih salah satu opsi berikut dari pengaturan Efek hover:

    • Angkat vertikal: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen tersebut akan bergeser ke atas.
    • Angkat 3D: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen akan bergeser ke depan sehingga memberikan efek 3D. Efek ini juga memiliki kilau halus yang bergerak melintasi elemen, yang memberikan lapisan dimensi lain.

  9. Ketuk Simpan atau ✓.

Pengaturan kustomisasi elemen visual

Anda dapat menyesuaikan tampilan elemen tema, seperti tombol, kartu produk, dan varian dari halaman Pengaturan tema. Setiap opsi berisi pengaturan yang relevan untuk elemen tersebut.

Anda dapat menyesuaikan pengaturan untuk elemen tema Anda berikut ini:

  • Tombol: Tombol mencakup tombol ajakan bertindak di bagian seperti tayangan slide atau gambar dengan teks, serta tombol di formulir kontak, halaman produk, dan halaman keranjang.
  • Pil varian: Pil varian memungkinkan Anda menampilkan varian produk di halaman produk atau bagian produk unggulan. Pelanggan dapat memilih varian yang diinginkan untuk menambahkan produk ke keranjang tanpa perlu berganti halaman produk. Anda dapat menyesuaikan cara pil varian ditampilkan di toko online Anda.
  • Input: Input adalah area interaktif yang memerlukan masukan pelanggan, misalnya, pemilih kuantitas, formulir pendaftaran email, atau catatan pesanan. Anda dapat menyesuaikan tampilan input toko online Anda.
  • Pengaturan untuk kartu produk, kartu koleksi, dan kartu blog memungkinkan Anda menyesuaikan gaya setiap jenis kartu saat ditampilkan di bagian halaman.
    • Kartu produk: Kartu produk menampilkan informasi tentang produk Anda di area tema yang mencantumkan beberapa produk, seperti templat koleksi, bagian koleksi, dan hasil pencarian.
    • Kartu koleksi: Kartu koleksi menampilkan informasi tentang koleksi Anda di area tema yang mencantumkan koleksi, seperti templat atau bagian daftar koleksi.
    • Kartu blog: Kartu blog menampilkan informasi tentang postingan blog Anda di area tema yang mencantumkan beberapa produk, seperti templat blog, bagian blog, dan hasil pencarian.
  • Wadah konten: Wadah digunakan untuk elemen teks pada bagian konten, misalnya, kotak teks pada tayangan slide, pada banner gambar, atau di kolom bagian multikolom. Anda dapat menyesuaikan tampilan wadah konten untuk toko online Anda.
  • Media: Media adalah komponen visual dari suatu bagian, misalnya, media produk atau gambar di bagian Gambar dengan teks. Anda dapat menambahkan bingkai dan bayangan ke media Anda.
  • Tarik-turun dan pop-up: Anda dapat menyesuaikan tampilan menu tarik-turun, modal pop-up, dan pop-up keranjang di toko online Anda.
  • Laci: Laci adalah wadah interaktif tersembunyi yang ditampilkan saat diketuk atau diklik, seperti menu yang dapat diciutkan atau opsi filter koleksi. Anda dapat menyesuaikan bingkai dan bayangan laci di toko online Anda.
  • Lencana: Lencana Diskon dan Habis Terjual secara otomatis ditambahkan ke foto produk Anda saat Anda menurunkan harga atau saat jumlah inventaris mencapai 0. Anda dapat menyesuaikan posisi, bentuk, dan warna lencana Diskon dan Habis Terjual secara terpisah di pengaturan tema Anda. Lencana Halaman dan Blog ditampilkan di hasil pencarian yang relevan. Anda dapat menyesuaikan posisi dan bentuk lencana ini, tetapi tidak dapat mengubah warna lencana Halaman dan Blog.
  • Informasi merek: Anda dapat menyertakan informasi tentang merek Anda di toko online. Setelah menyelesaikan langkah-langkah berikut, Anda kemudian dapat menambahkan blok Informasi merek di footer toko online Anda.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Klik Edit tema di samping tema yang ingin Anda edit.

  3. Klik ikon pengaturan.

  4. Klik sebuah elemen untuk membuka pengaturan.

  5. Sesuaikan pengaturan yang tersedia. Anda dapat meninjau perubahan dengan menavigasi ke berbagai area tema Anda di jendela pratinjau.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Edit tema di samping tema yang ingin Anda edit.

  4. Ketuk ikon pengaturan.

  5. Ketuk sebuah elemen untuk membuka pengaturan.

  6. Sesuaikan pengaturan yang tersedia. Anda dapat meninjau perubahan dengan menavigasi ke berbagai area tema Anda di jendela pratinjau.

  7. Ketuk Simpan atau ✓.

Media sosial

Anda dapat menambahkan tautan ke akun media sosial yang ditampilkan di footer toko online Anda.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Media sosial.

  5. Untuk menambahkan tautan ke akun media sosial Anda, masukkan alamat situs web untuk akun Anda di kolom Akun sosial yang relevan. Anda perlu memasukkan tautan lengkap, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Media sosial.

  7. Untuk menambahkan tautan ke akun media sosial Anda, masukkan alamat situs web untuk akun Anda di kolom Akun sosial yang relevan. Anda perlu memasukkan tautan lengkap, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  8. Ketuk Simpan atau ✓.

Perilaku pencarian

Toko online Anda dilengkapi pencarian prediktif, yang menampilkan saran saat pelanggan mulai mengetik di kolom pencarian. Saran pencarian dapat membantu pelanggan mengartikulasikan dan mempersempit kueri pencarian mereka, serta menyediakan cara baru bagi mereka untuk menjelajahi toko online Anda. Saran pencarian juga dapat memungkinkan pelanggan menelusuri kecocokan dengan cepat, tanpa harus meninggalkan halaman mereka saat ini untuk melihat daftar hasil pencarian terpisah.

Untuk mempelajari lebih lanjut tentang cara kerja saran pencarian, lihat Pencarian prediktif.

Anda dapat menyesuaikan cara saran pencarian ditampilkan kepada pelanggan Anda.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Perilaku pencarian.

  5. Untuk mengaktifkan atau menonaktifkan saran pencarian, pilih atau batalkan pilihan Aktifkan saran pencarian.

  6. Opsional: Untuk menampilkan atau menyembunyikan vendor produk di saran pencarian, pilih atau batalkan pilihan Tampilkan vendor produk.

  7. Opsional: Untuk menampilkan atau menyembunyikan harga produk di saran pencarian, pilih atau batalkan pilihan Tampilkan harga produk.

  8. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Perilaku pencarian.

  7. Untuk mengaktifkan atau menonaktifkan saran pencarian, pilih atau batalkan pilihan Aktifkan saran pencarian.

  8. Opsional: Untuk menampilkan atau menyembunyikan vendor produk di saran pencarian, pilih atau batalkan pilihan Tampilkan vendor produk.

  9. Opsional: Untuk menampilkan atau menyembunyikan harga produk di saran pencarian, pilih atau batalkan pilihan Tampilkan harga produk.

  10. Ketuk Simpan atau ✓.

Format mata uang

Anda dapat memilih agar kode mata uang ditampilkan bersama harga pada produk Anda.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Format mata uang.

  5. Untuk menampilkan kode mata uang, pilih Tampilkan kode mata uang.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Format mata uang.

  7. Untuk menampilkan kode mata uang, pilih Tampilkan kode mata uang.

  8. Ketuk Simpan atau ✓.

Keranjang

Anda dapat mengubah gaya keranjang di toko online Anda. Saat pelanggan menambahkan produk dari toko Anda ke keranjang, keranjang dapat ditampilkan sebagai laci, halaman, atau notifikasi pop-up. Agar pelanggan tetap berada di halaman produk, gunakan opsi laci atau notifikasi pop-up. Untuk membawa pelanggan ke halaman keranjang, gunakan opsi halaman. Saat keranjang pelanggan kosong, Anda dapat menampilkan koleksi unggulan di laci keranjang.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Keranjang.

  5. Gunakan menu tarik-turun Jenis keranjang untuk memilih gaya keranjang Laci, Halaman, atau Notifikasi pop-up.

  6. Opsional: Untuk menampilkan vendor item di keranjang pelanggan, pilih Tampilkan vendor.

  7. Opsional: Untuk menyediakan kotak teks kepada pelanggan agar mereka dapat memasukkan permintaan khusus atau menambahkan informasi pesanan tambahan, pilih Aktifkan catatan pesanan.

  8. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat menampilkan koleksi di laci keranjang saat kosong:

    1. Di area Laci keranjang, klik Pilih koleksi.
    2. Klik nama koleksi yang ingin Anda tampilkan, lalu klik Pilih.

  9. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat mengubah skema warna laci keranjang dengan mengikuti langkah-langkah berikut:

    1. Di area Laci keranjang > Skema warna, klik Ubah.
    2. Pilih skema warna yang ingin Anda gunakan untuk laci keranjang.

  10. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Keranjang.

  7. Pilih Jenis keranjang dari opsi Laci, Halaman, atau Notifikasi pop-up.

  8. Opsional: Untuk menampilkan vendor item di keranjang pelanggan, pilih Tampilkan vendor.

  9. Opsional: Untuk menyediakan kotak teks kepada pelanggan agar mereka dapat memasukkan permintaan khusus atau menambahkan informasi pesanan tambahan, pilih Aktifkan catatan pesanan.

  10. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat menampilkan koleksi di laci keranjang saat kosong:

    1. Di area Laci keranjang, ketuk Pilih koleksi.
    2. Ketuk nama koleksi yang ingin ditampilkan, lalu ketuk Selesai.

  11. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat mengubah skema warna laci keranjang dengan mengikuti langkah-langkah berikut:

    1. Di area Laci keranjang > Skema warna, ketuk Ubah.
    2. Pilih skema warna yang ingin Anda gunakan untuk laci keranjang, lalu ketuk Selesai.

  12. Ketuk Simpan atau ✓.

CSS Kustom

Bagian CSS Kustom memungkinkan Anda memasukkan kode CSS sendiri, misalnya untuk menyesuaikan tampilan tombol toko online melebihi pengaturan default yang tersedia, atau untuk menerapkan gaya unik pada elemen teks tertentu.

CSS Kustom di pengaturan tema Anda memengaruhi semua halaman di toko online Anda, kecuali checkout.

Pelajari selengkapnya tentang Menambahkan CSS kustom ke tema Anda.

Gaya tema

Gaya tema adalah kumpulan pengaturan yang dipilih oleh desainer tema. Anda dapat menerapkan gaya tema ke toko untuk memberikan tampilan dan nuansa yang apik. Semua tema memiliki gaya tema yang diterapkan secara default. Opsi gaya tema lain yang Anda miliki bergantung pada tema yang Anda gunakan.

Saat Anda menyesuaikan tema, Anda mengganti pengaturan gaya tema dengan pengaturan Anda sendiri. Saat Anda menerapkan gaya tema ke tema, Anda mengubah pengaturan saat ini, seperti warna dan tipografi.

Langkah-langkah:

Desktop

  1. Dari admin Shopify, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Sesuaikan.

  3. Klik ikon Pengaturan tema settings.

  4. Klik Gaya tema.

  5. Pilih gaya tema yang ingin Anda gunakan, lalu klik Ubah gaya.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Sesuaikan.

  5. Ketuk … atau ⋮, lalu ketuk Pengaturan tema.

  6. Ketuk Gaya tema.

  7. Pilih gaya tema yang ingin Anda gunakan, lalu ketuk Selesai.

  8. Ketuk Simpan atau ✓.