Bagaimana Cara Menambahkan Tombol Tambahkan Ke Keranjang WooCommerce Di Mana Saja Di Halaman?

Diterbitkan: 2024-10-05

Menambahkan tombol “Tambahkan ke Keranjang” di mana pun di situs WordPress Anda dapat meningkatkan pengalaman pengguna toko Anda secara signifikan, sehingga memudahkan pelanggan untuk membeli dari bagian mana pun di situs web.

Baik Anda ingin menambahkannya ke halaman deskripsi produk, halaman beranda, atau halaman kustom apa pun, WooCommerce menyediakan metode sederhana.

Dalam postingan blog ini, saya akan memandu Anda melalui berbagai cara untuk memasukkan tombol Woocommerce “Tambahkan ke Keranjang” di halaman mana pun.

Mengapa Menambahkan Tombol “Tambahkan ke Keranjang” WooCommerce?

Daftar isi

Beralih

Secara default, WooCommerce hanya menempatkan tombol “Tambahkan ke Keranjang” di halaman produk.

Namun, menambahkan tombol ini di bagian lain situs web Anda dapat meningkatkan tingkat konversi dengan menawarkan proses pembelian yang lancar.

Misalnya, menambahkan tombol di beranda, laman landas, atau postingan blog Anda dapat mendorong pengunjung untuk segera melakukan pembelian.

Cara Menambahkan tombol Tambahkan Ke Keranjang WooCommerce

Menambahkan Woocommerce Tombol Tambahkan ke troli dengan menggunakan Elemento Addon untuk Elementor.

Tentang Elemento Addon untuk Elementor

Elemento ADD

Add-on Elementor membawa pembuat halaman Elementor untuk WordPress ke tingkat berikutnya, menyediakan widget canggih dan templat yang dapat disesuaikan kepada pengguna.

Add-on ini dirancang untuk menyederhanakan proses desain dan menawarkan opsi penyesuaian yang luas, sehingga membuat situs web yang menakjubkan menjadi lebih mudah dari sebelumnya.

Selain itu, mereka dilengkapi dengan fitur yang berfokus pada pemasaran untuk membantu meningkatkan kehadiran online Anda.

Untuk menambahkan tombol Tambahkan ke Keranjang WooCommerce di mana saja di halaman Anda menggunakan plugin Elemento Addons, ikuti langkah-langkah berikut:

Langkah 1: Instal dan Aktifkan Plugin

Unduh Plugin : Kunjungi halaman Plugin Elemento Addons dan unduh plugin.

add new plugin

Buka dashboard WordPress Anda → Plugin → Tambah Baru → Unggah Plugin.

Upload Plugin

Unggah file yang diunduh dan klik “ Instal Sekarang .”

activate plugin 1 1

Setelah terinstal, klik “Aktifkan” untuk mengaktifkan plugin.

Untuk Menginstal Elemento Addons silakan tonton video tutorial di bawah ini:

Langkah 2: Aktifkan WooCommerce.

Pastikan WooCommerce diinstal dan diaktifkan di situs WordPress Anda:

woocommerce 1

Jika WooCommerce belum diinstal, buka Plugins Add New dan cari WooCommerce. Silakan instal dan aktifkan.

Pastikan produk Anda ditambahkan ke WooCommerce.

Langkah 3: Buat atau Edit Halaman Menggunakan Elementor

Add new pages 1

Di dashboard WordPress Anda, buka HalamanTambah Baru (atau pilih halaman yang sudah ada).

Edit with elementor 1

Klik Edit dengan Elementor untuk membuka editor halaman Elementor.

Langkah 4: Tambahkan Widget Tambahkan ke Keranjang dari Elemento Addons

sider

Di editor Elementor, cari widget Elemento Addons di sidebar.

drag addon

Cari widget Tambahkan ke Keranjang di daftar widget Elemento Addons.

