---
description: สร้างและจัดการวิดเจ็ตที่สามารถฝังบนเว็บไซต์ของคุณเพื่อให้ผู้เยี่ยมชมสามารถติดต่อคุณได้ผ่านช่องทางที่คุณต้องการ
title: วิดเจ็ตการเติบโต
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[ใหม่🔥 เป็นคนแรกที่จะได้ลองใช้ WhatsApp Business Calling API (Open Beta)!![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/th/whatsapp-business-calling-api)

ช่วยฉันด้วย... ⌘ 

1. [All Collections >](/th/help)
2. [ ผลิตภัณฑ์ >](/th/help/product)
3. [ การตั้งค่าพื้นที่ทำงาน >](/th/help/workspace-settings)
4. วิดเจ็ตการเติบโต

# วิดเจ็ตการเติบโต

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

Joshua Lim

· 04 Apr 2025

less than a minute read

Growth Widget ช่วยให้คุณฝังวิดเจ็ตช่องทางเดียวหรือหลายช่องทางบนเว็บไซต์ของคุณเพื่อให้ผู้เยี่ยมชมสามารถเชื่อมต่อกับคุณได้ผ่านแอปส่งข้อความที่พวกเขาต้องการ

> หากคุณต้องการเพิ่มวิดเจ็ตแชทบนเว็บไซต์ เรียนรู้เพิ่มเติม [ที่นี่](https://respond.io/th/help/website-chat-widget/website-chat-widget-overview)

## การเดินทางมาที่นี่

> การตั้งค่านี้สามารถเข้าถึงได้โดยเจ้าของและผู้จัดการเท่านั้น

คุณสามารถเข้าถึงการตั้งค่านี้ได้จากเมนูการนำทาง **Settings** ภายใต้เมนูย่อย **Workspace Settings** , **Growth Widgets**

ภายใต้ส่วนการตั้งค่าวิดเจ็ตการเติบโต คุณจะเห็นรายการวิดเจ็ตที่มีอยู่แล้วในพื้นที่ทำงานของคุณ คุณสามารถแก้ไขและจัดการวิดเจ็ตเหล่านี้หรือสร้างวิดเจ็ตใหม่ได้ที่นี่

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

ในการตั้งค่านี้ คุณสามารถ:

* สร้างวิดเจ็ต
* จัดการวิดเจ็ตที่มีอยู่
* ลบวิดเจ็ต

## การสร้างวิดเจ็ต

**ขั้นตอนที่ 1:** คลิกปุ่ม**เพิ่มวิดเจ็ต**เพื่อสำรวจวิดเจ็ตที่มีอยู่ทั้งหมด

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

**ขั้นตอนที่ 2:** เลือกวิดเจ็ตที่คุณต้องการสร้าง > คลิกปุ่ม**สร้างวิดเจ็ต**

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

> คุณสามารถเลือกวิดเจ็ตช่องเดียวได้เท่านั้น หากช่องนั้นเชื่อมต่อกับเวิร์กสเปซ

### กำหนดค่าวิดเจ็ต

กำหนดค่าวิดเจ็ตที่เลือกตามฟิลด์ที่จำเป็น

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

#### โดเมนเว็บไซต์

เพิ่มเว็บไซต์ที่จะเพิ่มวิดเจ็ตลงในฟิลด์โดเมนเว็บไซต์ นี่คือวิธีการเพิ่มเว็บไซต์ลงในรายการยกเว้น:

* หากผู้ใช้เพิ่ม`https://app.respond.io`ก็จะมีเพียง`https://app.respond.io`เท่านั้นที่จะอยู่ในรายการขาว โดเมนย่อยหรือรูทอื่น ๆ ไม่ควรทำงาน
* หากผู้ใช้เพิ่ม`https://*.respond.io`โดเมนย่อยทั้งหมด รวมถึงโดเมนรากจะอยู่ในรายชื่อขาว
* หากผู้ใช้เพิ่ม`https://respond.io`เฉพาะโดเมนรูทเท่านั้นที่จะอยู่ในรายการขาว
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### เลือกช่องทางของคุณ

เลือกช่องที่คุณต้องการสร้างวิดเจ็ตจากรายการดรอปดาวน์ของช่องที่พร้อมใช้งาน

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

#### การตั้งค่าขั้นสูง

คุณสามารถคลิกปุ่ม**การตั้งค่าขั้นสูง**เพื่อกำหนดค่าฟิลด์ตัวเลือกเพิ่มเติม

* **ข้อความเมื่อวางเมาส์เหนือ:** แสดงเมื่อวางเมาส์เหนือวิดเจ็ต
* **ข้อความที่กรอกไว้ล่วงหน้า (ทางเลือก):** ข้อความที่กรอกไว้ล่วงหน้าก่อนที่จะส่งข้อความ
* **รวม URL ของหน้าปัจจุบัน:** ทำเครื่องหมายในช่องกาเครื่องหมายนี้เพื่อรวม URL ของหน้าปัจจุบันในข้อความที่กรอกไว้ล่วงหน้า

> คุณสมบัติ “รวม URL ของหน้าปัจจุบัน” ใช้งานได้เฉพาะกับ WhatsApp, Viber และช่องทางอีเมลเท่านั้น

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

#### ติดตั้งสคริปต์

คัดลอกสคริปต์ที่สร้างขึ้นเพื่อติดตั้งบนเว็บไซต์ของคุณ และคลิกปุ่ม**Done** อีกวิธีหนึ่งคือส่งคำแนะนำการติดตั้งผ่านอีเมล

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

> โปรดอ้างอิง [ที่นี่เพื่อเรียนรู้วิธีการติดตั้งสคริปต์บนเว็บไซต์ของคุณ](https://respond.io/th/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget)

> คลิกปุ่มสร้างวิดเจ็ตที่มุมขวาบนเมื่อเสร็จสิ้น

## การจัดการวิดเจ็ต

เมื่อคุณสร้างวิดเจ็ตแล้ว คุณสามารถจัดการได้ดังต่อไปนี้

### เปิดรหัสการติดตั้ง

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

หากต้องการดูหรือคัดลอกโค้ดการติดตั้ง (สคริปต์) ของวิดเจ็ตที่สร้างขึ้น ให้คลิกปุ่ม **โค้ดการติดตั้ง** และทำตามคำแนะนำบนหน้าจอ

> ฟังก์ชั่นนี้ไม่สามารถใช้ได้กับเครื่องสร้าง QR Code

### ดาวน์โหลด QR Code

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

หากต้องการดาวน์โหลด QR Code ที่สร้างขึ้น ให้คลิกปุ่ม **สแกนรหัส** จากนั้นคลิกปุ่ม **ดาวน์โหลด** แล้วเลือกขนาดพิกเซลที่ต้องการสำหรับรหัสที่สแกนได้ของคุณ

> ใช้ได้เฉพาะกับเครื่องสร้างรหัส QR เท่านั้น ไม่ใช่กับวิดเจ็ตการส่งข้อความอื่น ๆ

> หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ฟีเจอร์นี้ โปรดอ่านบทความบล็อก [ของเราเกี่ยวกับการใช้รหัสที่สแกนได้ที่นี่](https://respond.io/th/blog/facebook-messenger-code)

### การปรับแต่งวิดเจ็ต

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

หากต้องการปรับแต่งวิดเจ็ตที่มีอยู่ ให้คลิกปุ่ม **ปรับแต่ง** เพื่อเปิดหน้าปรับแต่ง

มี 5 ส่วนที่คุณสามารถปรับแต่งได้ขึ้นอยู่กับประเภทของวิดเจ็ต:

#### **ทั่วไป**

คุณสามารถกำหนดค่าการตั้งค่าทั่วไปดังต่อไปนี้:

* **ชื่อวิดเจ็ต:** ชื่อที่ใช้ภายในเพื่อระบุวิดเจ็ต
* **โดเมนเว็บไซต์:** เว็บไซต์ที่ต้องการติดตั้งวิดเจ็ต หากคุณไม่เพิ่มเว็บไซต์ของคุณไปยังรายการนี้ วิดเจ็ตของคุณจะไม่โหลด คุณสามารถป้อน URL หลายรายการหากคุณวางแผนจะติดตั้งวิดเจ็ตบนเว็บไซต์หลายแห่ง

#### **ช่องทางการ**

คุณสามารถปรับแต่งสิ่งต่อไปนี้เพื่อกำหนดพฤติกรรมของวิดเจ็ตตามช่องที่เลือก:

* **ข้อความเมื่อวางเมาส์เหนือ:** ข้อความเมื่อวางเมาส์เหนือจะแสดงในคำแนะนำเครื่องมือเมื่อวางเมาส์เหนือวิดเจ็ต
* **ข้อความที่กรอกไว้ล่วงหน้า:** ข้อความที่กรอกไว้ล่วงหน้าเป็นคำแนะนำการป้อนข้อมูลเมื่อผู้ติดต่อเริ่มการสนทนา
* **อ้างอิง:** การอ้างอิงจะปรากฏขึ้นเมื่อเปิดการสนทนาและช่วยให้คุณติดตามแหล่งที่มาของผู้ติดต่อได้
* **สี:** เลือกสีพื้นหลังไอคอนช่องและลักษณะไอคอนในวิดเจ็ต

#### **จอแสดงผล & รูปลักษณ์**

คุณสามารถปรับแต่งสิ่งต่อไปนี้เพื่อเปลี่ยนลักษณะการแสดงผลของวิดเจ็ตบนเว็บไซต์ของคุณ:

* **ข้อความป๊อปอัป:** ข้อความป๊อปอัปจะแสดงต่อผู้เยี่ยมชมเว็บไซต์วันละครั้ง 5 วินาทีหลังจากโหลดหน้า ถ้าไม่ได้กำหนดไว้จะไม่มีข้อความป็อปอัปปรากฎขึ้น
* **ขนาดวิดเจ็ต:** เลือกจากขนาดวิดเจ็ต ใหญ่, มาตรฐาน หรือ เล็ก
* **ตัวเลือกการแสดงผล:** เลือกว่าจะแสดงวิดเจ็ตนี้บนเดสก์ท็อป อุปกรณ์พกพา หรือทั้งสองอย่าง

#### **ตำแหน่ง**

คุณสามารถเปลี่ยนตำแหน่งของวิดเจ็ตบนเว็บไซต์ของคุณได้ตามการตั้งค่าต่อไปนี้:

* **การจัดวาง:** ระบุว่าคุณต้องการแสดงวิดเจ็ตที่มุมซ้ายล่างหรือขวาของเว็บไซต์
* **ระยะห่างแนวตั้ง:** ระบุปริมาณระยะห่างแนวตั้งระหว่างวิดเจ็ตและด้านล่างของหน้าจอ
* **ระยะห่างแนวนอน:** ระบุปริมาณระยะห่างแนวนอนระหว่างวิดเจ็ตและขอบของหน้าจอ

#### **การตั้งค่าเพิ่มเติม**

การปรับแต่งเพิ่มเติมสำหรับวิดเจ็ต:

* **ซ่อนแบรนด์ Respond.io:** ลบแบรนด์ Respond.io ออกจากวิดเจ็ตของคุณ

## การลบวิดเจ็ต

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

หากต้องการลบวิดเจ็ตที่มีอยู่ ให้คลิกปุ่ม **ลบ** และทำตามคำแนะนำบนหน้าจอ การดำเนินการดังกล่าวจะลบวิดเจ็ตออกจากพื้นที่ทำงานของคุณโดยสมบูรณ์

> ควรระมัดระวังในการลบวิดเจ็ตออกจากพื้นที่ทำงานของคุณ เมื่อวิดเจ็ตถูกลบ การกำหนดค่าทั้งหมดจะถูกลบด้วย การลบไม่สามารถย้อนกลับได้

แชร์บทความนี้

[![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)

## 

บทความที่เกี่ยวข้อง 👩‍💻

* [การโทรเรียนรู้วิธีการจัดการการตั้งค่าการโทรสำหรับช่องทางการโทรที่เชื่อมต่อของคุณ ](/th/help/workspace-settings/calls)
* [AI Promptsเรียนรู้วิธีตั้งค่าและกำหนดค่า AI Prompts ](/th/help/workspace-settings/ai-prompts)
* [AI Assistเรียนรู้วิธีตั้งค่าและกำหนดค่า AI Assist ](/th/help/workspace-settings/ai-assist)
* [วงจรชีวิตเรียนรู้วิธีติดตามและจัดการผู้ติดต่อตลอดกระบวนการขายของคุณบนแพลตฟอร์มของเรา ](/th/help/workspace-settings/workspace-settings-lifecycle)
* [ติดต่อนำเข้าเรียนรู้วิธีการนำเข้า ตรวจสอบ และจัดการข้อมูลในแพลตฟอร์ม ](/th/help/workspace-settings/data-import)

ไม่พบสิ่งที่คุณกำลังมองหาใช่ไหม? 🔎

[ติดต่อฝ่ายสนับสนุน](/th/contact-us)

2025-12-05T04:03:31.563Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"สร้างและจัดการวิดเจ็ตที่สามารถฝังบนเว็บไซต์ของคุณเพื่อให้ผู้เยี่ยมชมสามารถติดต่อคุณได้ผ่านช่องทางที่คุณต้องการ","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/th/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"วิดเจ็ตการเติบโต","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/th/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/th/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/th/help","position":1},{"@type":"ListItem","name":"ผลิตภัณฑ์","item":"https://respond.io/th/help/product","position":2},{"@type":"ListItem","name":"การตั้งค่าพื้นที่ทำงาน","item":"https://respond.io/th/help/workspace-settings","position":3},{"@type":"ListItem","name":"วิดเจ็ตการเติบโต","item":"https://respond.io/th/help/workspace-settings/growth-widgets","position":4}]}]
```
