Langsung ke konten utama

Apa itu

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: Anda dapat menggunakan konektor dengan atau tanpa storefront. Untuk gambaran umum, baca Introducing Shopify on Manus.

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.
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. Opsional: hubungkan domain kustom. Untuk detailnya, baca Domain kustom.

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.
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.
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.

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.
  • 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.

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

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.
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.
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.
Tidak. Setelah Anda menghubungkan toko di Konektor (Connectors), Anda dapat meminta Manus mengerjakan tugas toko di chat Manus mana pun.
Ya. Hubungkan setiap toko secara terpisah. Dalam prompt Anda, sebutkan toko mana yang harus digunakan Manus.
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.
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.
Pelanggan melakukan checkout di checkout yang di-hosting Shopify. Manus tidak memproses pembayaran.
Beberapa browser memblokir cookie keranjang di dalam Preview tersemat. Uji keranjang di luar Preview tersemat.
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.
Hubungi Manus terkait storefront, prompt Anda, error platform, penagihan Manus, dan toko apa pun yang belum Anda klaim. Gunakan Pusat Bantuan Manus. Hubungi Dukungan Shopify terkait akun, paket, produk, pesanan, pembayaran Shopify Anda, dan pengklaiman toko Anda.