วิธีสร้างปุ่มโทรเลยใน WordPress (วิธีง่ายๆ)

เผยแพร่แล้ว: 2022-02-22

คุณต้องการเพิ่มลิงค์คลิกเพื่อโทรไปยังเว็บไซต์ WordPress ของคุณหรือไม่?

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

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

ปุ่มโทรเลยคืออะไร?

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

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

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

ทำไมต้องเพิ่มปุ่มคลิกเพื่อโทรใน WordPress?

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

แม้ว่าคุณจะมีแบบฟอร์มการติดต่อแล้ว ผู้ใช้บางคนอาจต้องการพูดคุยกับตัวแทนทันที นอกจากนี้ คนรุ่นเก่าอาจต้องการพูดคุยกับบุคคลจริง แทนที่จะใช้แชทบ็อตหรือบริการอัตโนมัติอื่นๆ

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

วิธีสร้างปุ่มคลิกเพื่อโทรใน WordPress (2 วิธีง่ายๆ)

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

สารบัญ
  1. วิธีที่ 1 เพิ่มปุ่มโทรใน WordPress ด้วย Plugin
  2. วิธีที่ 2 การเพิ่มปุ่มคลิกเพื่อโทรใน WordPress . ด้วยตนเอง

วิธีที่ 1 เพิ่มปุ่มโทรใน WordPress ด้วย Plugin

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

ขั้นตอนแรกคือการดาวน์โหลดปลั๊กอิน WP Call Button และติดตั้งและเปิดใช้งานบนไซต์ WordPress ของคุณ

หากคุณต้องการความช่วยเหลือในขั้นตอนนี้ นี่คือคำแนะนำในการติดตั้งปลั๊กอิน WordPress

หลังจากติดตั้งไฟล์ปลั๊กอิน .zip แล้ว ให้ไปที่หน้า การ ตั้งค่า » ปุ่มโทร WP เพื่อเลือกการตั้งค่าปลั๊กอินของคุณ

WP Call Button settings page

การสร้างปุ่มโทรติดหนึบ

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

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

WP call button customization settings

ถัดไป คุณสามารถตั้งค่ารูปลักษณ์ของปุ่มโทรได้ ตัวอย่างเช่น คุณสามารถเปลี่ยนสิ่งต่อไปนี้:

  • ข้อความปุ่มโทร
  • ตำแหน่งปุ่ม
  • ปุ่มโทรสี

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

คุณยังสามารถเปิดสวิตช์เพื่อแสดงเฉพาะปุ่มโทรบนอุปกรณ์เคลื่อนที่

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

enable call now button

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

Sticky call now button example

การสร้างปุ่มโทรแบบคงที่

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

มี 2 ​​วิธีในการเพิ่มปุ่มโทรแบบคงที่ไปยังไซต์ WordPress ของคุณ

ขั้นแรก คุณสามารถเพิ่มปุ่มในหน้าใดก็ได้อย่างรวดเร็วด้วยตัวแก้ไขบล็อกของ WordPress

ในการดำเนินการดังกล่าว ให้สร้างหรือแก้ไขหน้า WordPress แล้วคลิกไอคอนเครื่องหมายบวก (+) เพื่อเพิ่มบล็อกใหม่ จากนั้นค้นหา 'ปุ่มโทร WP' และเพิ่มการบล็อกในหน้าของคุณ

WP call button block

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

static call button block customization options

หลังจากติดตั้งปุ่มสแตติก ผู้ใช้สามารถคลิกและโทรไปยังหมายเลขที่คุณเพิ่มลงในหน้าการตั้งค่า

static call now button WordPress

การใช้ตัวแก้ไข WordPress แบบคลาสสิก คุณสามารถสร้างปุ่มการโทรแบบคงที่ด้วยตัวสร้างรหัสย่อของปลั๊กอิน

กลับไปที่หน้าการ ตั้งค่า»ปุ่มโทร WP และคลิกแท็บ 'ปุ่มโทรแบบคงที่' ที่ด้านบน

static wp call button settings

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

call now button shortcode

การเพิ่มปุ่มโทรเข้าในแถบด้านข้างของคุณ

