Kustomisasi checkout Shopify: opsi apa yang Anda miliki

Diterbitkan: 2022-08-31

Shopify memberi setiap pedagang proses checkout yang telah ditentukan sebelumnya. Ia bekerja dengan cepat dan aman tanpa usaha ekstra dari pihak Anda. Tetapi Anda mungkin ingin mengubahnya agar pembayaran lebih sesuai dengan desain toko Anda, menghilangkan gesekan, menambahkan penawaran khusus, dll.

Semua platform e-niaga menggabungkan bidang checkout khusus: misalnya, menambahkan catatan atau pesan hadiah ke pesanan tersedia dalam solusi utama apa pun (Woocommerce, Squarespace, Eqwid, dan lainnya). Tetapi Shopify mungkin yang paling fleksibel dalam cara Anda dapat memodifikasi checkout tanpa pengembangan khusus.

Dalam posting ini, kita akan membahas kustomisasi checkout Shopify yang dapat dilakukan dan bagaimana menerapkannya.

Seberapa dapat disesuaikan checkout Shopify?

Sebagian besar halaman checkout yang Anda lihat di toko Shopify hampir sama. Halaman ini dibagi menjadi dua bagian: bagian kiri untuk pelanggan mengisi informasi pengiriman dan pembayaran, dan bagian kanan menampilkan ringkasan pesanan.

Anda tidak dapat mengubah struktur dan logika checkout ini. Apa yang dapat Anda lakukan berkisar pada mengubah tampilan halaman dan menambahkan bidang tambahan. Tetapi bahkan perubahan kosmetik sekecil apa pun dapat sangat memengaruhi pengalaman checkout dan meningkatkan konversi Anda.

Bagaimana jika Anda ingin mengubah struktur checkout?

Saat ini, hanya pedagang Shopify Plus yang memiliki kemampuan untuk memengaruhi logika pembayaran dengan mengedit template checkout.liquid. Namun, itu bisa terlalu berisiko, dan Shopify sendiri tidak senang dengan hal itu. Mengedit kode checkout menimbulkan risiko berikut:

  • Ini mungkin merusak sesuatu di situs web dan tidak membiarkan pelanggan menyelesaikan pesanan sama sekali.
  • Mungkin rumit dan padat karya untuk mengintegrasikan kode pihak ketiga.
  • Saat ditambahkan, JavaScript pihak ketiga dapat mengakses data sensitif, yang dapat menyebabkan masalah keamanan.

Untuk mengatasi hal ini, Shopify membuat arsitektur ekstensi checkout untuk memungkinkan pengembang membuat aplikasi kustomisasi checkout . Anda dapat mengubah banyak hal yang sudah menggunakan berbagai aplikasi Shopify, tetapi Anda dapat mengharapkan lebih banyak peluang penyesuaian dengan munculnya ekstensi checkout. Berdasarkan komponen UI dan API branding yang disediakan oleh Shopify, ekstensi ini akan memungkinkan penambahan bagian checkout yang ada, mengganti beberapa elemen, dan menambahkan fungsionalitas yang sama sekali baru.

Jenis penyesuaian checkout di Shopify

Dengan itu, kami akan membahas 2 jenis utama penyesuaian checkout yang tersedia untuk Anda: yang pertama adalah perubahan tema yang dapat Anda terapkan sendiri dengan mudah, dan yang kedua adalah fitur tambahan yang digabungkan dengan bantuan aplikasi Shopify.

1. Kustomisasi visual yang sangat mudah dari checkout Shopify Anda

Untuk saat ini, mari kita lihat apa yang dapat Anda lakukan di editor tema Anda tanpa bantuan tambahan. Saat Anda mengklik Kustomisasi di sebelah tema Anda saat ini, pilih Checkout di menu atas dan buka bagian Checkout di pengaturan Tema di sebelah kiri.

Mengedit checkout dalam kustomisasi tema

