# Catalog

Ketika Anda ingin menampilkan daftar produk yang dikelola melalui Commerce Manager dan dapat digunakan dalam percakapan WhatsApp Business, Anda dapat menggunakan fitur **Catalog**. Dengan fitur catalog, Anda dapat menampilkan produk sebagai salah satu respons yang dikeluarkan oleh bot. 

Berikut merupakan persyaratan yang perlu dilakukan untuk menampilkan katalog sebagai respons bot:

1. **Ketersediaan katalog** pada commerce manager. 
2. **Kolaborasi katalog** antar sesama whatsapp business manager dengan melakukan permintaan akses.  
3. Setiap W**hatsapp Business Manager** hanya dapat menghubungkan ke satu katalog.  

### Manage Catalog 

Hal pertama kali yang harus dilakukan sebelum dapat menampilkan katalog sebagai respons bot adalah mengelola katalog pada commerce manager. Berikut merupakan tampilan katalog ketika sudah tersedia pada commerce manager.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FFAiY9c3403lP0zwkaD4w%2Fcommerce%201.png?alt=media&#x26;token=661c6286-1267-4d02-94b3-2ad802d16909" alt=""><figcaption><p>Commerce Manager </p></figcaption></figure>

### Request Access Catalog&#x20;

Langkah selanjutnya yang harus dipersiapkan yaitu melakukan permintaan akses untuk dapat mengelola katalog dari business manager yang mengelola katalog tersebut.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2Fzw1cZYtEy2Kj4WIDYfZz%2Frequest%20access%20catalog.jpg?alt=media&#x26;token=d5c7d901-b04d-464d-bc74-398da75e75fa" alt=""><figcaption><p>Request Access Catalog</p></figcaption></figure>

Kemudian, Anda akan melihat business ID yang ditampilkan. Salin kode yang tertera untuk diberikan kepada business manager yang mengelola katalog sebagai "Assign Partner"**.**&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FtbeEgUJLlXNVqEoPAG4d%2Fcommerce%2014.jpg?alt=media&#x26;token=67c90542-a7b9-4318-8839-e34c1551331c" alt=""><figcaption><p>Copy Business ID Request Access Catalog</p></figcaption></figure>

### Connect Catalog

Untuk dapat menggunakan katalog yang ada di commerce manager, Anda harus menghubungkan katalog ke dengan whatsapp business manager. Klik tombol **‘Choose a Catalog**’ untuk mulai menghubungkan catalog.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FbKYfqrUEdB5k1DFkCiuB%2Fcommerce%2015.jpg?alt=media&#x26;token=9ca7e075-1126-41eb-8137-c4819ed25858" alt=""><figcaption><p>Connect Catalog</p></figcaption></figure>

Anda dapat memilih katalog yang diinginkan dengan catatan setiap satu WhatsApp Manager hanya bisa terhubung dengan satu katalog.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FO1AxVuUCoG0gk5mSqjGm%2Fcommerce%2016.jpg?alt=media&#x26;token=4288e4b9-57b0-42b2-98b2-4f382e69b91d" alt=""><figcaption><p>Select Catalog </p></figcaption></figure>

Jika sudah berhasil terhubung, maka katalog akan muncul di WhatsApp Manager seperti gambar berikut.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FUMWwchIDWowAjdwdmQdB%2FPicture8.png?alt=media&#x26;token=61659594-2244-4458-a4d4-6fc1dc49ec59" alt=""><figcaption><p>Catalog Successfully Connected </p></figcaption></figure>

### Integrate Catalog on the Channel Connector&#x20;

Untuk dapat menggunakan catalog yang sudah dihubungkan pada whatsapp business manager, perlu untuk mengatur catalog ID tersebut pada halaman channel connector milik 3Dolphins. Anda perlu mendapatkan catalog ID terlebih dahulu pada halaman commerce manager.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2F8gKwoTrPHyOszHM9bkOh%2Fcommerce%203.jpg?alt=media&#x26;token=e67bb670-0e43-4a5c-a93b-dc349a72a5e8" alt=""><figcaption><p>Catalog ID</p></figcaption></figure>

Kemudian, masuk ke halaman **Channel Connector.** Pilih channel whatsapp yang akan diintegrasikan dengan catalog dengan mengklik tombol **'Channel Settings'** dan klik tab **Catalog**. Masukkan ID dari catalog dan klik tombol **'Save'**.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2F76pOcxdSgwlpwgEcIgw4%2Fcommerce%204.jpg?alt=media&#x26;token=91a96541-94d4-4fe0-ba7c-c2fc591361e6" alt=""><figcaption><p>Channel Connector Page</p></figcaption></figure>

### Catalog as Responds Bot using Dialog Flows

