Cara Mengatur Shop Marketplace Buttons di WooCommerce (LarisTurbo)
Panduan lengkap Shop Marketplace Buttons For WooCommerce: tombol Shopee, Tokopedia, TikTok Shop, URL per produk, urutan tombol, posisi di halaman produk, dan integrasi sticky mobile.
Shop Marketplace Buttons For WooCommerce menambahkan tombol menuju marketplace eksternal (Shopee, Tokopedia, TikTok Shop, atau slot kustom) di halaman produk WooCommerce. Cocok untuk toko yang berjualan di website sendiri sekaligus di marketplace, dan ingin mengarahkan pembeli ke listing yang sudah ada.
Setiap tombol punya label, ikon, dan URL. URL bisa diisi global di pengaturan fitur, lalu ditimpa per produk lewat metabox Shop Marketplace Buttons saat edit produk. Tombol hanya akan muncul kalau elemen yang dibutuhkan sudah lengkap (terutama URL, dan untuk slot tertentu juga butuh label+ikon).
Tutorial ini membahas aktivasi fitur, konfigurasi tombol + posisi, cara mengisi link per produk, dan cara verifikasi di frontend.
Yang akan tampil di toko
Di halaman produk tunggal, pengunjung melihat:
- Teks pengantar (default Indonesia: Produk ini juga tersedia di marketplace berikut:) jika Show Intro Text aktif
- Satu atau lebih tombol marketplace berikon (misalnya Shopee, Tokopedia, TikTok Shop)
- Klik tombol membuka URL marketplace produk tersebut (opsional tab baru jika Open Links in New Tab aktif)
Prasyarat
- Plugin LarisTurbo For WooCommerce by TokoPressID terpasang dan lisensi aktif
- WooCommerce aktif
- URL listing produk di marketplace (global atau per produk)
Cara membuka pengaturan
- Login ke WordPress Admin.
- Buka LarisTurbo → For WooCommerce.
- Di daftar fitur, cari Shop Marketplace Buttons For WooCommerce, lalu klik Settings.
Opsi detail muncul setelah Enable Shop Marketplace Buttons dicentang.
Opsi yang tersedia
Aktivasi dan daftar tombol
| Label di plugin | Jenis | Fungsi |
|---|---|---|
| Enable Shop Marketplace Buttons | Checkbox | Menyalakan fitur. Setelah aktif, URL per produk bisa diisi saat edit produk |
| Shop Marketplace Buttons | Sortable | Mengatur marketplace mana yang aktif dan urutan tampil. Default: Shopee, Tokopedia, TikTok Shop |
| Open Links in New Tab | Checkbox | Membuka link marketplace di tab baru |
| Show Intro Text | Checkbox | Menampilkan teks pengantar di atas tombol (default: aktif) |
| Custom Text | Teks | Teks pengantar kustom. Kosong = default locale (ID: Produk ini juga tersedia di marketplace berikut:) |
Marketplace bawaan (tema standar):
| Key | Label default | Status awal |
|---|---|---|
shopee |
Shopee | Aktif otomatis (ikon bawaan plugin) |
tokopedia |
Tokopedia | Aktif otomatis |
tiktokshop |
TikTok Shop | Aktif otomatis |
custom1–custom3 |
Custom 1–Custom 3 | Perlu Label + Icon diisi agar tidak bertanda Inactive |
Pada tema digital, slot bernama Marketplace 1 sampai Marketplace 6 (semua perlu label dan ikon).
Posisi di halaman produk
Bagian Shop Marketplace Buttons Position in Single Product Page:
| Nilai | Label di plugin | Catatan |
|---|---|---|
after-atc-section |
After Add to Cart Section | Setelah section Add to Cart di summary (default). Tetap tampil meski tombol ATC disembunyikan tema |
before-atc-section |
Before Add to Cart Section | Sebelum section Add to Cart |
after-atc-button |
After Add to Cart Button | Setelah tombol Add to Cart (tersembunyi jika tombol ATC disembunyikan) |
before-atc-button |
Before Add to Cart Button | Sebelum tombol Add to Cart |
custom |
Manual Placement | Shortcode atau block |
Shortcode:
[laristurbo_wc_shop_marketplace]: di dalam product loop[laristurbo_wc_shop_marketplace product_id="123"]: di mana saja dengan ID produk
Block editor: Shop Marketplace Buttons For WooCommerce (LarisTurbo).
Pengaturan per marketplace
Di bawah heading Tokopedia Button, Shopee Button, dan seterusnya, masing-masing punya:
| Label | Fungsi |
|---|---|
| Label | Teks pada tombol (placeholder = nama marketplace) |
| Icon | Gambar ikon tombol (wajib untuk slot Custom/Marketplace) |
| Shop URL | URL fallback toko marketplace jika produk tidak punya URL khusus |
| Color | Warna latar tombol |
Custom Styles
| Label | Fungsi |
|---|---|
| Intro Text Alignment | Perataan teks pengantar |
| Intro Text Font Size (px) | Ukuran font teks pengantar |
| Intro Text Color | Warna teks pengantar |
| Buttons Alignment | Perataan grup tombol |
| Buttons Font Size (px) | Ukuran font label tombol |
| Margin (px) | Jarak luar komponen |
Pengaturan global bisa ditimpa oleh block di editor block theme.
Integrasi
Bagian Integration menampilkan tautan Setup Now ke pengaturan Sticky Mobile Call-To-Action Button jika fitur sticky aktif, agar tombol marketplace juga bisa muncul di bar sticky mobile.
Event Meta Pixel saat klik tombol dikonfigurasi di LarisTurbo → For Integrations → Meta Pixel (bukan di halaman Settings fitur ini).
URL per produk
Setelah fitur aktif, saat mengedit produk di Products → All Products:
- Buka produk yang ingin ditautkan ke marketplace.
- Cari metabox/section Shop Marketplace Buttons.
- Isi field {Marketplace} Product URL (misalnya Shopee Product URL) dengan link listing produk tersebut.
- Update produk.
Prioritas URL yang dipakai plugin:
- URL di metabox produk (
_shop_{key}_url) - Shop URL global di Settings fitur
- URL default dari definisi opsi (biasanya kosong)
Tombol tidak muncul jika tidak ada URL valid, meskipun marketplace ada di daftar sortable.
Langkah konfigurasi umum
1. Aktifkan dan pilih marketplace
- Centang Enable Shop Marketplace Buttons.
- Di Shop Marketplace Buttons, seret untuk mengatur urutan dan pastikan Shopee/Tokopedia/TikTok Shop (atau custom) aktif di daftar.
- Untuk slot Custom, isi Label dan Icon hingga badge Inactive hilang.
- Simpan.
2. Isi URL fallback (opsional)
- Di masing-masing heading marketplace, isi Shop URL jika Anda punya URL toko umum (digunakan saat produk tidak punya URL khusus).
- Atur Open Links in New Tab dan Custom Text jika perlu.
- Simpan.
3. Atur posisi
- Pilih Position (misalnya After Add to Cart Section).
- Atau pilih Manual Placement dan sisipkan shortcode/block.
- Simpan.
4. Isi URL per produk
- Edit produk, isi Product URL di section Shop Marketplace Buttons.
- Update produk dan buka halaman produk di frontend.
Verifikasi
- Teks pengantar muncul (kecuali Show Intro Text dimatikan)
- Hanya marketplace dengan URL valid yang menampilkan tombol
- Urutan tombol mengikuti Shop Marketplace Buttons sortable
- Klik tombol membuka URL yang benar; tab baru jika Open Links in New Tab aktif
- Jika Sticky Mobile Call-To-Action Button aktif dan Show Sticky Shop Marketplace Buttons, if any dicentang, ikon marketplace muncul di bar sticky (hanya ikon, tanpa label panjang)
Troubleshooting
| Gejala | Kemungkinan penyebab | Solusi |
|---|---|---|
| Tidak ada tombol sama sekali | Fitur belum aktif | Centang Enable Shop Marketplace Buttons |
| Marketplace tertentu tidak muncul | Tidak ada URL | Isi Product URL di produk atau Shop URL global. |
| Custom selalu Inactive | Label atau ikon kosong | Isi Label dan Icon untuk slot Custom |
| Tombol ada tapi salah link | URL fallback dipakai | Isi URL spesifik di metabox produk |
| Posisi tidak kelihatan | Hook ATC tertutup tema | Coba Before/After Add to Cart Section, atau Manual Placement. |
| Intro text tidak muncul | Opsi dimatikan | Centang Show Intro Text |
| Duplikat tombol di mobile | Sticky + halaman produk | Centang Hide Product Page Shop Marketplace Buttons When Sticky Shop Marketplace Buttons is Active di Settings sticky CTA |
| Shortcode kosong | Tanpa produk di konteks | Pakai product_id="ID" di luar halaman produk |
Ringkasan
- Aktifkan fitur, atur daftar dan urutan di Shop Marketplace Buttons, isi URL per produk di metabox
- Shopee/Tokopedia/TikTok Shop sudah punya ikon bawaan; Custom perlu label + ikon
- Posisi default After Add to Cart Section; manual lewat
[laristurbo_wc_shop_marketplace] - Integrasi sticky mobile dan Meta Pixel dikonfigurasi di fitur terkait