Akun Saya di WooCommerce - Pengaturan, Kode Pendek & Bidang Kustom

Diterbitkan: 2018-08-06

Dalam panduan singkat ini, saya akan menunjukkan cara mengatur halaman Akun Saya di WooCommerce menggunakan pengaturan bawaan dan kode pendek. Anda juga akan melihat cara menambahkan bidang khusus ke halaman di WooCommerce. Anda mungkin berpikir itu sulit dilakukan. Jangan khawatir! Dengan plugin khusus & gratis, Anda akan menyesuaikan halaman WooCommerce My Account dengan cepat!

Hari ini Anda akan melihat cara menyetel halaman Akun Saya, menggunakan kode pendek [ woocommerce_my_account ], dan menyesuaikan halaman dengan bidang khusus dari formulir checkout WooCommerce dengan plugin GRATIS . Mari kita mulai!

Daftar isi

  • Halaman Akun Saya WooCommerce - pengaturan & kode pendek
  • Kustomisasi halaman Akun Saya WooCommerce - intro cepat
  • Langkah-langkah untuk menambahkan bidang khusus ke halaman Akun Saya
  • Sesuaikan halaman pembayaran WooCommerce
  • Ringkasan & lainnya

WooCommerce Halaman Akun Saya

Halaman Akun Saya di WooCommerce dirancang untuk pelanggan dengan data tentang akun dan pesanan mereka.

Saya akan menunjukkan kepada Anda pengaturan dan cara menggunakan kode pendek [ woocommerce_my_account ] (tanpa spasi) untuk mengonfigurasi Akun Saya di WooCommerce. Kemudian, saya akan menunjukkan cara menambahkan bidang khusus ke halaman dengan plugin gratis.

Tapi pertama-tama mari kita lihat halaman yang dilihat pelanggan Anda.

Bagian akun saya secara default

Mari kita mulai dengan melihat sekilas bagian Akun Saya.

Secara default, bagian toko WooCommerce Anda terlihat seperti ini:

woocommerce akun saya
WooCommerce Dasbor Akun Saya

Saat pelanggan mengeklik tautan Alamat, mereka dapat melihat semua nilai untuk bidang alamat default:

alamat woocommerce akun saya
Akun Saya: Alamat

Tidak ada yang ajaib di sini sekarang Tapi ini adalah tempat di mana Anda ingin meletakkan bidang khusus Akun Saya WooCommerce. Pergi ke contoh →

Cara menggunakan [ woocommerce_my_account] untuk menambahkan Akun Saya di WooCommerce

Anda dapat menggunakan kode pendek [ woocommerce_my_account ] (tanpa spasi) untuk membuat halaman Akun Saya di WooCommerce. Itu adalah opsi WooCommerce standar yang memungkinkan pelanggan Anda memeriksa pesanan dan detail akun mereka.

Tambahkan shortcode [ woocommerce_my_account ] ke salah satu halaman Anda:

WooCommerce kode pendek akun saya
Menambahkan shortcode woocommerce_my_account

WooCommerce akan menggunakan halaman tersebut sebagai Akun Saya.

Jika Anda menambahkan kode pendek ke posting blog atau halaman lain, WooCommerce juga akan membuat bagian Akun Saya!

Pengaturan halaman Akun Saya

Sekarang, mari kita lihat pengaturan dasar dan opsi tambahan yang dapat Anda gunakan untuk menyesuaikan Akun Saya di WooCommerce.

Akun & Privasi

Buka WooCommerce → Pengaturan → Akun & Privasi untuk memutuskan tentang akun pelanggan di WooCommerce.

Misalnya, Anda dapat memilih untuk mengizinkan pelanggan Anda membuat akun selama checkout atau mengizinkan pesanan untuk tamu.

WooCommerce sesuaikan halaman akun saya
Pengaturan checkout tamu di WooCommerce

Pengaturan lanjutan

Buka WooCommerce → Pengaturan → Lanjutan → Pengaturan halaman untuk memilih halaman Akun Saya dan titik akhir Akun. Mereka ditambahkan ke URL untuk bagian tertentu dari halaman Akun Saya.

WooCommerce sesuaikan halaman akun saya
Buka tab Lanjutan untuk penyiapan halaman

Pengaturan WooCommerce akun saya
Titik akhir checkout dapat ditemukan di bawah penyiapan halaman di tab Lanjutan

