---
description: ต้องการสนทนากับผู้เยี่ยมชมเว็บไซต์ผ่านทาง Facebook Chat Plugin หรือวิดเจ็ต Messenger หรือไม่? เรียนรู้วิธีเพิ่ม Facebook Messenger ลงในเว็บไซต์บน Shopify, WordPress และอื่นๆ
title: เพิ่ม Facebook Messenger ลงในเว็บไซต์: คู่มือวิดเจ็ต Messenger 
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/xZbFyK1IrWftZjZg3BllR/c832ca8247d5e6b76a40847f37735fe4/AddFacebooktoWebsiteCoverImage1_5132707da2aabc45d96934743d3a315d.png
---

1. [หน้าแรก ](/th)
2. [\> บล็อก ](/th/blog)
3. [\> How To Article](/th/category/how-to-article)

# เพิ่ม Facebook Messenger ลงในเว็บไซต์: คู่มือวิดเจ็ต Messenger 

[![Gerardo Salandra](https://assets2-proxy.respond.io/ph8r57dk1q9w/6N33r6J1VRPdiVQylKFTF1/c23cccbaea7e82943d31f48b7ba627b9/Jerry_Avatar.svg?q=70&w=400&fm=avif)](/th/author/gerardo-salandra)

[Gerardo Salandra](/th/author/gerardo-salandra)

· 10 Jul 2025

·

less than a minute read

![เพิ่ม Facebook Messenger ลงในเว็บไซต์: คู่มือวิดเจ็ต Messenger ](https://assets2-proxy.respond.io/ph8r57dk1q9w/xZbFyK1IrWftZjZg3BllR/c832ca8247d5e6b76a40847f37735fe4/AddFacebooktoWebsiteCoverImage1_5132707da2aabc45d96934743d3a315d.png?q=70&w=400&fm=avif)

กำลังมองหาวิดเจ็ตแชทสุดยอดใช่ไหม? หากผู้เยี่ยมชมเว็บไซต์ของคุณเป็นผู้ใช้ Messenger ตัวยง ให้เพิ่มวิดเจ็ต Facebook Messenger ลงในเว็บไซต์ของคุณ ในโพสต์บล็อกนี้ เราจะแสดงวิธีเพิ่ม Facebook Messenger ลงในเว็บไซต์ รวมถึงตำแหน่งที่จะเพิ่มลงในโปรแกรมสร้างเว็บไซต์เช่น WordPress, Wix และ Shopify

## Facebook Messenger Widget คืออะไร?

วิดเจ็ต [Facebook Messenger](https://respond.io/th/blog/facebook-business-chat) เป็นปลั๊กอินเว็บไซต์ที่ช่วยให้ผู้เยี่ยมชมไซต์สามารถสนทนากับเพจ Facebook ของคุณผ่าน Messenger ได้ เนื่องจากเป็นหนึ่งในช่องทางการส่งข้อความอันดับต้นๆ ของโลก [ ](https://respond.io/th/blog/top-messaging-apps#toc-mobile-2) ลูกค้าจำนวนมากจึงมีแนวโน้มตามธรรมชาติที่จะสนทนาผ่าน Messenger

![นี่คือรูปภาพของ Facebook Messenger Widget Facebook Messenger Widget (เรียกอีกอย่างว่า Facebook Chat Plugin) เป็นปลั๊กอินเว็บไซต์ที่ช่วยให้ผู้เยี่ยมชมเว็บไซต์ของคุณสามารถแชทกับเพจ Facebook ของคุณผ่านทาง Messenger ได้ หากคุณอยู่ในสถานที่เช่นสหราชอาณาจักร (UK) สหรัฐอเมริกา (US) อินเดีย หรือฟิลิปปินส์ โปรดพิจารณา Messenger เป็นปลั๊กอินแชทที่ดีที่สุด](https://assets2-proxy.respond.io/ph8r57dk1q9w/6vJIu0wwFqlP05D7Sdfl1i/47563d7badb65d0cc78abd59353cbc6d/ScreenShot2021-08-27at3_40_01PM_12245abf57b1ecf0a5373de455bb3960.png?fm=jpg&q=80&w=640) 

เมื่อผู้เยี่ยมชมเว็บไซต์ส่งคำถามผ่านวิดเจ็ต คุณสามารถตอบกลับได้ผ่าน [Meta Business Suite Inbox](https://www.facebook.com/business/help/294426838452244?id=765488040896522) เพียงพอสำหรับธุรกิจที่ได้รับข้อความปริมาณน้อยถึงปานกลางและอาศัย Facebook Messenger สำหรับการสื่อสารกับลูกค้า

> อย่าสับสนระหว่างวิดเจ็ต Facebook Messenger กับปลั๊กอิน Facebook Chat แม้ว่าจะมีความคล้ายคลึงกันในบางด้าน แต่ปลั๊กอิน Facebook Chat จะไม่สามารถใช้งานได้อีกต่อไปตั้งแต่วันที่ 9 พฤษภาคม 2024

ธุรกิจที่ต้องจัดการกับการสนทนาเป็นจำนวนมากหรือสนทนากับลูกค้าผ่านหลายช่องทาง ควรใช้กล่องจดหมายข้อความแบบ Omnichannel เช่น respond.io นอกจากจะปรับปรุงการสนทนาทั้งหมดในกล่องจดหมายเดียวแล้ว ยังมีข้อดีเพิ่มเติม เช่น [ระบบอัตโนมัติขั้นสูง](https://respond.io/th/blog/november-2021-release-workflows-module-and-send-message-templates-via-messages-api#toc-mobile-0) และ [การวิเคราะห์](https://docs.respond.io/reports)

### เหตุใดจึงต้องใช้ Facebook Messenger Widget

หากคุณใช้ประโยชน์จาก Facebook Messenger เพื่อ [ให้การสนับสนุนลูกค้า ](https://respond.io/th/blog/facebook-messenger-for-customer-service)หรือ [ผลักดันการขาย](https://respond.io/th/blog/messenger-sales)คุณคงทราบดีว่าแพลตฟอร์มนี้มีประสิทธิภาพแค่ไหน เหตุผลสำคัญประการหนึ่งในการพิจารณาใช้แชทเว็บของ Facebook ก็คือความสามารถในการสร้างบทสนทนาอย่างต่อเนื่องและสร้างรายชื่อผู้ติดต่อ

#### สร้างการมีส่วนร่วมที่ต่อเนื่องและสม่ำเสมอ

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

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

![บทสนทนาทั้งหมดในวิดเจ็ต Messenger ของคุณจะถูกบันทึกไว้ในกล่องจดหมายของ Facebook นี่คือประโยชน์เมื่อคุณเพิ่ม Facebook Messenger ลงในเว็บไซต์ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/7s2C8aPJCoTaPMDZ89trWw/1a42a62d9fec6aea61254a317c502efd/ScreenShot2021-09-02at2_24_00PM_0aa2ded6ba0cf038eeed519c48ce2201.png?fm=jpg&q=80&w=640) 

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

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

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

#### สร้างรายชื่อผู้ติดต่อใน Facebook Messenger 

ตอนนี้ผู้คนสามารถส่งข้อความถึงคุณได้อย่างง่ายดายผ่าน Facebook โดยใช้ Facebook Customer Chat พวกเขา'จะถูกเพิ่มเข้าไปในรายชื่อผู้ติดต่อของคุณตลอดไป 

![นี่คือภาพที่แสดงให้เห็นว่า Facebook Messenger มีอัตราการเปิดและคลิกสูงกว่าอีเมล ตอนนี้ผู้คนสามารถส่งข้อความถึงคุณได้อย่างง่ายดายผ่าน Facebook โดยใช้ Facebook Customer Chat และพวกเขาจะถูกเพิ่มในรายชื่อติดต่อของคุณตลอดไป คุณสามารถคิดถึงรายชื่อสมาชิก Facebook Messenger ได้ในลักษณะเดียวกับที่คุณคิดถึงรายชื่อสมาชิกอีเมล ใช้สิ่งนี้เป็นช่องทางการสื่อสารใหม่กับกลุ่มเป้าหมายของคุณหรือแม้กระทั่งใช้เพื่อส่งการออกอากาศ Messenger ซึ่งมีอัตราการเปิดสูงถึง 92 เปอร์เซ็นต์](https://assets2-proxy.respond.io/ph8r57dk1q9w/4vAYRvgpQE2JVBO9cWAoGe/d9c30a2ea7a35c28a76d80cd94fb627f/facebook_widget_image_01_3b1caa785ca66b16106b10939dbae9d2.png?fm=jpg&q=80&w=640) 

คุณสามารถคิดถึงรายชื่อสมาชิก Facebook Messenger ได้ในลักษณะเดียวกับที่คุณคิดถึงรายชื่อสมาชิกอีเมล ใช้สิ่งนี้เป็นช่องทางการสื่อสารใหม่กับผู้ชมของคุณ หรือใช้เพื่อส่ง [การออกอากาศผ่าน Messenger](https://respond.io/th/blog/facebook-business-chat#toc-mobile-11) ซึ่งมีอัตราการเปิดสูงถึง 92 เปอร์เซ็นต์

วิดเจ็ต Messenger เป็นเพียงวิธีหนึ่งในการสร้างรายชื่อสมาชิก Facebook Messenger มี[หลายวิธีในการเพิ่มจำนวนผู้ติดต่อใน Messenger ของคุณ](https://respond.io/th/blog/facebook-business-chat#toc-mobile-8) รวมถึง [การตอบกลับอัตโนมัติใน Facebook](https://respond.io/th/blog/facebook-comment-auto-reply) หรือ [การตอบกลับส่วนตัว](https://respond.io/th/blog/messenger-sales#toc-mobile-7) [คลิกเพื่อโฆษณา Messenger](https://respond.io/th/blog/facebook-messenger-ads#toc-mobile-4) หรือ [ลิงก์](https://respond.io/th/blog/messenger-link) และ [QR Code ของ Facebook](https://respond.io/th/blog/facebook-messenger-code#toc-mobile-6).

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

## วิธีการสร้างรหัสวิดเจ็ต

ก่อนอื่นมาพูดถึงกระบวนการตั้งค่าวิดเจ็ต Messenger กันก่อน หากต้องการเพิ่ม Facebook Messenger ลงในเว็บไซต์ คุณต้องดำเนินการสองขั้นตอนต่อไปนี้ตามลำดับ:

* สร้างโค้ดวิดเจ็ต Facebook Messenger
* เพิ่มโค้ดวิดเจ็ต Messenger ลงในเว็บไซต์ของคุณ

หากคุณเป็นธุรกิจ B2B ที่จำเป็นต้องเปิดโหมดแขก เราขอแนะนำให้ตั้งค่าวิดเจ็ต Facebook Messenger ของคุณผ่าน respond.io

คุณไม่เพียงแต่สามารถทำให้อัตโนมัติ[การทักทาย](https://respond.io/th/blog/welcome-messsage-for-facebook-page) หรือ[ข้อความตอบกลับเมื่อไม่อยู่](https://respond.io/th/blog/away-message-for-business) และกระบวนการต่าง ๆ เช่น[การจัดเส้นทางแชท](https://respond.io/th/blog/chat-routing-contact-routing-workflows-module-respondio) หรือ[การมอบหมายผู้ติดต่อ](https://respond.io/th/blog/auto-assignment-automatic-assignment-respondio) แต่ respond.io ยังให้คุณ[เพิ่มรหัสอ้างอิง](https://docs.respond.io/messaging-channels/facebook-messenger/facebook-chat-plugin#add-reference-code) ใน Facebook Messenger widget เพื่อระบุแหล่งที่มาของผู้ติดต่อ. ธุรกิจขนาดใหญ่ควรพิจารณาตัวเลือกนี้

### สร้างรหัสวิดเจ็ตบน Repond.io

ขั้นตอนการตั้งค่าวิดเจ็ต Facebook Messenger นั้นง่ายดายและสามารถทำได้อย่างรวดเร็วโดย [ทำตามขั้นตอนเหล่านี้](https://help.respond.io/l/th/workspace-settings/growth-widgets#creating%5Fwidget).

![นี่คือรูปภาพที่แสดงวิธีการตั้งค่าวิดเจ็ต Messenger ](https://assets2-proxy.respond.io/ph8r57dk1q9w/aZT7eeqHmc2bQhiwcZtP9/a72b613309e705fdd2c03d6aa3226529/screenshot-2023-03-23-at-54336-pm_824bac8b9c535f66c6fb82739a334705.jpg?fm=jpg&q=80&w=640) 

ในการเริ่มต้น ให้ไปที่ _การตั้งค่า_ \> _วิดเจ็ตการเติบโต_. จากนั้นคลิก _Add Widget_ และเลือก _Facebook Widget_ ก่อนที่จะคลิก _Create Widget_

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

![นี่คือ GIF ที่แสดงวิธีการเลือกบัญชีเพื่อสร้างวิดเจ็ต ](https://assets2-proxy.respond.io/ph8r57dk1q9w/QXLH1T9BRF820fr3fmwf2/1b399342bcbbeaf4b9d70173b1a1412c/screenshot-2023-03-23-at-54433-pm_9ac3c2d183a1fefa85edd0273e246fc5.jpg?fm=jpg&q=80&w=640) 

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

หากคุณต้องการเชื่อมต่อกับลูกค้าผ่านช่องทางต่างๆ วิดเจ็ต omnichannel [](https://respond.io/th/blog/omnichannel-widget) สามารถช่วยได้ คุณยังสามารถเลือกที่จะ [เพิ่มวิดเจ็ตแชทบนเว็บไซต์ของคุณ](https://help.respond.io/l/th/website-chat-widget/website-chat-widget-overview)ได้

ตอนนี้ที่คุณตั้งค่าตัววิดเจ็ต Messenger ของคุณเรียบร้อยแล้ว ขั้นตอนถัดไปคือการติดตั้งโค้ดที่สร้างขึ้นบนเว็บไซต์ของคุณ. เราจะแนะนำคุณตลอดกระบวนการติดตั้งต่อไป

เปลี่ยนบทสนทนากับลูกค้าให้เป็นการเติบโตทางธุรกิจด้วย respond.io ✨

จัดการการโทร แชท และอีเมล์ในที่เดียว!

[ จองการสาธิต](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ ลงทะเบียนฟรี](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## วิธีเพิ่ม Facebook Messenger ลงในเว็บไซต์

การนำทาง CMS ของคุณเพื่อเพิ่มวิดเจ็ตแชทอาจจะสร้างความสับสนได้ ด้านล่างนี้ คุณจะพบคำแนะนำในการติดตั้งโค้ดวิดเจ็ต Messenger บนโปรแกรมสร้างเว็บไซต์ยอดนิยม เช่น WordPress, Wix, Shopify และ Squarespace

### วิธีเพิ่ม Messenger ลงในเว็บไซต์: WordPress

ตอนนี้คุณสามารถติดตั้งปลั๊กอิน Messenger โดย Meta ได้โดยตรงจากแท็บปลั๊กอินในแถบด้านข้าง แม้ว่าปลั๊กอินจะใช้งานได้ฟรี แต่การติดตั้งนั้นจะใช้ได้เฉพาะกับสมาชิกแผน Business หรือผู้ใช้แผน Pro เท่านั้น สำหรับผู้ที่ใช้แผนรุ่นเก่า

![นี่คือภาพที่แสดงวิธีการติดตั้งปลั๊กอิน Messenger ของ Meta ได้โดยตรงจากแท็บปลั๊กอินในแถบด้านข้าง แม้ว่าปลั๊กอินจะใช้งานได้ฟรี แต่การติดตั้งนั้นจะใช้ได้เฉพาะกับสมาชิกแผน Business หรือผู้ใช้แผน Pro เท่านั้น สำหรับผู้ที่ใช้แผนรุ่นเก่า หากคุณอยู่ในพื้นที่ที่ Messenger เป็นปลั๊กอินแชทขั้นสูงสุด เช่น สหราชอาณาจักร สหรัฐอเมริกา อินเดีย หรือฟิลิปปินส์ ให้เพิ่มปลั๊กอินนี้ลงในไซต์ WordPress ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/7r4GPeNC51bWTEErbk1iih/57d11e05dcb4ff0f6d19524da2b7e0fb/ScreenShot2022-07-29at10_56_04AM_ae2a686d2130111de0c513ead0d97358.png?fm=jpg&q=80&w=640) 

หากต้องการเพิ่ม Facebook Messenger ลงในเว็บไซต์บน WordPress ให้ทำตามคำแนะนำเหล่านี้:

1. ค้นหาวิดเจ็ต Facebook Messenger และเลือก
2. คลิก _ติดตั้งเลย_.
3. คลิก _เปิดใช้งาน_
4. มองหาแท็บที่เขียนว่า _การสนทนากับลูกค้า_ ไปที่ส่วน _เริ่มต้นใช้งาน_ แล้วคลิก _แก้ไขปลั๊กอินการแชท_
5. ปรับแต่งปลั๊กอินแชทของคุณและทำการตั้งค่าให้เสร็จสมบูรณ์

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

**1\. เพิ่ม** ปลั๊กอินส่วนหัวและส่วนท้ายที่คุณเลือกจากเพจปลั๊กอิน

**2\. นำทาง** ไปที่ส่วนหัวและส่วนท้าย

![เมื่อคุณเพิ่มปลั๊กอินส่วนหัวและส่วนท้ายแล้ว ให้ไปที่ปลั๊กอินนั้น](https://assets2-proxy.respond.io/ph8r57dk1q9w/5EKemoHWnxNCr1NnnaESLt/68d46d8f1e46fd8792005710a253342e/WP2_4d953f50ba9acaca2b88e5f08d6bc44a.png?fm=jpg&q=80&w=640) 

**3\. เพิ่ม** สคริปต์วิดเจ็ต Facebook Messenger ลงในส่วนท้าย

![ตอนนี้ให้วางโค้ดปลั๊กอิน Facebook Customer Chat ลงในส่วนท้ายของเว็บไซต์ WordPress ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/7B7QCOlBch5n5HfkVKjJUd/36df33e65a7cb1cb82fb04cea94ec0c9/WP3_80937b8193213f749743f1b437ff6489.png?fm=jpg&q=80&w=640) 

ตอนนี้คุณได้เพิ่ม Facebook Messenger Live Chat ลงในเว็บไซต์ WordPress ของคุณแล้ว

### วิธีเพิ่ม Messenger ลงในเว็บไซต์: Wix

จะเป็นอย่างไรหากคุณต้องการเพิ่มการแชทสดลงในเว็บไซต์ Wix? เมื่อคุณสร้างสคริปต์วิดเจ็ต Facebook Messenger แล้ว ให้ทำตามขั้นตอนด้านล่างเพื่อเพิ่มลงในเว็บไซต์ Wix ของคุณ โปรดทราบว่าคุณจะต้องสมัครสมาชิกแบบชำระเงินเพื่อเข้าถึงฟีเจอร์นี้ 

**1\. นำทาง** ถึง_การตั้งค่า >การตั้งค่าขั้นสูง_ _**\>**_ _รหัสที่กำหนดเอง_

![ตอนนี้คุณมีรหัสวิดเจ็ต Facebook Messenger พร้อมแล้ว ให้ไปที่รหัสที่กำหนดเองใน Wix](https://assets2-proxy.respond.io/ph8r57dk1q9w/3LwcionSlOqfBe4rGZYNO8/5341eeea8ff361d711c55a35f1e6fb27/ScreenShot2022-07-20at2_05_43PM_b563dc079154f17171786268cc31d729.jpeg?fm=jpg&q=80&w=640) 

**2\. วางรหัสวิดเจ็ต Facebook Messenger** และเลือกหน้าที่คุณต้องการนำรหัสไปใช้ ตรวจสอบให้แน่ใจว่าคุณวางโค้ดไว้ใน _Body - end_ 

![นำสคริปต์ปลั๊กอิน Facebook Chat ของคุณไปวางไว้ภายในกล่องโต้ตอบโค้ดที่กำหนดเอง](https://assets2-proxy.respond.io/ph8r57dk1q9w/1PlecOccfF0Ml59US978Mm/5f8b8402f6b99b0a02b9c519e858d7ae/WixStep2_3f9082e6ce590b7a275daafe701ba192.png?fm=jpg&q=80&w=640) 

ตอนนี้คุณได้เพิ่ม Facebook Chat Widget ลงในเว็บไซต์ Wix ของคุณแล้ว

![ตอนนี้วิดเจ็ต Facebook Messenger จะปรากฏบนเว็บไซต์ Wix ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1KVdOb4JC9Q8QqMi1qbH2z/aeb1e47823f48be3e15f7ac32ec69543/WixStep4_a5049d2beb1270d8994380266d8bac94.png?fm=jpg&q=80&w=640) 

### วิธีเพิ่ม Messenger ลงในเว็บไซต์: Shopify

เมื่อคุณมีสคริปต์วิดเจ็ต Facebook Chat แล้ว ให้ทำตามขั้นตอนเหล่านี้เพื่อรวม Facebook Messenger เข้ากับเว็บไซต์ Shopify

**1\. ไปที่** ไปที่ร้านค้าออนไลน์และแก้ไขรหัส

![เมื่อคุณมีสคริปต์ปลั๊กอินแชทลูกค้า Facebook พร้อมแล้ว ให้ไปที่ธีม Shopify ของคุณและแก้ไขโค้ด สิ่งนี้คุ้มค่าที่จะทำหากคุณใช้ Shopify ในประเทศที่ Messenger เป็นที่นิยม เช่น อินเดีย ฟิลิปปินส์ สหราชอาณาจักร (UK) หรือสหรัฐอเมริกา (US) ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1Pm9TqR4HCgGmkYwuRio7Z/e832da8c0d1205d19f47c10171f03307/Shopify1_9222311e39fbf060940ff01258a9e03b.png?fm=jpg&q=80&w=640) 

**2\. เปิดส่วน** footer.liquid และวางสคริปต์ Facebook Messenger Widget

![นำรหัส Facebook Messenger Widget ไปเพิ่มลงในส่วน footer.liquid ของเว็บไซต์ Spotify ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/vBrnPnBFG3tWMsvYEQt9U/82f7835f7e7a9e7a12ed60dd159fe001/Shopify2_b5a335efc57804262dcfc94ae519ac3c.png?fm=jpg&q=80&w=640) 

ตอนนี้คุณได้เพิ่มวิดเจ็ต Facebook Chat บนเว็บไซต์ Shopify ของคุณแล้ว

### วิธีเพิ่ม Messenger ลงในเว็บไซต์: Squarespace

เมื่อคุณมีสคริปต์วิดเจ็ต Facebook Chat แล้ว ก็ถึงเวลาฝัง Messenger ในเว็บไซต์ Squarespace

**1\. เข้าสู่ระบบ** ใน Squarespace เลือกไซต์ของคุณและเปิด _การตั้งค่า_

![เมื่อคุณมีรหัสวิดเจ็ต Facebook Messenger พร้อมแล้ว ให้เข้าสู่ระบบ Squarespace เพื่อเริ่มกระบวนการติดตั้ง](https://assets2-proxy.respond.io/ph8r57dk1q9w/5ClXIU7ojZrQbsmzZlqemM/9bd171ade9d31f477e6f1bf389945d43/SS1_862e297ff8243b57f35ef081683d720c.png?fm=jpg&q=80&w=640) 

**2\. นำทาง** ถึง _การตั้งค่าขั้นสูง_

![มีวิธีเพิ่ม Facebook Messenger ลงในเว็บไซต์ของคุณ หากต้องการรวม Facebook Messenger เข้ากับเว็บไซต์ Squarespace ของคุณ ให้เปิดการตั้งค่าขั้นสูง นี่คือวิธีการเพิ่ม Facebook Messenger ลงในเว็บไซต์ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/5sMpmQAZc9CTxTUMTR4pLJ/af59a56f3d95fb6ef8654336252e57f7/SS2_c10ae102c296fac60ddf68d2da902250.png?fm=jpg&q=80&w=640) 

**3\. นำทาง** ถึง _การแทรกโค้ด_

![มีวิธีเพิ่ม Facebook Messenger ลงในเว็บไซต์ของคุณ วิธีรวม Facebook Messenger เข้ากับการแทรกโค้ดเปิดในเว็บไซต์ Squarespace ของคุณ นี่คือวิธีการเพิ่ม Facebook Messenger ลงในเว็บไซต์ของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/3XhVNzzbPE1bDKMyR4lfe/f1c15e20a11db1a5eb1b4bf422345d11/SS3_7587b8efd92e682517e445a85c191782.png?fm=jpg&q=80&w=640) 

**4\. วาง** สคริปต์ Facebook Messenger Widget

![ภาพนี้แสดงวิธีการบูรณาการการแชทเข้ากับโดเมนของคุณ](https://assets2-proxy.respond.io/ph8r57dk1q9w/22XGfAg0UlJ0fcs16tHCnD/e2e7b159dc9d122251c3fabbf2a3abf1/SS4_3f4c0e489e816784968c37d62b261798.png?fm=jpg&q=80&w=640) 

ตอนนี้คุณได้เพิ่มการแชทสด Facebook Messenger ลงในเว็บไซต์ของคุณแล้ว

เราได้แสดงวิธีการสร้างรหัสวิดเจ็ตแชท Facebook และติดตั้งวิดเจ็ตแชท Facebook บนโปรแกรมสร้างเว็บไซต์ยอดนิยมบางตัว ต้องการสนทนากับลูกค้าบนวิดเจ็ต Messenger และช่องทางอื่นๆ รวมถึงเข้าถึงรายละเอียดการติดต่อและประวัติการแชทในกล่องจดหมายรวมศูนย์หรือไม่ [ลงทะเบียนบัญชี respond.io](https://app.respond.io/user/register) เลยตอนนี้

เปลี่ยนบทสนทนากับลูกค้าให้เป็นการเติบโตทางธุรกิจด้วย respond.io ✨

จัดการการโทร แชท และอีเมล์ในที่เดียว!

[ จองสาธิต](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ สมัครสมาชิกฟรี](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## อ่านเพิ่มเติม

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

* [วิธีใช้การบูรณาการ WhatsApp กับเว็บไซต์](https://respond.io/th/blog/whatsapp-webchat)
* [คู่มือฉบับสมบูรณ์สำหรับการทำธุรกิจผ่าน Telegram](https://respond.io/th/blog/telegram-for-business)
* [คู่มือฉบับสมบูรณ์สำหรับ Viber สำหรับธุรกิจ](https://respond.io/th/blog/viber-for-business)

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

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/add-messenger-to-website)[![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/blog/add-messenger-to-website)[![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/blog/add-messenger-to-website)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/add-messenger-to-website)

โพสต์ที่เกี่ยวข้อง 👩‍💻 

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/th/blog/best-omnichannel-crm)  
[10 แพลตฟอร์ม CRM แบบหลายช่องทางที่ดีที่สุด: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk และ Freshdesk.10 แพลตฟอร์ม CRM แบบหลายช่องทางที่ดีที่สุด: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk และ Freshdesk](/th/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/th/blog/best-ai-chatbots-for-website)  
[แชทบอท AI ที่ดีที่สุดสำหรับเว็บไซต์: แพลตฟอร์มชั้นนำที่เปรียบเทียบค้นหาสุดยอดแชทบอท AI สำหรับเว็บไซต์ในปี 2025: Respond.io, Intercom, Zendesk AI, Tidio, Chatbase, Drift, HubSpot Chatbot, ManyChat, Landbot](/th/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/th/blog/best-ai-agents-for-customer-support)  
[ตัวแทน AI ที่ดีที่สุดสำหรับการสนับสนุนลูกค้าในปี 2025: ข้อดี ข้อเสีย และราคาสำรวจตัวแทน AI ที่ดีที่สุดสำหรับการสนับสนุนลูกค้าในปี 2025\. เปรียบเทียบข้อดี ข้อเสีย และราคาของแพลตฟอร์มชั้นนำ เช่น respond.io และ Intercom.](/th/blog/best-ai-agents-for-customer-support)

เพิ่มผลลัพธ์ทางธุรกิจของคุณ 3 เท่าด้วย Respond.io 🚀

[พูดคุยกับฝ่ายขาย](/th/demo)[เริ่มทดลองใช้ฟรี](https://app.respond.io/user/register)

2025-12-05T06:16:08.054Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/xZbFyK1IrWftZjZg3BllR/c832ca8247d5e6b76a40847f37735fe4/AddFacebooktoWebsiteCoverImage1_5132707da2aabc45d96934743d3a315d.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/xZbFyK1IrWftZjZg3BllR/c832ca8247d5e6b76a40847f37735fe4/AddFacebooktoWebsiteCoverImage1_5132707da2aabc45d96934743d3a315d.png","headline":"เพิ่ม Facebook Messenger ลงในเว็บไซต์: คู่มือวิดเจ็ต Messenger ","alternativeHeadline":"เพิ่ม Facebook Messenger ลงในเว็บไซต์: คู่มือวิดเจ็ต Messenger ","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/th/blog/add-messenger-to-website","datePublished":"2024-04-08T00:00:00.000Z","dateCreated":"2024-04-08T00:00:00.000Z","dateModified":"2025-07-10T10:33:31.605Z","description":"คุณต้องการ Messenger Widget บนเว็บไซต์ของคุณหรือไม่? ใช้ปลั๊กอิน Facebook Chat เพื่อเพิ่ม Facebook Messenger ลงในเว็บไซต์และเริ่มแชทกับลูกค้าบนแพลตฟอร์มที่พวกเขาชื่นชอบ","author":{"@type":"Person","name":"Gerardo Salandra","url":"https://respond.io/th/author/gerardo-salandra"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/th/blog/add-messenger-to-website"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/th"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/th/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/th/category/how-to-article"}]}]
```
