---
description: Buat dan kelola widget yang dapat disematkan di situs web Anda agar pengunjung dapat menghubungi Anda melalui saluran pilihan Anda.
title: Widget pertumbuhan
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Baru🔥 Jadilah orang pertama yang mencoba WhatsApp Business Calling API (Beta Terbuka)!![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/id/whatsapp-business-calling-api)

Bantu saya dengan... ⌘ 

1. [All Collections >](/id/help)
2. [ Produk >](/id/help/product)
3. [ Pengaturan Ruang Kerja >](/id/help/workspace-settings)
4. Widget pertumbuhan

# Widget pertumbuhan

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 04 Apr 2025

2 menit baca

Widget Pertumbuhan memungkinkan Anda menyematkan widget saluran tunggal atau multisaluran di situs web Anda agar pengunjung dapat terhubung dengan Anda melalui aplikasi perpesanan pilihan mereka.

> Jika Anda ingin menambahkan Widget Obrolan Situs Web, pelajari lebih lanjut [di sini](https://respond.io/id/help/website-chat-widget/website-chat-widget-overview).

## Sampai di Sini

> Pengaturan ini hanya dapat diakses oleh Pemilik dan Manajer.

Pengaturan ini dapat diakses dari menu navigasi **Pengaturan** di bawah item sub-menu **Pengaturan Ruang Kerja**, **Widget Pertumbuhan**.

Di bawah bagian Pengaturan Widget Pertumbuhan, Anda dapat melihat daftar widget yang ada di Ruang Kerja Anda. Di sini, Anda dapat mengedit dan mengelola widget ini atau membuat yang baru.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif?fm=avif&w=1000) 

Dalam pengaturan ini, Anda dapat:

* Buat widget
* Kelola widget yang ada
* Hapus widget

## Membuat Widget

**Langkah 1:** Klik tombol **Tambahkan Widget** untuk menjelajahi semua widget yang tersedia.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1cSEqRmlBANAYqqY5FntFL/da1d2cbc82153ef8a38e9d4dc0a1d524/workspaces-add-widget.png?fm=avif&w=1000) 

**Langkah 2:** Pilih widget yang ingin Anda buat > klik tombol**Buat Widget**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2v1rbVsIBPfSndSWriVBe5/3b5fb7c19244b4bca71d4840d757063e/workspaces-createw.png?fm=avif&w=1000) 

> Anda hanya dapat memilih widget saluran tunggal jika Saluran terhubung ke Ruang Kerja.

### Konfigurasi Widget

Konfigurasikan widget yang dipilih sesuai dengan bidang yang diperlukan.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4TI7vQA9U7yvcO9RtuCgse/965118031034edb7a1d1bac374f8446d/workspaces-configurew.png?fm=avif&w=1000) 

#### Domain Situs Web

Tambahkan situs web tempat Widget akan ditambahkan di bidang Domain Situs Web. Berikut adalah cara memasukkan situs web ke dalam daftar putih:

* Jika pengguna menambahkan`https://app.respond.io`, maka hanya`https://app.respond.io`yang akan masuk daftar putih. Subdomain atau root lainnya tidak akan berfungsi.
* Jika pengguna menambahkan`https://*.respond.io`, maka semua subdomain termasuk domain root akan masuk daftar putih.
* Jika pengguna menambahkan`https://respond.io`, maka hanya domain root yang akan masuk daftar putih.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### Pilih Saluran Anda

Pilih Saluran yang ingin Anda buat widgetnya dari daftar turun bawah Saluran yang tersedia.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2BDzQ5y4lVIgvRau13PRrC/a818f134ff35c6794dc0b1b9d158f3d6/choosechannels.gif?fm=avif&w=1000) 

#### Pengaturan Lanjutan

Anda dapat mengeklik tombol**Pengaturan Lanjutan**untuk mengonfigurasi lebih lanjut bidang opsional.

* **Teks Arahkan:** Ditampilkan saat mengarahkan kursor ke widget
* **Teks yang sudah diisi sebelumnya (Opsional):** Teks yang sudah diisi sebelumnya sebelum mengirim pesan
* **Sertakan URL halaman saat ini:** Centang kotak ini untuk menyertakan URL halaman saat ini dalam teks yang telah diisi sebelumnya

> Fitur “sertakan URL halaman saat ini” hanya tersedia untuk saluran WhatsApp, Viber, dan email.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MYLyLozRByTsjbDvrr1aM/8d0620e360d0b6f4535e4eedc610a138/workspaces-advanced-settings.png?fm=avif&w=1000) 

#### Instal Skripnya

Salin skrip yang dihasilkan untuk menginstalnya di situs web Anda dan klik tombol**Selesai**. Atau, teruskan petunjuk instalasi melalui email.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/sEm4u6WmVilu3Xjfdz0Rv/d6541119d3f441855bb6fe315c1edcaa/growth-widgets-7.png?fm=avif&w=1000) 

> Lihat [di sini untuk mempelajari cara memasang skrip di situs web Anda](https://respond.io/id/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget).

> Setelah selesai, klik tombol Hasilkan Widget di sudut kanan atas.

## Mengelola Widget

Setelah Anda membuat widget, Anda dapat mengelolanya seperti di bawah ini.

### Buka Kode Instalasi

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7liJXSQ6a8K0P0AvSlsVsL/00b273a27c309b4972c7d8aec6659876/installation-code.png?fm=avif&w=1000) 

Untuk melihat atau menyalin kode instalasi (skrip) widget yang dibuat, klik tombol **Kode Instalasi** dan ikuti petunjuk di layar.

> Fungsi ini tidak berlaku untuk Generator Kode QR.

### Unduh Kode QR

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2Omh41BIWxCUyCKB5axLfa/f38aa08096e4eef8c0a450d62f374585/qr-code.png?fm=avif&w=1000) 

