Step 15 – Cara Menggunakan “E-commerce Integration” di AfterSale

Bahagian E-commerce Integration digunakan untuk menghubungkan sistem AfterSale dengan platform e-commerce anda seperti:

• WooCommerce (WordPress)
• Shopify
• Custom e-commerce API
• Marketplace (jika plugin disediakan)

Kelebihannya:

• Sync order secara automatik ke AfterSale
• Mengaktifkan automation seperti reminder, upsell, follow-up
• Integrasi Abandoned Cart (WooCommerce)
• Boleh trigger WhatsApp automation bila order masuk

1. Pengenalan Antaramuka

Dalam halaman E-commerce Profile, anda akan lihat:

• Butang “New”

Untuk menambah profile integrasi e-commerce baharu.

•  Search Bar

Untuk mencari profile e-commerce yang sudah dibuat.

• Button “Download WC Abandoned Cart Webhook Plugin”

(WooCommerce sahaja)
Ini digunakan untuk:

• Track abandoned cart
• Hantar follow-up WhatsApp/email
• Trigger automation bila buyer tinggalkan cart
•  Jadual Profil E-commerce

Kolum	Fungsi
Profile Name	Nama integrasi
API Name	Platform (WooCommerce / Shopify / Custom API)
Actions	Edit / Delete

Sekarang → No data available in table (belum ada integrasi dibuat).

2. Cara Menambah E-commerce Integration Profile Baharu

Langkah 1 — Klik Butang “New”

Langkah 2 — Pilih Platform Integrasi

Biasanya pilihan yang tersedia:

• WooCommerce (WordPress)
• Shopify
• Custom API (Webhook / REST API)

Langkah 3 — Isi Maklumat Mengikut Platform

A. Jika Anda Menggunakan WooCommerce

1. Site URL
   Contoh:
   https://yourstore.com
2. Consumer Key (API Key)
3. Consumer Secret

Cara dapatkan API WooCommerce:

• WordPress Admin → WooCommerce → Settings
• Advanced → REST API
• Add Key → beri permission: Read/Write
• Generate key → Copy kedua-dua keys
• Profile Name
  Contoh: “WooCommerce Store 1”
• Save.

B. Jika Anda Guna Shopify

1. Store Domain
   Contoh:
   yourstore.myshopify.com
2. Admin API Access Token
3. API Version (optional)

Cara dapatkan API Token:

• Shopify Admin → Apps → App Development
• Create Private App / Custom App
• Beri permission Orders + Customers + Products
  Copy token
• Save.

C. Custom Webhook / API Integration

Digunakan untuk:

• Sistem e-commerce custom
• Marketplace (Shopee/Lazada) jika ada plugin
• POS atau invoicing system

Maklumat diperlukan:

• API Endpoint URL
• Secret Key / Token
• Field Mapping (name, phone, item, order_id, price, etc.)
• Save.

3. Integrasi Tambahan (WooCommerce Abandoned Cart)

Jika anda menggunakan WooCommerce, anda akan nampak:

Download WC Abandoned Cart Webhook Plugin

Fungsi plugin:

• Track pelanggan yang tinggalkan cart
• Hantar WhatsApp auto reminder
• Automasi follow-up
• Tingkatkan conversion rate

Cara setup:

1. Klik Download Plugin
2. Upload ke WordPress
   → WordPress Admin → Plugins → Add New → Upload Plugin
3. Activate plugin
4. Masukkan Webhook URL dari AfterSale (akan diberikan selepas setup profile)

Selepas itu:

Sistem akan mula menangkap abandoned cart
Anda boleh buat automation di bahagian Workflow/Bot Manager

4. Edit atau Padam E-commerce Profile

Untuk Edit

1. Cari profile
2. Klik Edit
3. Kemaskini API Key / URL
4. Save

Untuk Delete

1. Klik Delete
2. Sahkan padam

Nota: Jika dipadam, order tidak lagi disync ke AfterSale.

5. Apa Yang Boleh Dilakukan Selepas Integrasi Berjaya?

Sync Order ke AfterSale secara automatik

Untuk:

• Filtering
• Follow-up
• Broadcasting
• Customer segmentation

Automasi WhatsApp / Email

Contoh automasi:

• Order received message
• Payment pending reminder
• Shipping update
• Review request follow-up

Abandoned Cart Recovery

Jika WooCommerce:

• Tingkatkan conversion
• Hantar WhatsApp auto message
• Trigger automation selepas 15 min / 1 jam / 24 jam

Customer Tagging

Boleh tag pelanggan baru secara automatik.

Tips Setup E-commerce Integration

• Elakkan plugin security yang block webhoo
• Pastikan API Key anda mempunyai permission Read/Write
• Gunakan HTTPS (SSL) untuk keselamatan
• Pastikan produk & order boleh diakses oleh API