Sesuaikan WooCommerce halaman Akun Saya - Intro

Katakanlah Anda ingin menambahkan bidang ke bagian Alamat pengiriman. Saya membuat kolom kustom teladan dengan Flexible Checkout Fields - plugin WordPress gratis untuk mengelola kolom checkout WooCommerce.

Kustomisasi plugin WooCommerce My Account

Sesuaikan halaman Akun Saya WooCommerce menggunakan pengaturan, bidang khusus, dan plugin! Personalisasikan formulir checkout WooCommerce dengan mudah!

Unduh gratis atau Buka WordPress.org
80.000+ Instalasi Aktif
Terakhir Diperbarui: 13-03-2023
Bekerja dengan WooCommerce 7.1 - 7.6.x

Saya menamakannya Some Single Line Text Field:

contoh WooCommerce Kustomisasi akun saya
Sesuaikan halaman WooCommerce My Account dengan bidang teks

Tentu saja, itu bisa memiliki nama yang lebih menarik. Anda bisa menamainya sesuka Anda. Itu semua tergantung pada kebutuhan Anda. Itu saya, beberapa teks adalah nilai dari bidang ini.

Pelanggan dapat mengedit nilai bidang. Di situlah saya memberikan nilai That is me, some text :) untuk pertama kalinya. Tepat sebelum membuat tangkapan layar sebelumnya.

Pengaturan bidang khusus di Akun Saya
Akun Saya: Pengaturan khusus

Saat Anda menambahkan bidang khusus seperti itu ke toko Anda, itu juga akan muncul di kasir:

Bidang khusus di kasir
Kustomisasi halaman Akun Saya WooCommerce: contoh bagaimana Anda dapat menyesuaikannya

Jika pelanggan memberikan nilai sebelumnya, akan ada nilai di bidang. Bidang menyimpan nilainya dalam database. Kemudian, pelanggan dapat mengubah nilai di Akun Saya atau saat melakukan pemesanan di lain waktu.

Bidang khusus akun saya di WooCommerce - contoh

️Saya ingin menunjukkan contoh lain kepada Anda. Lihat tombol radio:

Tombol Radio Teladan saat Checkout
Akun Saya WooCommerce: sesuaikan dengan tombol radio

️Ini juga berfungsi sebagai salah satu bidang khusus Akun Saya WooCommerce! Artinya pelanggan dapat melihatnya di bagian Akun Saya:

Tombol radio akun saya
Tombol radio teladan di WooCommerce My Account

Plugin, yang akan saya tunjukkan selanjutnya, memungkinkan Anda membuat sekitar 10 jenis bidang khusus .

Selain itu, Anda dapat menyetel gaya CSS ke kolom di toko Anda.

Tambahkan bidang khusus ke Akun Saya di WooCommerce

  1. Dapatkan Bidang Checkout Fleksibel

    Saya akan menggunakan plugin gratis untuk menyesuaikan checkout WooCommerce untuk menambahkan bidang yang akan muncul di halaman Akun Saya.

    Unduh plugin →

  2. Aktifkan dan atur plugin

    Anda dapat menginstal dan mengaktifkan plugin ini di WordPress → Plugins . Kemudian, Anda dapat mengonfigurasinya.

    ️ Untuk melakukannya, buka WooCommerce → Bidang Checkout di menu WordPress Anda.

    Anda akan menemukan layar pengaturan. Secara default, ini adalah bagian Penagihan. Anda dapat mengubah bagian yang sedang Anda edit dengan memilih tab yang tepat di bagian atas layar.

    Di sini Anda dapat melihat bagian Pengiriman:

    akun saya woocommerce
    Plugin Akun Saya WooCommerce: Tambahkan bidang khusus baru dengan Bidang Checkout Fleksibel
  3. Tambahkan bidang khusus ke Akun Saya

    Saya menandai kotak Tambah Bidang Baru di tangkapan layar. Gunakan untuk menambahkan bidang khusus baru.

    Pilih Jenis Bidang dan berikan Label . Anda dapat mengubah Label nanti.

    Ada juga Nama . Anda tidak perlu mengubah apa pun di sini. Ini adalah nama bidang dalam database. Pengembang menggunakan opsi ini jika mereka membutuhkannya untuk proyek mereka.

    WooCommerce bidang khusus akun saya: Tampilan Pada Pengaturan
    Kustomisasi halaman Akun Saya WooCommerce - Pilih tempat untuk menampilkan bidang kustom baru
  4. Tampilkan bidang di Akun Saya

    ️ Setelah Anda menambahkan bidang, Anda dapat mengubah pengaturan Tampilan Aktif . Secara default, plugin menandai semua halaman.

    Dengan cara ini, setiap bidang yang Anda buat dengan plugin ini, muncul di Akun Saya. Seperti yang Anda lihat, Anda dapat mengontrol di mana tepatnya bidang akan muncul. Anda dapat memilih untuk menampilkan kolom di Halaman Terima Kasih, Alamat dan/atau bagian Pesanan di halaman Akun Saya, atau email:

    woocommerce kustomisasi plugin akun saya
    Pesanan di WooCommerce Akun Saya
  5. Bidang baru di Akun Saya

    Itu saja. Anda tidak perlu melakukan hal lain. Itu hanya bekerja!

    contoh WooCommerce kustomisasi akun saya
    Akun Saya dengan kolom teks

