วิธีรวม WhatsApp เข้ากับเว็บไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2017-11-06

ในเดือนกรกฎาคมปี 2017 WhatsApp ประกาศอย่างเป็นทางการว่ามีผู้ใช้ WhatsApp มากกว่า 1 พันล้าน คน ทุกวัน ใช่ นั่นคือพันล้านด้วย B ผู้ใช้เหล่านั้นยังส่งข้อความมากกว่า 55 พันล้านข้อความ… ทุกวัน ด้วยการผสานการทำงานกับ WhatsApp WordPress คุณสามารถเริ่มทำให้เว็บไซต์ของคุณเป็นส่วนหนึ่งของข้อความนับพันล้านข้อความเหล่านั้นได้

นอกจากนี้ WhatsApp ไม่ได้มีไว้สำหรับโทรศัพท์เท่านั้นอีกต่อไป ตอนนี้มีทั้งแอพ Mac และ Windows ที่ทำให้ WhatsApp มีหลายแพลตฟอร์มอย่างเป็นทางการ

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

เหนือสิ่งอื่นใด ทุกปลั๊กอินหรือโซลูชันเดียวที่ฉันจะสรุปคือ ฟรี 100%! มาดำน้ำกัน…

วิธีที่คุณสามารถรวม WhatsApp เข้ากับ WordPress ได้คืออะไร?

คุณสามารถตั้งค่าการรวม WhatsApp WordPress ได้หลายวิธี

ขั้นแรก คุณสามารถใช้ปุ่มพื้นฐานที่อนุญาตให้ผู้ใช้แชร์โพสต์ของคุณผ่าน WhatsApp ฉันจะแสดงให้คุณเห็นสองวิธีในการดำเนินการนี้ผ่าน:

  • แถบแบ่งปันแบบลอยตัว
  • ปุ่ม WhatsApp โดยเฉพาะ

นอกจากสองวิธีนี้แล้ว ปลั๊กอินการแชร์โซเชียลที่ให้บริการเต็มรูปแบบจำนวนมากยังรองรับ WhatsApp อีกด้วย เนื่องจากเราได้เขียนเกี่ยวกับปลั๊กอินการแบ่งปันทางสังคมและปลั๊กอินดังกล่าวไม่ได้เจาะจงสำหรับ WhatsApp ฉันจะไม่แสดงวิธีนี้

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

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

ฉันจะแสดงวิธีให้ผู้เยี่ยมชมส่งข้อความ WhatsApp ถึงคุณผ่าน:

  • ปลั๊กอินฟรี
  • WhatsApp API ที่แท้จริง

วิธีเพิ่มปุ่มแชร์ WhatsApp แบบลอยไปยังไซต์มือถือของคุณ

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

ฉันมองไปรอบๆ เพื่อหาปลั๊กอินต่างๆ สองสามตัว และสะดุดกับปลั๊กอิน KN Mobile ShareBar ฟรี นอกจาก WhatsApp แล้ว ยังเพิ่มปุ่ม Facebook และ Twitter น่าเสียดายที่ดูเหมือนจะไม่มีวิธีปิดการใช้งานโดยไม่ต้องเจาะลึกเข้าไปในโค้ดของปลั๊กอิน

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน ปุ่มของคุณจะทำงานโดยอัตโนมัติ:

ติดตั้งและเปิดใช้งาน

เมื่อผู้เยี่ยมชมแตะปุ่ม WhatsApp พวกเขาจะถูกนำไปแชร์โพสต์โดยตรงผ่าน WhatsApp API พร้อมข้อความที่กรอกไว้ล่วงหน้า:

WhatsApp API

คุณสามารถปรับแต่งข้อความที่เติมไว้ล่วงหน้าผ่านการตั้งค่าของปลั๊กอิน โดยไปที่การ ตั้งค่า → KN Mobile Sharebar และแก้ไขกล่อง ข้อความ Whatsapp :

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

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

วิธีเพิ่มปุ่ม WhatsApp เฉพาะลงในมือถือ

หากคุณต้องการโซลูชันสำหรับ WhatsApp โดยเฉพาะ คุณสามารถใช้ปลั๊กอิน Share Post On WhatsApp ได้ฟรี โปรดทราบว่าคุณจะสูญเสียฟังก์ชันการทำงานของแถบลอยที่เรียบร้อยจากปลั๊กอินก่อนหน้า

ปลั๊กอินนั้นง่ายมาก เมื่อคุณติดตั้งและเปิดใช้งาน สิ่งที่คุณต้องทำคือไปที่การ ตั้งค่า → แชร์โพสต์บน WhatsApp เพื่อเปิดใช้งานปุ่มแชร์ของ WhatsApp:

