---
description: Pelajari cara memasang widget obrolan web di toko Shopify Anda.
title: Instal Widget Obrolan Situs Web di Shopify
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. [ Saluran >](/id/help/channels)
3. [ Widget Obrolan Situs Web >](/id/help/website-chat-widget)
4. Instal Widget Obrolan Situs Web di Shopify

# Instal Widget Obrolan Situs Web di Shopify

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

kurang dari satu menit baca

Menambahkan widget obrolan web ke toko Shopify Anda adalah proses yang cepat dan mudah. Tidak memerlukan keterampilan coding atau pengetahuan teknis apa pun. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Menyiapkan Instalasi

Untuk memasang widget obrolan web di Shopify, Anda memerlukan hal berikut:

* Akses ke akun Shopify [Anda](https://accounts.shopify.com/store-login).
* Cuplikan kode untuk widget obrolan web Anda.

Jika Anda belum memiliki potongan kode, Anda akan menghasilkan satu saat membuat [Widget Obrolan Situs](https://respond.io/id/help/website-chat-widget/website-chat-widget-overview) atau menggunakan [Plugin Obrolan Facebook](https://respond.io/id/help/facebook-messenger/facebook-chat-plugin) untuk [Facebook Messenger](https://respond.io/id/help/facebook-messenger/facebook-messenger-overview).

> Jika Anda memiliki saluran yang sudah terhubung pada platform respond.io dan Anda perlu mengambil cuplikan kode yang dihasilkan, ikuti petunjuk [di sini](https://respond.io/id/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## Menginstal di Shopify

**Langkah 1: Masuk ke Shopify**

Masuk ke akun [Shopify Anda](https://accounts.shopify.com/store-login) dan klik "Toko Online" pada bilah navigasi.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Langkah 2: Klik Edit Kode**

Navigasi ke bagian Tema. Di sini, klik menu tarik-turun Tindakan dan pilih opsi Edit Kode.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Langkah 3: Tempelkan Skrip**

Salin skrip plugin Anda dari platform respond.io. Pada panel kiri Halaman Edit Kode, klik folder **Bagian** untuk mengembangkannya. Tekan bagian **footer.liquid** dan tempel skrip plugin obrolan.

Setelah Anda menempelkan skrip ke bagian yang sesuai, tekan tombol ungu **Simpan** di kiri atas.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**Selesai!**

Buka situs web dan periksa plugin obrolan. Anda akan menemukannya di sudut kanan bawah. Sekarang pengunjung situs web Anda dapat mengobrol dengan Anda dengan mudah. Jika Anda menggunakan cuplikan kode yang dihasilkan dari platform respond.io, Anda akan dapat mengelola percakapan dan memperbarui tampilan widget dari Platform.

> Widget obrolan sekarang aktif di situs web Anda.

> **Catatan**: Jika Anda menggunakan tema eksternal dan widget tidak berfungsi, silakan coba sematkan kode situs web di bawah bagian **theme.liquid** sebelum **</body>**

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/website-chat-widget/install-on-shopify)[![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/website-chat-widget/install-on-shopify)[![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/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Artikel terkait 👩‍💻

* [Instal Widget Obrolan Situs Web di SquarespacePelajari cara memasang widget obrolan web di situs web Squarespace Anda. ](/id/help/website-chat-widget/install-on-squarespace)
* [Instal Widget Obrolan Situs Web di JoomlaPelajari cara memasang widget obrolan web di situs web Joomla Anda. ](/id/help/website-chat-widget/install-on-joomla)
* [Instal Widget Obrolan Situs Web di WixPelajari cara memasang widget obrolan web di situs web Wix Anda. ](/id/help/website-chat-widget/install-on-wix)
* [Instal Widget Obrolan Situs Web di WordPressPelajari cara memasang widget obrolan web di situs web WordPress Anda. ](/id/help/website-chat-widget/install-on-wordpress)
* [Mulai Cepat Widget Obrolan Situs WebTambahkan Widget Obrolan Situs Web respond.io ke situs Anda. ](/id/help/website-chat-widget/website-chat-widget)

Tidak dapat menemukan yang Anda cari? 🔎

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

2025-12-05T03:59:42.241Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Pelajari cara memasang widget obrolan web di toko Shopify Anda.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/id/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Instal Widget Obrolan Situs Web di Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/id/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/id/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/id/help","position":1},{"@type":"ListItem","name":"Saluran","item":"https://respond.io/id/help/channels","position":2},{"@type":"ListItem","name":"Widget Obrolan Situs Web","item":"https://respond.io/id/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Instal Widget Obrolan Situs Web di Shopify","item":"https://respond.io/id/help/website-chat-widget/install-on-shopify","position":4}]}]
```