Kustomisasi checkout dengan Bidang Checkout Fleksibel

Anda dapat menggunakan plugin untuk menambahkan bidang khusus ke Akun Saya. Namun, itu belum semuanya!

Anda juga bisa:

  • dengan mudah menambahkan 12 jenis bidang khusus ke kasir dalam versi gratis plugin
  • dengan mudah menambahkan 22 jenis bidang khusus ke kasir dalam versi PRO dari plugin
  • edit atau sembunyikan yang default,
  • mengatur ulang bidang yang ada di kasir.

Lebih dari 80.000 toko menggunakan plugin ini di seluruh dunia setiap hari.

Terlebih lagi, plugin ini memiliki peringkat 4,6 dari 5 bintang .

Anda dapat mengunduh plugin ini secara gratis tetapi Anda membutuhkan Flexible Checkout Fields PRO untuk beberapa bidang.

Dengan versi gratis Anda dapat menambahkan:

  • Teks Baris Tunggal
  • Teks paragraf
  • Textarea
  • Nomor
  • Surel
  • Telepon
  • URL
  • Kotak centang
  • Warna
  • Judul
  • Gambar
  • HTML

Tonton video ini untuk mengetahui apa yang dapat ditawarkan plugin kepada Anda dalam versi gratis:

Bidang Checkout Fleksibel PRO memungkinkan Anda membuat lebih banyak jenis bidang:

  • Multi-kotak centang
  • Tombol radio
  • Pilih (Drop Down)
  • Multi-Pilih
  • Tombol radio dengan gambar
  • Tanggal
  • Tombol radio dengan warna
  • Waktu
  • Pemilih warna
  • Tanggal
  • Unggah File
  • Tersembunyi
Bahkan jika Anda memerlukan beberapa bidang dari PRO, Anda dapat memeriksanya secara gratis sebelum membeli! Cukup unduh plugin dengan mengklik tombol Unduh di atas:

Kustomisasi plugin WooCommerce My Account

Sesuaikan halaman Akun Saya WooCommerce menggunakan pengaturan, bidang khusus, dan plugin! Personalisasikan formulir checkout WooCommerce dengan mudah!

Unduh gratis atau Buka WordPress.org
80.000+ Instalasi Aktif
Terakhir Diperbarui: 13-03-2023
Bekerja dengan WooCommerce 7.1 - 7.6.x

Ringkasan & lainnya

Anda telah mempelajari cara menambahkan bidang khusus ke Akun Saya. Namun, plugin ini memiliki lebih banyak hal untuk ditawarkan. Pertama, ini memungkinkan Anda membuat sekitar 20 jenis bidang. Anda juga dapat menggunakan fitur seperti logika bersyarat, dll. Lihat kotak Artikel terkait untuk panduan lebih lanjut.

Jika Anda lebih menyukai tutorial video, kami telah membuat daftar putar Youtube ini untuk Anda, di mana Anda dapat melihat semua panduan video yang terkait dengan plugin Flexible Checkout Fields.

Kami mencari tanggapan Anda! Apakah panduan ini membantu Anda? Apakah plugin kami berguna untuk Anda? Beri tahu kami di bagian komentar di bawah.