เมื่อผู้ใช้มือถือคลิกที่ปุ่ม พวกเขาจะถูกขอให้เปิดแอป WhatsApp จริง (ได้ รับการยืนยันว่าใช้งานได้บน iPhone 6 ของฉัน )

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

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

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

ปลั๊กอินฟรีอีกตัวที่ซ่อนปุ่มสำหรับผู้ใช้เดสก์ท็อปโดยอัตโนมัติคือ WhatsApp Share Button จาก Alex Moss ปลั๊กอินไม่ได้รับการอัปเดตในสามปี ซึ่งทำให้ฉันไม่ลังเลที่จะแนะนำ ดูเหมือนว่าจะใช้งานได้เมื่อฉันทำการทดสอบพื้นฐานบางอย่าง

วิธีเพิ่ม WhatsApp Live Chat บน WordPress

นอกเหนือจากการแบ่งปันทางสังคม การผสานรวม WhatsApp WordPress ที่เรียบร้อยอีกอย่างหนึ่งก็คือการใช้ WhatsApp เพื่อพูดคุยกับผู้เยี่ยมชมของคุณผ่านการแชทสดหลอก

ฉันพูดว่า "หลอก" เพราะปุ่มแชทสดจะ เริ่มต้น การแชทเท่านั้น เมื่อเริ่มแชทแล้ว คุณจะต้องดำเนินการต่อผ่านอินเทอร์เฟซ WhatsApp

ในการเพิ่มปุ่มแชท WhatsApp บน WordPress ฉันชอบปลั๊กอิน WhatsHelp Chat Button ฟรี

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณต้องไปที่หน้าภายนอกนี้เพื่อสร้างรหัสปุ่มของคุณ:

ในหน้านั้น ให้เลือก WhatsApp เป็นแอพส่งข้อความและกรอกข้อมูลที่เหลือ คุณสามารถดูตัวอย่างสดได้ที่ด้านล่างขวา:

เมื่อเสร็จแล้ว ให้ป้อนอีเมลของคุณที่ด้านล่างแล้วคลิก รับ รหัสปุ่ม จากนั้นวางโค้ดนั้นลงในแท็บ WhatsHelp ในแดชบอร์ด WordPress ของคุณ:

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

วิธีสร้างโซลูชันของคุณเองด้วย WhatsApp API

หากไม่มีปลั๊กอินใดที่ทำแทนคุณได้ คุณสามารถสร้างปุ่มที่กำหนดเองได้โดยใช้ WhatsApp API

สิ่งที่คุณต้องทำคือใช้ปุ่มของคุณเพื่อส่งการเข้าชมไปยัง URL นี้:

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

ตัวอย่างเช่น การสร้างปุ่ม ส่งข้อความ ที่ลิงก์ที่นี่:

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

ส่งข้อความแชท WhatsApp ไปที่ “123456789” พร้อมข้อความ “นี่คือข้อความ”:

หากคุณกำลังดิ้นรนกับวิธีเข้ารหัสข้อความ คุณสามารถใช้เครื่องมือแบบนี้ได้

เนื่องจากสิ่งที่คุณต้องทำคือส่งผู้คนไปยังลิงก์ด้วยวิธีนี้ คุณจึงมีความยืดหยุ่นมากในการใช้งาน คุณสามารถใช้มันในโมดูล Divi ได้หากต้องการ

ห่อของ

WhatsApp เป็นเครื่องมือที่ได้รับความนิยมอย่างล้นหลาม – ตัวเลขบอกได้ด้วยตัวเอง ด้วยการขยายไปสู่เว็บและแอพมือถือ WhatsApp ยังเป็นหลายแพลตฟอร์ม

ด้วยการรวม WhatsApp เข้ากับ WordPress คุณสามารถอนุญาตให้ผู้ใช้หลายพันล้านคนของบริการเชื่อมต่อกับคุณและ/หรือแบ่งปันเนื้อหาของคุณผ่าน WhatsApp

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

นอกเหนือจากการแบ่งปันแล้ว คุณยังสามารถใช้ WhatsHelp หรือ WhatsApp API เพื่อให้ผู้เยี่ยมชมของคุณส่งข้อความโดยตรงไปยังหมายเลข WhatsApp ของคุณเอง

ถึงคุณแล้ว – คุณคิดว่าปุ่มแชท WhatsApp เป็นทางเลือก/นอกเหนือจากการแชทสดหรือไม่? ด้วยความนิยมของ WhatsApp ดูเหมือนว่าจะเป็นตัวเลือกที่น่าสนใจ ทั้งนี้ขึ้นอยู่กับกลุ่มประชากรเฉพาะของคุณ

ภาพขนาดย่อของบทความโดย x9626 / shutterstock.com