Untuk mengunduh Kode QR yang dihasilkan, klik tombol **Pindai Kode** , lalu tombol **Unduh** dan pilih dimensi piksel yang Anda inginkan untuk kode yang dapat dipindai.

> Ini hanya berlaku untuk Generator Kode QR, bukan widget perpesanan lainnya.

> Untuk informasi lebih lanjut tentang cara memanfaatkan fitur ini, baca artikel blog [kami tentang penggunaan kode yang dapat dipindai di sini](https://respond.io/id/blog/facebook-messenger-code).

### Menyesuaikan Widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7jpBHww29KHkVGZzWNuXJc/d671069da8e50bd7d8009e3b6ccc80f4/customize-widget.png?fm=avif&w=1000) 

Untuk menyesuaikan widget yang ada, klik tombol **Kustomisasi** untuk membuka halaman kustomisasi.

Ada 5 bagian yang dapat Anda sesuaikan tergantung pada jenis widget:

#### **Umum**

Anda dapat mengonfigurasi pengaturan umum berikut:

* **Nama Widget:** Nama yang digunakan secara internal untuk mengidentifikasi widget
* **Domain Situs Web:** Situs web tempat widget akan dipasang. Jika Anda tidak menambahkan situs web Anda ke daftar ini, widget Anda tidak akan dimuat. Anda dapat memasukkan beberapa URL jika Anda berencana memasang widget di beberapa situs web.

#### **Saluran**

Anda dapat menyesuaikan hal berikut untuk menentukan perilaku widget berdasarkan saluran yang dipilih:

* **Teks Arahkan Kursor:** Teks arahkan kursor ditampilkan dalam keterangan alat saat mengarahkan kursor ke widget.
* **Teks yang telah diisi sebelumnya:** Teks yang telah diisi sebelumnya adalah saran masukan saat Kontak memulai percakapan.
* **Referensi:** Referensi akan muncul saat percakapan dibuka dan memungkinkan Anda melacak sumber kontak.
* **Warna:** Pilih warna latar belakang ikon saluran dan tampilan ikon di widget.

#### **Tampilan & Penampilan**

Anda dapat menyesuaikan hal berikut untuk mengubah tampilan widget di situs web Anda:

* **Pesan Popup:** Pesan popup ditampilkan kepada pengunjung situs web sekali sehari 5 detik setelah halaman dimuat. Jika tidak didefinisikan, tidak akan muncul pesan popup.
* **Ukuran Widget:** Pilih ukuran widget Besar, Standar, atau Kecil.
* **Opsi Tampilan:** Pilih untuk menampilkan widget ini di desktop, perangkat seluler, atau keduanya.

#### **Posisi**

Anda dapat mengubah posisi widget di situs web Anda berdasarkan pengaturan berikut:

* **Perataan:** Tentukan apakah Anda ingin menampilkan widget di kiri bawah atau kanan situs web.
* **Jarak Vertikal:** Tentukan jumlah jarak vertikal antara widget dan bagian bawah layar.
* **Jarak Horizontal:** Tentukan jumlah jarak horizontal antara widget dan tepi layar.

#### **Pengaturan Tambahan**

Kustomisasi tambahan untuk widget:

* **Sembunyikan Merek Respond.io:** Hapus merek respond.io dari widget Anda.

## Menghapus Widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3DMqeOcw4oNk6tMo9n1tXQ/6fc0f30860447ebccfa8c7dd80a4d21c/delete-widget.png?fm=avif&w=1000) 

Untuk menghapus widget yang ada, klik tombol **Hapus** dan ikuti petunjuk di layar. Melakukan hal tersebut akan menghapus widget sepenuhnya dari Ruang Kerja Anda.

> Berhati-hatilah saat menghapus widget dari Ruang Kerja Anda. Ketika widget dihapus, semua konfigurasinya akan terhapus. Penghapusan tidak dapat dibatalkan.

Bagikan artikel ini

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/workspace-settings/growth-widgets)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/workspace-settings/growth-widgets)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/workspace-settings/growth-widgets)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/workspace-settings/growth-widgets)

## 

Artikel terkait 👩‍💻

* [PanggilanPelajari cara mengelola konfigurasi panggilan untuk Saluran Panggilan yang terhubung. ](/id/help/workspace-settings/calls)
* [Perintah AIPelajari cara menyiapkan dan mengonfigurasi AI Prompts. ](/id/help/workspace-settings/ai-prompts)
* [Bantuan AIPelajari cara mengatur dan mengonfigurasi AI Assist. ](/id/help/workspace-settings/ai-assist)
* [Siklus HidupPelajari cara melacak dan mengelola Kontak di seluruh proses penjualan Anda di platform kami. ](/id/help/workspace-settings/workspace-settings-lifecycle)
* [Hubungi ImporPelajari cara mengimpor, meninjau, dan mengelola data di platform. ](/id/help/workspace-settings/data-import)

Tidak dapat menemukan yang Anda cari? 🔎

[Hubungi Dukungan](/id/contact-us)

2025-12-05T03:59:29.434Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Buat dan kelola widget yang dapat disematkan di situs web Anda agar pengunjung dapat menghubungi Anda melalui saluran pilihan Anda.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/id/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"Widget pertumbuhan","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/id/help/workspace-settings","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","url":"https://respond.io/id/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/id/help","position":1},{"@type":"ListItem","name":"Produk","item":"https://respond.io/id/help/product","position":2},{"@type":"ListItem","name":"Pengaturan Ruang Kerja","item":"https://respond.io/id/help/workspace-settings","position":3},{"@type":"ListItem","name":"Widget pertumbuhan","item":"https://respond.io/id/help/workspace-settings/growth-widgets","position":4}]}]
```