Untuk dapat mengeluarkan catalog sebagai respons dari bot  perlu untuk mengatur catalog tersebut sebagai **Prompt Responds** pada dialog. Disini nantinya, Anda bisa memberikan daftar produk yang tersedia pada catalog kepada pelanggan. Pergi ke halaman **Dialog Flows**, pada halaman **Prompt Response**, klik tombol  **'Question'**. Masukkan question, klik tombol **'Add Response**' dan pilih **'Catalog'**.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FppM3CRUneXfyqhv7OtqC%2FCatalog%20channel%20connector.png?alt=media&#x26;token=bb18547a-9157-4e0d-b672-58d966dc2aee" alt=""><figcaption><p>Add Respons Catalog</p></figcaption></figure>

Terdapat dua jenis catalog produk yang bisa digunakan yaitu **Single Product Message** dan **Multiple Product Message**.

#### Single Product Message

Jika Anda ingin menampilkan hanya satu produk secara spesifik kepada pelanggan, Anda dapat menggunakan **Single Product Message**.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FKlAy3vD4d5WX1O8QULjQ%2FPicture1.png?alt=media&#x26;token=9b801461-6d90-4bde-9060-6e720decc3ae" alt=""><figcaption><p>Attach Catalog</p></figcaption></figure>

Setelah mengklik tombol **'Attach'**, akan muncul pop up untuk mengisikan informasi terdiri dari **Catalog Body, Catalog Footer,** dan **Failed Message** seperti gambar berikut.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FUgfQahWH82LpbHj9FaPM%2Fcommerce%206.jpg?alt=media&#x26;token=b5036e94-3bf3-4538-a4a2-bbfe38272352" alt=""><figcaption><p>Single Product</p></figcaption></figure>

**Penjelasan Komponen:**&#x20;

<table><thead><tr><th width="287.16668701171875">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Catalog Body</td><td>Deskripsi produk yang ingin ditampilkan, seperti nama produk, harga, dan informasi penting lainnya. <br><br><strong>Note:</strong><br>Field ini bersifat mandatory</td></tr><tr><td>Catalog Footer</td><td>Teks tambahan yang muncul di bagian bawah katalog.</td></tr><tr><td>Failed Message</td><td>Pesan yang akan muncul jika katalog tidak dapat digunakan atau terjadi kesalahan teknis.</td></tr></tbody></table>

Berikut merupakan pesan yang akan dikirimkan sebagai respons dari bot ke pelanggan yang menggunakan tipe single product message.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2F23KrRUKUP5uXZ66qE4hG%2Fcommerce%207.jpg?alt=media&#x26;token=ffeea0e0-b0e8-484d-83a8-7cfea91471ff" alt=""><figcaption><p>Result Single Product Message</p></figcaption></figure>

### Multiple Product Message

Jika Anda ingin menampilkan beberapa produk langsung kepada pelanggan, Anda dapat menggunakan **Multiple Product Message**.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FeprOEU5iaIG6n2lUUdAG%2Fcommerce%205.png?alt=media&#x26;token=d6d63b55-34e9-48aa-82e3-c5526afa3f14" alt=""><figcaption><p>Attach Catalog </p></figcaption></figure>

Setelah mengklik tombol **'Attach'**, akan muncul pop up yang di dalamnya terdiri dari **Catalog Body, Catalog Footer,** dan **Failed Message** seperti gambar berikut.&#x20;

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2F2QN2fJQMoRjkOZzBeMdK%2FPicture2.png?alt=media&#x26;token=86a04b11-0263-4aea-bd29-2440026ee6f0" alt=""><figcaption><p>Multiple Product Message </p></figcaption></figure>

**Penjelasan Komponen :**&#x20;

<table><thead><tr><th width="287.16668701171875">Nama</th><th>Deskripsi</th></tr></thead><tbody><tr><td>Catalog Header</td><td>Bagian atas dari tampilan katalog yang berisi judul atau informasi utama tentang katalog atau produk yang ditampilkan.</td></tr><tr><td>Catalog Body</td><td>Deskripsi produk yang ingin ditampilkan, seperti nama produk, harga, dan informasi penting.</td></tr><tr><td>Catalog Footer</td><td>Teks tambahan yang muncul di bagian bawah katalog.</td></tr><tr><td>Failed Message</td><td>Pesan yang akan muncul jika katalog tidak dapat digunakan atau terjadi kesalahan teknis.</td></tr></tbody></table>

Ketika Anda menggunakan **Multiple Product**, maka pesan yang akan diterima pelanggan sebagai berikut.

<figure><img src="https://3286717921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqWTLEMUin8jixjPTHF7%2Fuploads%2FqrkjPZzQ8z0h1dTa2Sg9%2Fcommerce%208.jpg?alt=media&#x26;token=7d3f602a-3c88-4908-90f9-487e0afc89f7" alt=""><figcaption><p>Result Multiple Product Message </p></figcaption></figure>