ปลั๊กอิน WP Call Button ให้คุณเพิ่มปุ่มที่คลิกได้บนแถบด้านข้างของ WordPress เพื่อให้ผู้ใช้สามารถโทรหาคุณได้ทันที

หากต้องการค้นหา ให้ไปที่ ลักษณะที่ ปรากฏ » วิดเจ็ต แล้วคลิกไอคอนเครื่องหมายบวก (+) เพื่อเพิ่มวิดเจ็ตใหม่ จากที่นั่น ให้มองหาวิดเจ็ตปุ่มโทร WP แล้วคลิกเพื่อเพิ่มลงในแถบด้านข้างของคุณ

add wp call button to WordPress sidebar

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

call us button WordPress sidebar

อย่างที่คุณเห็น การใช้ปลั๊กอินนี้ง่ายมาก ที่ยิ่งไปกว่านั้นคือ ดาวน์โหลดและใช้งานได้ฟรีโดยสมบูรณ์

นอกจากนี้ ปุ่มโทร WP ยังทำงานร่วมกับ Google Analytics ได้อย่างราบรื่นสำหรับการติดตามการคลิกในการโทร หากคุณยังไม่ได้ตั้งค่าบนไซต์ของคุณ ให้ทำตามคำแนะนำเกี่ยวกับวิธีการติดตั้ง Google Analytics ใน WordPress

วิธีที่ 2 การเพิ่มปุ่มคลิกเพื่อโทรใน WordPress . ด้วยตนเอง

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

ทั้งหมดที่เกี่ยวข้องกับการคัดลอกและวางโค้ด HTML และเพิ่มหมายเลขโทรศัพท์ของคุณดังนี้:

 <a href="tel:+15555551213">+1 (555) 555-12123</a> <a href="tel:15555551213">Call Me</a>

ลิงก์ทั้งสองนี้จะเปิดแอปโทรศัพท์ของคุณบนอุปกรณ์เคลื่อนที่ หากคุณเป็นผู้ใช้ Mac ลิงก์จะเปิดแอป Facetime และสำหรับเดสก์ท็อป Windows ลิงก์จะเปิดขึ้นใน Skype

หากคุณต้องการเพิ่มไอคอนข้างลิงก์โทรเลย คุณสามารถทำได้ด้วย HTML

ไปที่ สื่อ » เพิ่มใหม่ และอัปโหลดภาพที่คุณต้องการใช้

upload your icon and copy the image URL

จากนั้นคลิกลิงก์ 'คัดลอก URL ไปยังคลิปบอร์ด'

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

 <a href="tel:+15555551213"><img src="http://example.com/wp-content/uploads/2022/02/phoneicon.png" alt="Call us" /></a>

หลังจากบันทึกการเปลี่ยนแปลงแล้ว คุณสามารถไปที่หน้าและดูการทำงานของไอคอนการโทรที่กำหนดเองได้ทันที

call now button without a plugin

การเพิ่มปุ่มคลิกเพื่อโทรไปยังเมนูนำทาง

คุณรู้หรือไม่ว่าคุณสามารถเพิ่มปุ่มโทรไปยังเมนูนำทางใน WordPress ได้?

โดยไปที่ Appearance » Menus และคลิก Custom Links ทางด้านซ้ายมือ

ในช่อง URL ให้พิมพ์เบอร์โทรดังนี้ tel:+155555553

จากนั้นในช่องข้อความลิงก์ คุณสามารถเพิ่มข้อความเช่น 'โทรหาเรา'

click to call menu link WordPress

หลังจากเพิ่มข้อมูลดังกล่าวแล้ว ให้คลิกปุ่ม เพิ่มในเมนู แล้วคลิกปุ่ม บันทึกเมนู

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

call us menu link WordPress

ที่นั่นคุณมีมัน!

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีสร้างปุ่มโทรเลยใน WordPress คุณอาจชอบโพสต์นี้เกี่ยวกับวิธีเพิ่ม Google Analytics ใน WooCommerce

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลจากช่อง YouTube สำหรับวิดีโอแนะนำ RafflePress คุณสามารถหาเราได้ที่ Twitter และ Facebook