Bantuan
Masuk

Membuat Tombol Beli

Setelah Anda menambahkan saluran penjualan Tombol Beli di admin Shopify, Anda dapat membuat Tombol Beli untuk produk atau koleksi.

Setelah membuat Tombol Beli, Anda menyalin kode yang dibuat secara otomatis, lalu menambahkan kode tersebut ke halaman web atau postingan blog tempat Anda ingin tombol itu ditampilkan. Misalnya, Anda mungkin ingin menambahkan Tombol Beli ke blog Wordpress atau situs web Squarespace Anda.

Tampilan Tombol Beli tidak dapat diubah setelah Anda menyematkannya di situs web. Jika Anda ingin mengubahnya, Anda harus membuat tombol baru di saluran tersebut dan mengganti kode asli dengan kode baru.

Di halaman ini

Menyesuaikan Tombol Beli

Anda dapat menyesuaikan tampilan Tombol Beli dan cara kerjanya:

  • warnanya
  • ukurannya
  • fontnya
  • tindakan yang terjadi saat tombol diklik
  • apakah checkout terbuka di jendela browser baru

Saat menyesuaikan tombol, Anda dapat mempratinjau perubahan Anda. Anda dapat menguji perilaku Tombol Beli dengan mengeklik pratinjau.

Gaya layout

Anda dapat memilih tata letak Tombol Beli.

Deskripsi tata letak Dasar, Klasik, dan Tampilan penuh yang tersedia untuk Tombol Beli.
DasarPilih tata letak ini untuk menambahkan Tombol Beli tanpa foto produk. Anda mungkin ingin melakukan ini jika sudah menampilkan produk Anda di tempat lain secara online, tetapi hanya ingin menambahkan tombol untuk melakukan pembelian.
KlasikPilih tata letak ini untuk menampilkan foto produk dan harga di samping Tombol Beli. Tata letak ini berguna untuk pratinjau produk cepat, seperti di postingan blog.
Tampilan penuhPilih tata letak ini untuk menampilkan foto produk, harga, dan deskripsi di samping Tombol Beli. Tata letak ini meniru halaman detail produk di toko online Anda.

Tindakan Tombol Beli

Saat membuat Tombol Beli, Anda dapat memilih tindakan yang terjadi saat tombol diklik.

Jika Tombol Beli untuk koleksi, tindakan tersebut berlaku untuk setiap produk dalam koleksi.

  • Tambahkan produk ke keranjang akan menambahkan produk ke keranjang belanja. Pelanggan dapat terus berbelanja dan menambahkan produk lain ke keranjang.
  • Langsung ke checkout akan membawa pelanggan langsung ke checkout Anda, tempat mereka dapat membeli produk. Pelanggan tidak dapat menambahkan produk lain ke pesanan mereka.
  • Buka detail produk menampilkan tombol Lihat produk . Saat pelanggan mengeklik tombol tersebut, mereka dapat melihat deskripsi produk, memilih varian produk yang tersedia, dan menambahkan produk ke keranjang. Jika suatu produk memiliki beberapa foto produk, foto-foto ini juga akan ditampilkan.
    • Opsi ini tidak tersedia saat Anda memilih tata letak Tampilan penuh karena tata letak Tampilan penuh sudah menampilkan semua detail produk.

Anda juga dapat memilih apakah checkout akan terbuka di jendela browser baru atau di tab yang sama dengan situs web Anda. Perilaku default-nya adalah checkout terbuka di jendela baru.

Tampilan Tombol Beli

  • Gaya tombol mencakup bentuk, warna, dan tipografi untuk bagian tombol dari Tombol Beli.
  • Tata Letak Tergantung pada gaya layout yang Anda pilih, Anda dapat menyesuaikan pengaturan seperti perataan tombol, ukuran gambar, teks tombol, font, warna, dan ukuran.
  • Keranjang belanja mencakup opsi teks dan warna untuk keranjang belanja tertanam. Anda juga dapat mengaktifkan dan menyesuaikan label untuk bidang Catatan Pesanan . Anda dapat menggunakan catatan pesanan untuk mengumpulkan instruksi khusus dari pelanggan tentang cara menyiapkan dan mengirimkan pesanan. Bidang Informasi Tambahan memungkinkan Anda untuk menyampaikan pesan kepada pelanggan.
    • Anda hanya dapat mengedit pengaturan untuk keranjang belanja jika Anda telah memilih Tambahkan produk ke keranjang atau Buka detail produk sebagai tindakan tombol.
  • Pop-up mendetail mencakup pengaturan untuk jendela pop-up detail produk. Anda dapat menyesuaikan teks tombol, apakah akan menyertakan bidang kuantitas atau tidak, warna yang digunakan untuk latar belakang dan label, serta font dan ukuran font label. Anda hanya dapat mengedit pengaturan ini jika Anda telah memilih Buka detail produk sebagai tindakan tombol.

Membuat Tombol Beli untuk satu produk

Anda dapat membuat Tombol Beli untuk satu produk. Tombol Beli dapat menyertakan satu atau semua varian produk. Saat membuat Tombol Beli, Anda memilih gaya layout dan menyesuaikan warna, teks, dan tampilan tombol, serta tindakan yang terjadi saat pelanggan mengekliknya. Pelajari selengkapnya tentang menyesuaikan Tombol Beli.

Sebelum membuat Tombol Beli untuk produk, Anda harus menambahkan produk di admin Shopify Anda dan membuatnya tersedia untuk saluran penjualan Tombol Beli.

