# perdagangan-elektronik

> Panduan integrasi Coohom Open API untuk membangun situs e-commerce dengan fitur desain 3D dan rendering.

- **URL**: https://www.coohom.com/id/helpcenter/electronic-commerce
- **Locale**: id_ID
- **Updated**: 2026-08-19

## Content

Coohom mendukung desain 3D dan rendering.  

Dengan mengintegrasikan Coohom Open API, Anda dapat membangun situs e-commerce sendiri dengan fitur desain tersebut.  

Setelah itu, pelanggan dapat mendesain menggunakan produk Anda, melakukan rendering untuk melihat hasilnya, lalu membeli item yang mereka inginkan.  

Semua proses berlangsung di situs Anda.  

Alur kerja integrasi Coohom Open API
====================================

Kami telah berhasil melakukan integrasi dengan perusahaan [postofixe](https://www.postofixe.com/).  

Berikut cara melakukan seluruh proses integrasi. Anda dapat ***mengklik kanan gambar*** untuk membukanya di halaman baru dan melihat versi yang lebih besar.  
![](//qhstatic-sg-s3.coohom.com/image/png/1749115093892/A8CEBABD0663ECBAEEE7516DF7A7D2B5.png)  
**Alur kerja dibagi menjadi 6 bagian:**  
1. pengunjung membuka situs web dan mendaftar dengan nama serta email
2. hubungkan pengunjung dengan Coohom melalui SSO API
3. pengguna terdaftar memilih contoh desain yang sudah dibuat sebelumnya oleh desainer perusahaan
4. pengguna mendapatkan desainnya sendiri dengan menyalin desain yang dipilih
5. pengguna mengubah desain dengan menempatkan produk perusahaan
6. pengguna menyelesaikan desain, lalu membuka keranjang dan checkout  

Bagian 1: Pendaftaran
---------------------

Pada bagian ini, seluruh proses berlangsung di situs web Anda.  

Anda perlu dapat menyimpan informasi penting pengunjung jika mereka kembali di kemudian hari.  

Bagian 2: SSO
-------------

Pada bagian ini, backend Anda yang menjalankan permintaan.  

Anda dapat membuat permintaan Coohom SSO API untuk menghubungkan pengguna Anda dengan Coohom.  

Setiap pengguna akan dipetakan ke satu pengguna unik di Coohom.  

Pastikan setiap pengguna selalu menggunakan informasi yang sama seperti saat pertama kali memanggil SSO API.  

Token yang dikembalikan oleh SSO API akan digunakan nanti, dan token tersebut akan berakhir dalam beberapa hari.  

Jika token berakhir, Anda perlu membuat permintaan SSO API lagi untuk mendapatkan token baru.  

Bagian 3: Project List
----------------------

Anda harus membuat beberapa contoh desain di Coohom sebelum meluncurkan fungsi ini.  

Anda dapat memperoleh contoh desain melalui Project List API.  

ID desain adalah informasi penting dalam respons API.  

Bagian 4: Project Copy
----------------------

Saat pengguna terdaftar memilih contoh desain, Anda dapat memperoleh ID desain dari contoh tersebut.  

Lalu, salin desain yang dipilih melalui Project Copy API.  

Perhatikan bahwa ID desain proyek baru akan disertakan dalam respons API.  

Bagian 5: Redirect
------------------

Bagian ini sedikit lebih kompleks.  

Pada bagian ini, frontend Anda yang perlu menjalankan permintaan.  

Anda perlu mengalihkan pengguna ke halaman alat DIY Coohom melalui Redirect API.  

Dalam kasus ini, pengguna akan dialihkan ke halaman Coohom yang umumnya berupa [https://www.coohom.com/pub/tool/yundesign/cloud?designid=xxx\&redirecturl=yyy](https://www.coohom.com/pub/tool/yundesign/cloud?designid=xxx&redirecturl=yyy).  

Masukkan informasi yang Anda peroleh pada Bagian 4 ke designid, lalu masukkan URL halaman keranjang Anda ke redirecturl agar pelanggan kembali ke situs web Anda dengan informasi yang sesuai saat keluar.  
***Perhatikan bahwa Anda harus melakukan URL encode pada URL halaman keranjang, serta seluruh URL halaman alat Coohom.***   

Token yang Anda peroleh pada Bagian 2 dapat digunakan untuk menjalankan redirect.  

Bagian 6: BOM
-------------

Setelah pelanggan selesai, Anda dapat memperoleh semua item yang ditempatkan dalam desain melalui BOM APIs.  

Anda perlu menginisialisasi, memeriksa, menyinkronkan, lalu memeriksa kembali BOM untuk mendapatkan hasil BOM.  

SKU disertakan dalam hasil, sehingga Anda dapat meneruskannya ke plugin e-commerce dan menagih pelanggan dengan informasi yang benar.  
Apakah artikel ini menjawab pertanyaan Anda?