HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Blog

Membuat Toko Online Jadi Lebih Menarik Dengan WooCommerce Shortcodes

Anda munkin ingin mengoptimalkan fungsi dan tampilan website toko online Anda dan sudah mengikuti tutorial WooCommerce, namun masih kurang puas dengan fitur yang disediakan. Anda dapat menggunakan WooCommerce shortcodes, kreativitas Anda tidak ada batasnya dan Anda dapat membuat situs web toko online yang menarik. WooCommerce shortcode ini memudahkan untuk menambahkan tampilan dan fungsionalitas yang Anda inginkan. Misalnya jika Anda ingin menampilkan daftar produk yang sudah ada, cukup tambahkan script menggunakan shortcode WooCommerce.

Pengertian Woocommerce Shortcodes dan Manfaatnya

WooCommerce adalah plugin toko online sumber terbuka untuk WordPress. Diperkenalkan pada tanggal 27 September 2011, plugin ini dengan cepat menjadi sangat populer karena kemudahan instalasi dan penyesuaiannya, serta positioning pasar produk dasar sebagai freeware. WooCommerce adalah platform eCommerce tangguh yang sangat dapat disesuaikan, mudah digunakan, dan terukur. Ini dirancang untuk membantu bisnis dari semua ukuran menjual produk dan layanan mereka secara online. Dengan beragam fitur dan opsi penyesuaian, WooCommerce adalah pilihan tepat bagi siapa saja yang ingin membuat toko online dengan WordPress.

Menggunakan WooCommerce sebagai platform toko online yang Anda ada beberapa manfaatnya. Berikut adalah beberapa manfaat utama:

  1. Mudah digunakan

    WooCommerce ramah pengguna dan intuitif, sehingga memudahkan pembuatan toko online meskipun Anda seorang pemula atau tidak memiliki keahlian. Ini adalah pilihan bagus untuk usaha kecil yang tidak memiliki sumber daya untuk menyewa pengembang untuk membuat toko online.

  2. Mudah untuk disesuaikan/kustom

    WooCommerce sangat dapat disesuaikan, memungkinkan pengguna menciptakan tampilan dan nuansa unik untuk toko mereka. Ini menawarkan berbagai tema dan plugin yang dapat Anda gunakan untuk menambahkan fungsionalitas ke toko online Anda.

  3. Skalabilitas

    WooCommerce memungkinkan Anda mengelola produk, pesanan, dan pelanggan dalam jumlah besar dengan mudah. Ini adalah platform canggih yang dapat tumbuh bersama Anda seiring pertumbuhan bisnis Anda, menjadikannya pilihan tepat bagi bisnis yang ingin memperluas kehadiran online mereka.

  4. Terjangkau

    WooCommerce adalah pilihan hemat biaya untuk usaha kecil yang ingin mulai menjual produk secara online. Platform ini bersifat open source dan gratis untuk digunakan, tanpa biaya tersembunyi atau biaya transaksi.

WooCommerce Shortcode adalah kode khusus yang digunakan oleh platform eCommerce. WooCommerce shortcode membantu Anda memasukkan fungsionalitas atau konten tertentu ke halaman atau postingan WordPress Anda. Shortcodes ini memungkinkan pengguna WooCommerce dengan mudah menampilkan informasi produk, keranjang belanja, halaman checkout, kategori produk, dan elemen lainnya tanpa memerlukan pengetahuan pemrograman yang mendalam.

Shortcode WooCommerce sebenarnya berfungsi sebagai tag khusus yang ditempatkan di editor visual atau area teks halaman atau postingan WordPress Anda. Setelah Shortcode ditambahkan dan halaman atau postingan ditampilkan di situs web Anda, kode pendek tersebut dievaluasi dan diubah menjadi konten yang sesuai dengan instruksi yang terkandung di dalamnya.

Keuntungan menggunakan WooCommerce Shortcode adalah memberikan fleksibilitas kepada pengguna WooCommerce untuk mengontrol tampilan dan fungsionalitas toko online mereka. Dengan menggabungkan shortcode yang tepat, pengguna dapat membuat halaman yang disesuaikan dengan preferensi mereka dan secara dinamis menampilkan informasi seperti produk, kategori, dan keranjang belanja.

Cara Menambahkan WooCommerce Shortcodes

Cara menambahkan WooCommerce shortcodes ke halaman website Anda cukup mudah, langkah di bawah ini bisa Anda lakukan untuk menambahkan WooCommerce page shortcodes.

1. klik Pages > Add New pada dashboard WordPress. Kemudian klik ikon tambah, lalu cari Shortcode.

2. Memasukkan WooCommerce shortcodes yang Anda inginkan.

Daftar WooCommerce Shortcodes  

  1. Cart

[woocommerce_cart]. Kode ini memungkinkan Anda  untuk menampilkan halaman keranjang belanja toko online Anda. Pada dasarnya situs ini bersifat dinamis. Artinya, setiap kali pelanggan menambahkan produk ke keranjangnya, produk tambahan terkait akan ditampilkan di halaman ini.

  1. Checkout

[woocommerce_checkout]. Gunakan kode ini untuk menampilkan halaman checkout produk pelanggan. Proses checkout merupakan  aspek penting dalam sebuah website toko online. Oleh karena itu, Anda perlu memastikan bahwa halaman ini  berfungsi dengan lancar ketika pelanggan Anda ingin melakukan pembelian.

  1. My Account

[woocommerce_my_account]. Kode ini digunakan untuk membuat halaman “My Account”.  Hal ini terutama diperlukan jika Anda ingin memahami pelanggan Anda secara lebih komprehensif, mulai dari kebutuhan produk, alamat, dan lain-lain. Halaman ini memungkinkan pelanggan untuk melihat detail pesanan. Anda juga dapat mengubah alamat pengiriman dan metode pembayaran.

  1. Order Track