Langkah-langkah:

Desktop

  1. Dari admin Shopify Anda, buka Saluran penjualan > Tombol Beli.

  2. Klik Buat Tombol Beli.

  3. Klik Tombol Beli Produk.

  4. Pilih produk dari katalog Anda atau gunakan pencarian untuk menemukan produk. Klik Pilih.

  5. Opsional: sesuaikan Tombol Beli.

    1. Jika produk Anda memiliki varian, pilih Semua varian atau pilih varian yang ingin Anda sertakan.
    2. Pilih gaya layout dan tindakan yang terjadi saat pelanggan mengeklik tombol. Anda juga dapat menyesuaikan tampilan tombol.
    3. Secara default, perilaku checkout adalah membuka jendela baru, tetapi Anda dapat memilih untuk membuka checkout di tab browser yang sama dengan situs web Anda. Klik Pengaturan lanjutan > Alihkan di tab yang sama.

  6. Klik Berikutnya.

  7. Klik Salin kode.

  8. Buka editor HTML untuk halaman web tempat Anda ingin menampilkan Tombol Beli. Lihat Menambahkan kode Tombol Beli ke HTML.

  9. Tempelkan kode di dalam HTML di tempat Anda ingin Tombol Beli muncul, lalu simpan perubahan Anda.

Mobile

  1. Dari Shopify app, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Tombol Beli.

  3. Ketuk Buat Tombol Beli.

  4. Ketuk Tombol Beli Produk.

  5. Pilih produk dari katalog Anda atau gunakan pencarian untuk menemukan produk, lalu ketuk Pilih.

  6. Opsional: Ketuk Sesuaikan.

    1. Jika produk Anda memiliki beberapa varian, pilih Semua varian atau pilih varian dari daftar drop-down.
    2. Pilih gaya layout dan tindakan yang terjadi saat pelanggan mengeklik tombol. Anda juga dapat menyesuaikan tampilan tombol.
    3. Secara default, perilaku checkout adalah membuka jendela baru, tetapi Anda dapat memilih untuk membuka checkout di tab browser yang sama dengan situs web Anda. Ketuk Pengaturan lanjutan > Alihkan di tab yang sama.

  7. Ketuk Selesai.

  8. Ketuk Salin kode.

  9. Buka editor HTML untuk halaman web tempat Anda ingin menampilkan Tombol Beli. Lihat Menambahkan kode Tombol Beli ke HTML.

  10. Tempelkan kode di dalam HTML di tempat Anda ingin Tombol Beli muncul, lalu simpan perubahan Anda.

Membuat Tombol Beli untuk koleksi

Saat Anda membuat Tombol Beli untuk koleksi, Anda sebenarnya membuat tombol untuk setiap produk dalam koleksi tersebut.

Saat membuat Tombol Beli, Anda memilih gaya layout dan menyesuaikan warna, teks, dan tampilan tombol, serta tindakan yang terjadi saat pelanggan mengekliknya. Pelajari selengkapnya tentang menyesuaikan Tombol Beli.

Sebelum membuat Tombol Beli untuk koleksi, Anda harus:

Langkah-langkah:

Desktop

  1. Dari admin Shopify Anda, buka Saluran penjualan > Tombol Beli.

  2. Klik Buat Tombol Beli.

  3. Klik Tombol Beli Koleksi.

  4. Pilih koleksi, atau gunakan pencarian untuk menemukan koleksi. Klik Pilih.

  5. Opsional: sesuaikan Tombol Beli.

    1. Pilih tindakan yang terjadi saat pelanggan mengeklik tombol. Anda juga dapat mengustomisasi tampilan tombol.
    2. Secara default, perilaku checkout adalah membuka jendela baru, tetapi Anda dapat memilih untuk membuka checkout di tab browser yang sama dengan situs web Anda. Klik Pengaturan lanjutan > Alihkan di tab yang sama.

  6. Klik Berikutnya.

  7. Klik Salin kode.

  8. Buka editor HTML untuk halaman web tempat Anda ingin menampilkan Tombol Beli. Lihat Menambahkan kode Tombol Beli ke HTML.

  9. Tempelkan kode di dalam HTML di tempat Anda ingin Tombol Beli muncul, lalu simpan perubahan Anda.

Mobile

  1. Dari Shopify app, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Tombol Beli.

  3. Ketuk Buat Tombol Beli.

  4. Ketuk Tombol Beli Koleksi.

  5. Pilih koleksi, atau gunakan pencarian untuk menemukan koleksi, lalu ketuk Pilih.

  6. Opsional: Ketuk Sesuaikan.

    1. Pilih tindakan yang terjadi saat pelanggan mengeklik tombol. Anda juga dapat mengustomisasi tampilan tombol.
    2. Secara default, perilaku checkout adalah membuka jendela baru, tetapi Anda dapat memilih untuk membuka checkout di tab browser yang sama dengan situs web Anda. Ketuk Pengaturan lanjutan > Alihkan di tab yang sama.

  7. Ketuk Selesai.

  8. Ketuk Salin kode.

  9. Buka editor HTML untuk halaman web tempat Anda ingin menampilkan Tombol Beli. Lihat Menambahkan kode Tombol Beli ke HTML.

  10. Tempelkan kode di dalam HTML di tempat Anda ingin Tombol Beli muncul, lalu simpan perubahan Anda.