Di sini, Anda dapat melakukan banyak penyesuaian checkout sederhana:

  • Tambahkan logo Anda ke halaman checkout. Logo Anda harus mengikuti pelanggan dari satu halaman ke halaman lain, menciptakan citra merek yang konsisten. Jangan biarkan halaman checkout Anda hanya menampilkan nama toko Anda—fitur logo saja.

  • Ubah warna bagian halaman, teks, tautan, dan tombol. Alih-alih meninggalkan warna default, Anda dapat mengatur apa yang lebih cocok dengan elemen merek Anda. Anda juga dapat mengatur gambar latar belakang untuk konten halaman utama dan ringkasan pesanan, tetapi ini bukan praktik yang disarankan—informasi di area ini harus terlihat jelas.

Shopify juga memberi Anda beberapa font. Jika Anda menemukan yang cocok, pilih untuk mempersonalisasi tampilan kasir.

Font khusus di kasir
Font kustom di kasir. Sumber: Verve

  • Tambahkan spanduk bermerek atau gambar yang relevan sebagai tajuk. Sebagai elemen kecil header gambar, itu benar-benar dapat mengubah tampilan halaman checkout Anda.
Header gambar khusus di halaman checkout
Header gambar khusus di halaman checkout. Sumber: Alkimia Cokelat

Anda juga dapat mengubah beberapa bidang dari admin Shopify Anda di bagian Checkout dan akun :

  • Edit pendaftaran pemasaran. Anda dapat menambahkan pendaftaran email dan SMS dan mengubah default "Email saya dengan berita dan penawaran" untuk sesuatu yang lain. Untuk melakukan yang terakhir, klik pada label kotak centang Kustomisasi dan masukkan frasa Anda di bidang masing-masing.
Menyesuaikan pendaftaran email dan SMS

Namun, jika Anda ingin menyorot bidang ini dengan membuat desain khusus untuk bidang tersebut atau mengontrol tempat ditampilkannya, pengaturan default saja tidak cukup. Aplikasi Shopify atau pengkodean khusus akan membantu Anda menyesuaikan kotak pendaftaran.

  • Tetapkan opsi login pelanggan dan bidang input yang diperlukan. Dalam pengaturan admin Anda, Anda dapat menentukan bagaimana pengunjung dapat membuat pesanan: mengizinkan checkout tamu, mengatur Multipass, dll. Plus, Anda dapat menyesuaikan bidang konten apa yang ditampilkan sesuai kebutuhan dan mana yang opsional: misalnya, Anda dapat menyertakan atau mengecualikan Alamat Baris 2.
Pengaturan checkout Shopify: login pelanggan

  • Izinkan tip. Jika masuk akal untuk bisnis Anda, Anda dapat membiarkan pelanggan mengungkapkan penghargaan dengan mengaktifkan pemberian tip di kasir.

2. Kustomisasi checkout Shopify melalui aplikasi atau alat lain

Berbagai aplikasi dapat membantu Anda membuat proses pembayaran Anda sempurna dan menghasilkan konversi. Berikut adalah beberapa contoh yang dapat Anda lakukan:

  • Ganti remah roti default dengan bilah kemajuan. Navigasi breadcrumb yang dibuat secara otomatis untuk checkout terlalu kecil untuk menarik perhatian. Jika Anda ingin pelanggan Anda memahami dengan jelas berapa banyak langkah yang diperlukan untuk menyelesaikan pesanan, Anda dapat menambahkan bilah kemajuan.
Bilah kemajuan pembayaran 5 langkah
Bilah kemajuan checkout 5 langkah. Sumber: Gymshark

  • Tampilkan ambang pengiriman gratis. Masuk akal jika ambang pengiriman gratis diulang pada berbagai tahap proses pembelian: Anda dapat menambahkannya di header toko Anda, menyorotnya di halaman keranjang dan di laci keranjang, dan juga menambahkannya ke kasir (hanya jika syarat pengiriman gratis belum terpenuhi).