[woocommerce_order_tracking]. WooCommerce shortcodes ini  membuat halaman pelacakan pesanan. Halaman fitur ini memungkinkan pelanggan untuk memantau proses pengiriman pesanannya.

  1. Product Limit

[products limit=”6”] . Kode ini menunjukkan jumlah produk yang ditampilkan pada halaman. Misalnya, Anda dapat membatasi hingga 6 produk per halaman.

  1. Column Limit

[products limit=”4″ columns=”4″]  WooCommerce shortcodes digunakan untuk menentukan  jumlah produk dalam satu kolom.

  1. Pagination

[products columns=”6” paginate=”true”]. Kode ini memungkinkan Anda  membagi produk Anda menjadi beberapa halaman berbeda. Apalagi jika Anda memiliki produk dalam jumlah banyak. Misalkan Anda ingin menampilkan enam produk dalam satu kolom di setiap halaman. Maka produk ke tujuh dan seterusnya akan dicantumkan di halaman berikutnya.

  1. Recent Products

[products limit=”4″ columns=”4″ orderby=”date” order=”DESC” visibility=”visible”] .  WooCommerce shortcodes  ini dirancang untuk menampilkan produk terbaru. Dengan kode orderby=”date” menampilkan produk  berdasarkan tanggal yang dimasukkan. Kemudian order=”DESC” berarti produk akan disortir berdasarkan tanggal masuk terakhir.

  1. Featured Products

[products limit=”4″ columns=”2″ visibility=”featured” ]. WooCommerce shortcode  ini  menampilkan beberapa produk unggulan atau produk unggulan di toko online Anda. Kode tersebut akan menampilkan 2 produk per baris dan 4 produk unggulan.

  1. On Sale Products

[products limit=”12″ columns=”4″ orderby=”date” on_sale=”true”] . Jika toko online Anda sedang mengadakan obral, Anda dapat melihat produk tertentu yang sedang diobral.

  1. Best Selling Products

[products limit=”3″ columns=”3″ best_selling=”true” ]. WooCommerce Shortcodes tersebut digunakan untuk menampilkan produk terlaris.

  1. Top Rated Products

[products limit=”6” columns=”3” orderby=”date” order=”ASC” top_rated=”true” ].  Tampilkan produk dengan rating tertinggi di WooCommerce. Tentu saja, Anda harus mengaktifkan fitur rating di toko online Anda. Gunakan kode tersebut untuk menampilkan produk dengan rating tertinggi dalam urutan tanggal input 6 produk per halaman.

  1. Special Category Products

[products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”AND”]. Ingin hanya menampilkan produk dari kategori produk tertentu. Gunakan WooCommerce shortcodes ini.  Misalnya, Anda hanya ingin menampilkan kategori “Hoodies” dan “T-Shirts” saja jadi tentukan kategori produk, jumlah produk per halaman, dan batasan per kolom. Kode ini juga berguna jika Anda ingin menampilkan produk selain yang ditentukan. Ubah saja cat_operator ke NOT IN. Contoh: [products limit=”8″ columns=”4″ category=”hoodies, tshirts” cat_operator=”NOT IN”]

  1. Single Products

[products_page]. WooCommerce shortcodes ini berfungsi untuk menampilkan produk tunggal. Nah, Anda dapat menggunakan ID produk atau SKU untuk menampilkannya.  Contoh shortcode-nya :  [product_page id=”243″] atau [product_page sku=”woo-hoodie”]

  1. Related Products

[related_products limit=”3″]  Ingin membantu pengunjung Anda mendapatkan produk serupa? WooCommerce shortcodes  ini dapat membantu. Produk terkait dapat dilihat pada setiap halaman produk. Misalnya, jika Anda ingin menampilkan tiga produk terkait seperti kode pendek.

Shortcode WooCommerce memungkinkan Anda dengan mudah memasukkan elemen penting seperti produk, keranjang belanja, halaman checkout, kategori, dan lain-lian tanpa memerlukan pengetahuan pemrograman yang mendalam. Anda dapat menggunakan berbagai Shortcode yang disediakan oleh WooCommerce untuk menyesuaikan dan menampilkan konten yang relevan sesuai kebutuhan Anda. Anda dapat menggunakan fleksibilitas Shortcode ini untuk merancang toko online yang menarik dan fungsional serta memberikan pengalaman berbelanja yang menyenangkan bagi pelanggan Anda. Saat mengoptimalkan Shortcode WooCommerce Anda, jangan ragu untuk bereksperimen dan menyesuaikan untuk memastikan toko online Anda mencapai potensi penuh untuk kesuksesan bisnis online.

5/5 - (1 vote)
Anisa Sifa

Recent Posts

Mengenal Manfaat GPN Dari Filosofi Logonya!

Apakah Anda menggunakan kartu ATM atau kartu debit? Suka bertransaksi secara cashless? Sepertinya Anda perlu…

2 hours ago

Ingin Membuat Website E-Commerce Yang Menarik? Perhatikan Tips Ini

Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…

1 day ago

Apa Saja Jenis Proyek yang Bisa Dikerjakan UX Designer? Yuk Simak Di Sini

Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…

2 days ago

Aktifkan Keep-Alive Untuk Meningkatkan Performa Website Anda

Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…

3 days ago

Baca Ini Untuk Pelajari Apa Saja Job Description Web Developer

Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…

4 days ago

Rekomendasi Tools A/B Testing untuk Meningkatkan Conversion Rate

Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…

5 days ago