> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify

> Buat storefront kustom untuk toko Shopify Anda di proyek Website Builder, dan kelola toko Anda dari chat dengan konektor Shopify.

## Apa itu

[YouTube video player](https://www.youtube.com/embed/F_diWtE8vuo)

Dengan Shopify di Manus, Anda membuat storefront kustom untuk toko Shopify di proyek Website Builder. Manus membangun situs web tempat pelanggan Anda berbelanja. Shopify menjalankan sisi perdagangan: produk, inventaris, checkout, pembayaran, pajak, pengiriman, dan pesanan.

Anda dapat menghubungkan toko Shopify yang sudah Anda jalankan. Jika Anda belum memiliki toko, Manus dapat membuatkannya untuk Anda.

Shopify di Manus memiliki dua bagian:

| Bagian | Fungsinya | Tempat Anda menggunakannya |
| - | - | - |
| **Storefront Shopify** | Membangun dan meng-hosting situs web untuk toko Anda | Proyek Website Builder |
| **Konektor Shopify** | Menambahkan dan memperbarui produk, varian, inventaris, dan kode diskon di toko Anda | Chat Manus mana pun |

Anda dapat menggunakan konektor dengan atau tanpa storefront. Untuk gambaran umum, baca [Introducing Shopify on Manus](https://manus.im/blog/manus-shopify-connector).

## Cara menggunakannya

### Membuat storefront Shopify

**1. Jelaskan storefront Anda**

Buka proyek Website Builder, atau mulai proyek baru. Beri tahu Manus bahwa Anda menginginkan storefront Shopify. Jelaskan apa yang Anda jual, siapa pelanggan Anda, dan tampilan yang Anda inginkan. Jika Anda berjualan dalam mata uang selain USD, sebutkan juga.

> "Buat storefront Shopify untuk toko lilin buatan tangan saya. Audiensnya adalah orang-orang yang membeli hadiah untuk hari raya. Gunakan desain yang hangat dan minimalis."

**2. Pilih pengaturan Shopify Anda**

Manus menampilkan kartu **Pilih pengaturan Shopify Anda (Choose your Shopify setup)**. Pilih salah satu opsi:

* **Hubungkan toko yang sudah ada (Connect an existing store).** Pilih toko yang sudah Anda hubungkan. Atau tambahkan toko: tempel URL admin Shopify Anda, misalnya `https://admin.shopify.com/store/store-name`, lalu setujui akses di Shopify.
* **Buat toko baru (Create a new store).** Manus membuat toko pengembangan Shopify untuk proyek Anda. Anda belum memerlukan akun Shopify. Sebelum dapat berjualan, Anda harus mengklaim toko tersebut. Baca [Klaim toko yang dibuat Manus](#klaim-toko-yang-dibuat-manus).

**3. Tinjau dan sempurnakan**

Manus membangun storefront dengan produk dan koleksi di toko Anda. Untuk toko baru, Manus juga menambahkan produk, koleksi, dan gambar. Jika Anda tidak mencantumkan produk apa pun, Manus menambahkan dua produk contoh. Tinjau hasilnya di Preview, lalu minta Manus melakukan perubahan di chat.

**4. Publikasikan storefront**

Publikasikan proyek Anda agar storefront dapat diakses online. Untuk detailnya, baca [Publikasi](https://manus.im/docs/id/website-builder/publishing.md). Opsional: hubungkan domain kustom. Untuk detailnya, baca [Domain kustom](https://manus.im/docs/id/website-builder/custom-domains.md).

### Klaim toko yang dibuat Manus

Jika Anda memilih **Buat toko baru (Create a new store)**, Manus memiliki toko pengembangan tersebut sampai Anda mengklaimnya. Klaim toko saat Anda siap menerima pesanan sungguhan.

> [!WARNING]
>
> Klaim toko Anda dalam 30 hari. Jika tidak, Shopify akan menghapus toko pengembangan tersebut. Kode dan data situs web Anda tidak terpengaruh, tetapi Anda harus membuat toko baru dan menambahkan produk Anda lagi.

1. Di panel proyek, buka **Pengaturan → Integrasi → Shopify (Settings → Integrations → Shopify)** dan pilih **Klaim toko (Claim store)**. Anda juga dapat meminta tautan klaim kepada Manus di chat.
2. Masuk ke Shopify, atau buat akun Shopify. Sekarang Anda adalah pemilik toko tersebut.
3. Di admin Shopify Anda, pilih paket berbayar. Ini akan menghapus kata sandi storefront.
4. Di admin Shopify Anda, atur pembayaran, pengiriman, pajak, dan kebijakan toko.
5. Di admin Shopify Anda, buka **Pengaturan → Domain (Settings → Domains)**. Tambahkan domain storefront Anda sebagai **storefront eksternal (external storefront)**. Dengan begitu, tautan dari checkout akan mengembalikan pelanggan ke storefront Manus Anda.
6. Berikan kembali akses toko kepada Manus. Di **Pengaturan → Integrasi → Shopify**, pilih **Tambahkan ke Konektor (Add to Connectors)**, lalu setujui akses di Shopify. Setelah Anda mengklaim toko, Manus tidak memiliki akses admin ke toko tersebut sampai Anda menyelesaikan langkah ini.

### Kelola toko Anda dengan konektor Shopify

Konektor Shopify memungkinkan Manus mengerjakan tugas toko dari chat. Gunakan untuk unggahan produk massal, merapikan katalog, pembaruan inventaris, dan kode diskon.

**1. Buka Konektor**

Di Manus, buka pengaturan Anda dan buka **Konektor (Connectors)**. Temukan **Shopify** dan pilih **Hubungkan (Connect)**.

Jika Anda mengklaim toko yang dibuat Manus, pilih **Tambahkan ke Konektor (Add to Connectors)** di pengaturan proyek sebagai gantinya.

**2. Masukkan URL admin Shopify Anda**

Tempel URL admin Shopify Anda, misalnya `https://admin.shopify.com/store/store-name`. Manus akan mengarahkan Anda ke Shopify.

**3. Setujui akses**

Masuk ke Shopify dan setujui akses yang diminta Manus. Untuk mengetahui apa yang Anda setujui, baca panduan Shopify [Authorizing AI tool access to your store](https://help.shopify.com/en/manual/ai-powered-tools/connecting-ai-tools/authorizing-access).

**4. Minta Manus mengerjakan tugas toko**

Di chat Manus, jelaskan tugasnya dan sebutkan Shopify. Lampirkan spreadsheet atau gambar jika tugas tersebut membutuhkannya.

Gunakan prompt berikut sebagai titik awal.

**Menambahkan dan memperbarui produk**

* "Ini spreadsheet dari pemasok saya dan folder berisi gambar produk. Buat listing Shopify untuk setiap baris dan cocokkan setiap gambar dengan SKU-nya. Tulis deskripsi sesuai gaya bahasa merek kami."
* "Tambahkan varian Small, Medium, dan Large ke setiap kaus di toko saya, dengan harga $24, $26, dan \$28."

**Menjaga katalog tetap rapi**

* "Audit produk Shopify saya. Temukan listing yang tidak memiliki deskripsi, teks alt, atau harga, lalu perbaiki."
* "Perbarui jumlah inventaris dari spreadsheet ini. Cantumkan semua yang stoknya di bawah lima unit."

**Menjalankan promosi**

* "Buat kode diskon 15% bernama SPRING15 untuk semua lilin. Kode ini berakhir pada hari Minggu."
* "Buat kode gratis ongkir untuk pesanan di atas \$50."

## Yang perlu Anda ketahui

### Semua fitur Shopify

* **Ketersediaan.** Shopify di Manus tersedia pada paket Manus berbayar.
* **Shopify tetap menangani perdagangan.** Checkout, pembayaran, pengiriman, pajak, dan pemenuhan pesanan tetap berada di Shopify. Manus tidak memproses pembayaran.
* **Anda tidak perlu menempelkan kredensial Shopify.** Manus mengelola koneksi untuk Anda. Jangan menempelkan token Shopify atau kunci API ke chat.
* **Anda membayar Shopify dan Manus secara terpisah.** Shopify menagih paket Shopify Anda. Manus menagih penggunaan Manus Anda. Untuk biaya Manus, baca [Penggunaan dan harga](https://manus.im/docs/id/website-builder/getting-started/usage-and-pricing.md).

### Storefront Shopify

* **Checkout berjalan di Shopify.** Saat pelanggan siap membayar, storefront akan mengarahkan mereka ke checkout yang di-hosting Shopify.
* **Tema Shopify Anda tetap sama.** Storefront adalah situs web terpisah. Tema Anda saat ini tetap ada di admin Shopify Anda.
* **Pilih Stripe atau Shopify sebelum memulai.** Sebuah proyek dapat menggunakan Stripe atau Shopify, tetapi tidak keduanya. Setelah Anda menghubungkan Shopify ke sebuah proyek, Anda tidak dapat mengalihkan proyek tersebut ke Stripe. Untuk menerima pembayaran dengan Stripe, gunakan proyek lain. Untuk detailnya, baca [Pembayaran](https://manus.im/docs/id/website-builder/payments.md).
* **Cara Manus membangun storefront.** Untuk proyek baru, Manus menggunakan toolkit Hydrogen dari Shopify. Halaman dirender di server, dan keranjang disimpan di server. Jika Anda menambahkan Shopify ke proyek yang sudah ada, Manus mempertahankan framework proyek saat ini.
* **Keranjang dapat berperilaku berbeda di Preview.** Beberapa browser memblokir cookie keranjang di dalam Preview tersemat. Selalu uji keranjang di luar Preview tersemat juga.
* **Opsi domain storefront eksternal bergantung pada siapa yang membuat toko.** Shopify hanya menawarkan **Tambahkan storefront eksternal (Add an external storefront)** untuk toko yang dibuat oleh partner. Jika Anda menghubungkan toko yang sudah ada, Anda tidak akan melihat opsi ini. Untuk detailnya, baca panduan Shopify [Building a store with a vibe code partner](https://help.shopify.com/en/manual/ai-powered-tools/connecting-ai-tools/vibe-code-partners).

### Toko yang dibuat Manus

* **Toko pengembangan tidak dapat menerima pembayaran sungguhan.** Toko dilindungi kata sandi sampai Anda mengklaimnya dan memilih paket Shopify.
* **Anda memiliki waktu 30 hari untuk mengklaim toko.** Setelah 30 hari, Shopify menghapus toko pengembangan yang belum diklaim. Manus kemudian menampilkan "Your development store is no longer available". Minta Manus membuat toko baru.
* **Akses Manus berubah saat Anda mengklaim toko.** Sebelum Anda mengklaimnya, Manus dapat mengubah produk, koleksi, inventaris, dan gambar Anda secara langsung. Setelah Anda mengklaimnya, pilih **Tambahkan ke Konektor (Add to Connectors)** untuk memberikan akses kembali kepada Manus.

### Konektor Shopify

* **Perubahan langsung diterapkan ke toko live Anda.** Produk, harga, varian, inventaris, dan kode diskon yang diubah Manus akan muncul di admin Shopify Anda. Pelanggan Anda dapat langsung melihatnya.
* **Manus meminta konfirmasi sebelum tindakan destruktif.** Sebelum Manus menghapus produk, varian, atau kode diskon, Manus menampilkan kartu konfirmasi. Tidak ada yang berubah sampai Anda mengonfirmasi. Tindakan destruktif lainnya, seperti pengarsipan, juga memerlukan konfirmasi Anda.
* **Anda dapat menghubungkan lebih dari satu toko.** Setiap toko adalah akun konektor terpisah. Beri tahu Manus toko mana yang harus digunakan.
* **Konektor tidak mengedit tema Anda.** Konektor mengubah data toko, bukan tampilan tema Shopify Anda.

## Tips

### Buat storefront yang lebih baik

* **Berikan prompt pertama yang detail kepada Manus.** Sertakan apa yang Anda jual, audiens Anda, gaya visual, mata uang, dan halaman yang Anda butuhkan.
* **Arahkan Manus ke produk terbaik Anda.** Untuk toko yang sudah ada, sebutkan koleksi atau produk yang harus ditampilkan di halaman beranda.
* **Uji keranjang di luar Preview.** Buka situs mandiri dan tambahkan item ke keranjang. Pastikan keranjang tetap menyimpan item saat Anda berpindah halaman.
* **Uji seluruh proses checkout sebelum peluncuran.** Di toko pengembangan, minta Manus membuat kode diskon 100% dengan gratis ongkir. Lalu buat pesanan uji coba dengan kode tersebut.
* **Selesaikan pekerjaan katalog sebelum mengklaim toko baru.** Sebelum Anda mengklaimnya, Manus dapat menambahkan produk, koleksi, dan gambar secara langsung. Selesaikan pekerjaan massal terlebih dahulu, tetapi klaim dalam 30 hari.

### Maksimalkan konektor

* **Minta pratinjau sebelum perubahan massal.** Misalnya: "Sebelum menerapkan ini, cantumkan produk yang akan berubah." Setujui daftarnya, lalu biarkan Manus menerapkannya.
* **Tentukan dengan jelas produk mana yang akan diubah.** Sebutkan tag, vendor, koleksi, atau rentang tanggal. Filter yang tepat memberikan hasil yang lebih cepat dan lebih aman.
* **Sebutkan nama toko jika Anda menghubungkan lebih dari satu.** Misalnya: "Di toko grosir saya, perbarui harga dari sheet ini."
* **Hubungkan akun pemasaran Anda.** Jika Anda juga menghubungkan akun email, media sosial, atau iklan, Manus dapat mengubah produk baru dan kode diskon menjadi draf email, postingan, atau iklan.

## FAQ

> [accordion] Bisakah saya membuat storefront untuk toko Shopify yang sudah saya jalankan?
>
> Ya. Pada kartu **Pilih pengaturan Shopify Anda (Choose your Shopify setup)**, pilih **Hubungkan toko yang sudah ada (Connect an existing store)**. Manus membangun storefront dengan produk dan koleksi asli Anda. Tema Shopify Anda saat ini tetap sama.

> [accordion] Apakah saya memerlukan akun Shopify untuk memulai?
>
> Tidak. Jika Anda memilih **Buat toko baru (Create a new store)**, Manus membuatkan toko pengembangan untuk Anda. Anda masuk ke Shopify, atau membuat akun, saat mengklaim toko tersebut.

> [accordion] Apa yang terjadi jika saya tidak mengklaim toko dalam 30 hari?
>
> Shopify menghapus toko pengembangan tersebut. Kode dan data situs web Anda di Manus tidak terpengaruh. Minta Manus membuat toko baru, lalu tambahkan produk Anda lagi.

> [accordion] Apakah saya memerlukan storefront untuk menggunakan konektor Shopify?
>
> Tidak. Setelah Anda menghubungkan toko di **Konektor (Connectors)**, Anda dapat meminta Manus mengerjakan tugas toko di chat Manus mana pun.

> [accordion] Bisakah saya menghubungkan lebih dari satu toko Shopify?
>
> Ya. Hubungkan setiap toko secara terpisah. Dalam prompt Anda, sebutkan toko mana yang harus digunakan Manus.

> [accordion] Mengapa Manus tidak lagi memperbarui toko saya setelah saya mengklaimnya?
>
> Saat Anda mengklaim toko, Manus kehilangan akses admin langsung ke toko tersebut. Untuk memberikan akses kembali kepada Manus, buka **Pengaturan → Integrasi → Shopify (Settings → Integrations → Shopify)** di panel proyek. Pilih **Tambahkan ke Konektor (Add to Connectors)**, lalu setujui akses di Shopify.

> [accordion] Bisakah saya menggunakan Stripe dan Shopify dalam proyek yang sama?
>
> Tidak. Proyek Website Builder dapat menggunakan Stripe atau Shopify, tetapi tidak keduanya. Setelah Anda menghubungkan Shopify ke sebuah proyek, Anda tidak dapat mengalihkan proyek tersebut ke Stripe. Untuk menggunakan Stripe, buat proyek lain.

> [accordion] Di mana pelanggan saya melakukan checkout?
>
> Pelanggan melakukan checkout di checkout yang di-hosting Shopify. Manus tidak memproses pembayaran.

> [accordion] Mengapa keranjang saya kosong, atau berbeda, di Preview?
>
> Beberapa browser memblokir cookie keranjang di dalam Preview tersemat. Uji keranjang di luar Preview tersemat.

> [accordion] Apakah Manus mengakses data pelanggan saya?
>
> Saat Anda menyetujui akses, Shopify menampilkan data yang dapat dibaca Manus. Ini mencakup produk, inventaris, pesanan, dan detail pelanggan. Manus menggunakan data ini untuk menyelesaikan tugas yang Anda minta. Manus tidak menyimpan data pribadi pelanggan, seperti nama, alamat, atau detail pembayaran, di luar sesi.

> [accordion] Siapa yang harus saya hubungi untuk mendapatkan bantuan?
>
> Hubungi Manus terkait storefront, prompt Anda, error platform, penagihan Manus, dan toko apa pun yang belum Anda klaim. Gunakan [Pusat Bantuan Manus](https://help.manus.im/). Hubungi [Dukungan Shopify](https://help.shopify.com/en/manual/your-account/contact-shopify-support) terkait akun, paket, produk, pesanan, pembayaran Shopify Anda, dan pengklaiman toko Anda.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.