Ketentuan pengiriman gratis ditampilkan saat checkout
Ketentuan pengiriman gratis ditampilkan saat checkout. Sumber: Pura Vida

  • Tambahkan hadiah gratis dengan pembelian. Jika Anda menggunakan aplikasi seperti Kotak Hadiah yang memungkinkan Anda memberikan produk gratis, hadiah tersebut akan secara otomatis ditampilkan dalam ringkasan pesanan saat persyaratan yang Anda tentukan terpenuhi (misalnya, ambang pembelanjaan).
Hadiah gratis dengan pembelian di kasir

  • Produk upsell dan cross-sell. Teknik upselling dapat bekerja dengan baik di berbagai tahap corong, termasuk checkout. Anda dapat menambahkan penawaran pasca-pembelian di halaman terima kasih dengan bantuan Rak Permen. Jika Anda ingin menjelajahi berbagai cara dan solusi untuk melakukan upsell pada atau setelah checkout, baca pilihan aplikasi upsell Shopify terbaik kami.

  • Tambahkan penghitung waktu pembayaran. Urgensi adalah motivasi besar bagi pelanggan untuk menyelesaikan pembelian mereka. Tunjukkan pada mereka bahwa produk Anda sangat diminati dengan bantuan penghitung waktu mundur.
Pengatur waktu pembayaran
Waktu pembayaran. Sumber: Burga

  • Biarkan pelanggan mendaftar untuk pembaruan email dan SMS. Fungsionalitas ini tersedia di pengaturan admin Shopify (kami telah menjelaskan cara kerjanya sebelumnya), tetapi dengan aplikasi, Anda akan memiliki lebih banyak fleksibilitas dalam cara menyajikan opsi pendaftaran.

Anda dapat menggabungkan beberapa pendaftaran: untuk kampanye pemasaran Anda dan untuk pembaruan pengiriman. Aplikasi seperti AfterShip akan membantu Anda dengan yang terakhir.

Pembaruan pesanan dan pendaftaran teks pemasaran di kasir
Pembaruan pesanan dan pendaftaran teks pemasaran di kasir. Sumber: Lalu Aku Bertemu Kamu

  • Tambahkan lencana kepercayaan. Aplikasi seperti Trust Me akan membantu Anda dengan mudah menambahkan lencana dengan metode pembayaran yang didukung atau indikator kepercayaan lainnya.

  • Tampilkan detail kontak atau informasi bermanfaat lainnya. Mengapa membiarkan beberapa area kosong jika Anda dapat mengingatkan pelanggan tentang manfaat produk Anda? Anda dapat membuat bagian khusus di bawah ringkasan pesanan:
Manfaat merek disebutkan di halaman checkout
Manfaat merek yang disebutkan di halaman checkout. Sumber: Pura Vida

Atau, Anda dapat mengingatkan pelanggan tentang informasi kontak Anda. Ini dapat menurunkan tingkat pengabaian keranjang karena orang akan lebih cenderung menyelesaikan masalah yang mereka miliki.

Detail kontak di halaman checkout
Detail kontak di halaman checkout. Sumber: Made In

  • Izinkan pelanggan untuk meninggalkan komentar. Aplikasi seperti Komentar Checkout akan membantu Anda menempatkan bidang tambahan ke kasir tempat Anda dapat meminta umpan balik atau membiarkan pelanggan meninggalkan permintaan personalisasi.

  • Buat ringkasan pesanan lengket. Agar pelanggan tidak melupakan pesanan mereka saat menyelesaikan bidang pengiriman dan pembayaran, Anda dapat menggunakan ringkasan pesanan yang melekat (ini akan bergerak bersama dengan pengguliran pelanggan).
Ringkasan pesanan lengket
Ringkasan pesanan lengket. Sumber: Tsuno

  • Buat checkout satu halaman. Ada alat pihak ketiga seperti Chekify yang akan membantu Anda merancang pengalaman checkout yang mencakup semua langkah pada satu halaman.

Kami berharap fitur yang kami sebutkan akan menginspirasi Anda untuk menyesuaikan checkout Anda agar tak tertahankan. Untuk kiat lainnya, lihat panduan kami untuk pengoptimalan checkout Shopify.