สร้างแชทผ่าน Messenger Apps ด้วย WhatsHelp

เริ่มโดย joyce_rookie, 09 ตุลาคม 2017, 14:43:04

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

joyce_rookie

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

วันนี้เลยอยากแนะนำเครื่องมือนึงชื่อว่า  WhatsHelp ข้อดีของเครื่องมือตัวนี้ที่ผมชอบที่สุดคือ สามารถติดตั้ง Messaging Application ได้ง่าย ใช้เวลาไม่กี่นาที คุณก็จะสามารถสร้างแชทติดตั้งไว้บนเว็บไซต์ของคุณได้เลย รวมถึงสามารถเลือกได้ว่าต้องการใช้ Messaging Application ตัวไหนบ้าง ซึ่ง WhatsHelp เค้าก็ได้รวมมาให้เลือกใช้งานเยอะมาก ไม่ว่าจะเป็น Messaging Application ยอดนิยมอย่าง Facebook Messenger , Line รวมถึง Viber , Snapchat และอื่นๆ

เริมแรกให้เค้ามาที่ https://whatshelp.io/widget นี้นะครับ จะมีขั้นตอนให้เราสร้างแชทง่ายๆเท่านี้เองครับ เพียงแค่ 3 ขั้นตอน จากนั้นก็จะได้ Scripts สำหรับติดตั้งที่เว็บไซต์ของเรา โดยที่ไม่ต้องเขียน Code อะไรเลย ที่นี้มาลองเริ่มต้นสร้างแชทกันนะครับ

ขั้นตอนแรกเลือกว่าเราต้องการใช้ Messaging Application ตัวไหน ซึ่งสามารถเลือกตัวเดียวหรือหลายๆตัวก้ได้



เมื่อเลือก Messaging Application แล้วจะขึ้นกล่องข้อความสำหรับให้กรอกค่า ID หรือ URL ที่เชื่อมต่อกับ Messaging Application ที่เราต้องการสร้างMessaging Apps

ขั้นตอนที่สองปรับแต่งปุ่มและค่าต่างๆของแชท ในส่วนนี้เราสามารถแก้ไขค่าต่างๆได้ ดังนี้




  • Company Logo – เปลี่ยนภาพโลโก้เป็นรูปอื่นๆได้ โดยใส่ URL ของภาพที่ต้องการแก้ไข
  • Greeting Message – ข้อความทักทายผู้ใช้ เมื่อผู้ใช้เริ่มใช้งานแชท
  • Position – ตำแหน่งของปุ่มแชท (ปุ่มสีฟ้าตามตัวอย่างในภาพ) ว่าจะให้อยู่ด้านซ้ายหรือขวา
  • Call to action – ข้อความที่แสดงตรงปุ่มแชท ในตัวอย่างนีผมจะใส่คำว่า Chat with me ก็จะได้ปุ่มหน้าตาตามอย่างรูปภาพข้างล่าง



ขั้นตอนสุดท้าย คือ กรอกอีเมลของเราแล้วเค้าก็จะส่ง script สำหรับติดตั้งเข้าไปที่อีเมล เพียงแค่นำ Code นั้นมาติดตั้งบรรทัดก่อน </body> เพียงแค่นี้ก็ติดตั้ง Messaging Application ลงบนเว็บไซต์เราเรียบร้อย

ถ้าสนใจติดตามกันได้นะครับที่ http://www.joyzie.net
Fanpage : https://www.facebook.com/joycedotnet

ขอบคุณ Thai SEO มากๆครับ
บริการออกแบบและพัฒนาเว็บไซต์
รองรับการแสดงผล Responsive Website
ด้วยเทคโนโลยี C# , MVC , Angular
----------------------------------------
Name : จอยซ์
Email : [email protected]
Phone : 080-441-1361 , 061-789-2638
Line : joyce-rookie
Website : http://www.joyzie.net
Fanpage : https://www.facebook.com/joycedotnet

FlaminGo

ขอบคุณครับ หาอยู่เลยนี่  :wanwan003:

kondam

ขอบคุณครับ เดี๋ยวจะลองทำดู  :wanwan017:
ขอแนะนำ : :wanwan034:

1. จดโดเมน ต่ออายุ godaddy ลด 40% ถูกที่สุดในตอนนี้! [direct=http://bit.ly/2HhtxzY]คลิก[/direct]

2.จดโดเมน + private 8.88$ [namecheap]   [direct=http://bit.ly/2kuZoG4]คลิก[/direct]

3.แนะนำคลาวด์โฮสติ้งไทย ที่ผมใช้อยู่ [Thaidata]   [direct=https://goo.gl/Jvpgzs]คลิก[/direct]

wisutsak

ขอบคุณครับ  อยากได้ อยู๋พอดี

loveloveaon


joyce_rookie

สำหรับใครที่อยากเห็นตัวอย่างนะครับ ลองดูได้ที่
http://www.promenadachiangmai.com/

อันนี้เป็นเว็บไซต์ที่ผมเขียนให้ลูกค้านะครับ
บริการออกแบบและพัฒนาเว็บไซต์
รองรับการแสดงผล Responsive Website
ด้วยเทคโนโลยี C# , MVC , Angular
----------------------------------------
Name : จอยซ์
Email : [email protected]
Phone : 080-441-1361 , 061-789-2638
Line : joyce-rookie
Website : http://www.joyzie.net
Fanpage : https://www.facebook.com/joycedotnet