Seret dan lepas widget Tambahkan ke Keranjang WooCommerce di mana saja pada halaman.

Langkah 5: Konfigurasikan Tombol Tambahkan ke Keranjang

image 1
image 5

Setelah menambahkan widget, Anda harus memilih produk untuk tombol Tambahkan ke Keranjang. Dalam pengaturan widget, Anda akan memiliki opsi untuk memilih produk.

image 2

Anda dapat menyesuaikan label tombol dari panel pengaturan.

Elemento Addons memungkinkan Anda menyesuaikan warna tombol, font, padding, dan efek hover agar sesuai dengan desain situs Anda.

Langkah 6: Perbarui dan Publikasikan Halaman

publish

Setelah menyesuaikan tombol “Tambahkan ke Keranjang”, klik tombol “Perbarui” atau “Terbitkan” di Elementor.

Ini akan mengaktifkan tombol Tambahkan ke Keranjang WooCommerce di halaman Anda, memungkinkan pengguna untuk menambahkan produk yang dipilih ke keranjang mereka dari mana saja di halaman.

image 4

Sekarang, halaman Anda akan menampilkan tombol Tambahkan ke Keranjang WooCommerce, memungkinkan pengguna untuk langsung menambahkan produk yang dipilih ke keranjang mereka dari mana saja di halaman.

Jika seseorang mengklik tombol tersebut, ke mana dia akan diarahkan?

Saat pengguna mengklik tombol “Tambahkan ke Keranjang” yang dibuat dengan Elementor Addon, mereka tidak langsung diarahkan ke halaman lain.

Sebaliknya, produk ditambahkan ke keranjang, memberikan pengalaman yang lancar bagi pengguna dengan menampilkan keranjang di halaman tanpa mengklik di tempat lain.

Pertanyaan Umum

T: Bisakah saya menata tombol Tambahkan ke Keranjang agar sesuai dengan desain situs web saya?

Jawab: Tentu saja! Anda dapat mengatur gaya tombol Tambahkan ke Keranjang dari pengaturan gaya.

T: Apakah mungkin untuk menambahkan tombol Tambahkan ke Keranjang langsung ke konten halaman atau postingan?

Jawab: Ya, Anda dapat menambahkan tombol Tambahkan ke Keranjang ke konten halaman atau postingan.

T: Apa manfaat fleksibilitas dalam menambahkan “Tambahkan ke troli” di mana saja pada halaman?

Jawab: Kemampuan untuk menempatkan tombol “ Tambahkan ke Keranjang ” di mana saja pada halaman menawarkan beberapa manfaat utama: Peningkatan Pengalaman Pengguna, Peningkatan Visibilitas, Pengurangan Pengabaian Keranjang, dan seterusnya.

Kesimpulan

Dengan mengikuti langkah-langkah ini, Anda dapat dengan mudah menambahkan tombol Tambahkan ke Keranjang WooCommerce ke halaman mana pun di situs WordPress Anda menggunakan plugin Elemento Addons.

Proses ini mudah dan sangat mudah beradaptasi, memungkinkan Anda menyesuaikan fungsi dan desain tombol agar selaras dengan kebutuhan estetika dan operasional unik situs Anda.

Terima kasih telah membaca blog ini. Jika Anda merasa artikel ini bermanfaat, bagikanlah ke teman-teman Anda. Jika Anda memiliki pertanyaan, jangan ragu untuk berkomentar di bawah. Kami akan membantu Anda untuk menyelesaikan masalah Anda.

Silakan Berlangganan ke Saluran YouTube kami, kami juga mengunggah konten hebat di sana. Ikuti kami di Instagram , Facebook , dan Twitter .

Temukan lebih banyak artikel:

  • Elemento Addons untuk Elementor untuk Meningkatkan Pengalaman Desain Situs Web Anda
  • 6 Addons Elementor Terbaik untuk Situs Web WooCommerce

Tag: tambahkan ke troli, Elementor, WooCommerce