วิธีสร้างลิงค์คลิกเพื่อโทรใน WordPress (ทีละขั้นตอน)

เผยแพร่แล้ว: 2021-08-19

คุณรู้หรือไม่ว่า 68% ของการเข้าชมเว็บเกิดขึ้นจากโทรศัพท์มือถือในปี 2020?

ในทำนองเดียวกัน เฉพาะในไตรมาสแรกของปี 2564 โทรศัพท์มือถือ (ไม่รวมแท็บเล็ต) คิดเป็น 54.8% ของการเข้าชมเว็บไซต์ทั่วโลก

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

ไม่รู้ว่าเรากำลังพูดถึงอะไร?

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

เริ่มต้นด้วยการแนะนำ:

สารบัญ

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

ลิงค์คลิกเพื่อโทรใน WordPress คืออะไร?

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

ทำไมคุณควรเพิ่มลิงค์คลิกเพื่อโทรใน WordPress?

มีหลายวิธีสำหรับลูกค้าในการสื่อสารกับธุรกิจของคุณ เช่น แชทสด อีเมล แบบฟอร์มติดต่อ และตั๋วสนับสนุน

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

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

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

ลิงก์คลิกเพื่อโทรทำงานอย่างไร

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

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

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

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

วิธีสร้างลิงค์คลิกเพื่อโทรใน WordPress

มีสามวิธีในการสร้างและเพิ่มลิงก์คลิกเพื่อโทรใน WordPress เรามีรายละเอียดทีละขั้นตอน อ่านด้านล่าง:

วิธีที่ 1: การสร้างลิงก์แบบคลิกเพื่อโทรโดยใช้ปลั๊กอิน

ปลั๊กอินทำให้ง่ายต่อการสร้างและเพิ่มปุ่มคลิกเพื่อโทรใน Classic Editor, Gutenberg, แถบด้านข้าง และปุ่มลอยตัว นี่คือขั้นตอน:

ขั้นตอนที่ 1: การติดตั้งและเปิดใช้งาน Plugin

  • ไปที่แดชบอร์ด WordPress ของคุณ คลิกที่ ปลั๊กอิน > เพิ่มตัวเลือกใหม่
เพิ่มปลั๊กอินใหม่จากแดชบอร์ด
  • ค้นหาปลั๊กอิน " ปุ่มโทร WP " ติดตั้งและเปิดใช้งาน
การติดตั้งและเปิดใช้งานปลั๊กอิน WP Call Button

ขั้นตอนที่ 2: การกำหนดค่า Plugin

หลังจากเปิดใช้งานปลั๊กอิน WP Call Button คุณต้องกำหนดค่า ไปที่ การตั้งค่า > ตัวเลือกปุ่มโทร WP บนแดชบอร์ดของคุณ

การกำหนดค่าปลั๊กอินปุ่มโทร WP

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

สองตัวเลือกในการกำหนดค่าปุ่มโทร WP

#การกำหนดค่าปุ่มโทรติดหนึบ

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

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

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

ปุ่มโทรบนอุปกรณ์มือถือเท่านั้น

ตอนนี้ ปุ่มโทรจะปรากฏบนไซต์ของคุณซึ่งจะเลื่อนไปพร้อมกับการเลื่อน

แสดงตัวอย่างปุ่มโทรติดหนึบ

#การกำหนดค่าปุ่มโทรคงที่

หากคุณใช้ WordPress Classic Editor คุณต้องกำหนดค่าปุ่มโทรแบบคงที่

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

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

มันจะมีลักษณะดังนี้:

ดูตัวอย่างของปุ่มโทรคงที่

คุณยังสามารถเผยแพร่ปุ่มโทรของคุณโดยใช้ตัวแก้ไขบล็อกได้ดังนี้:

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

การเพิ่มปุ่มโทรไปยังวิดเจ็ต

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

  • ไปที่ ลักษณะที่ ปรากฏ > วิดเจ็ต บนแดชบอร์ดของคุณ
ไปที่วิดเจ็ต
  • เลื่อนไปที่วิดเจ็ต ปุ่มโทร WP
  • ลากไปที่ส่วนท้าย ส่วนหัว แถบด้านข้าง หรือส่วนวิดเจ็ตอื่นๆ ที่คุณต้องการเพิ่มปุ่มโทร
เพิ่มวิดเจ็ตปุ่มโทร WP ไปที่แถบด้านข้าง
  • คุณยังสามารถคลิกและเลือกตำแหน่งที่คุณต้องการเพิ่มวิดเจ็ต
  • คลิกที่ปุ่ม แก้ไข เพื่อปรับชื่อ คำอธิบาย สี และอื่นๆ
แก้ไขวิดเจ็ตปุ่มโทร WP

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

วิธีที่ 2: การเพิ่มลิงก์คลิกเพื่อโทรด้วย HTML

คุณยังสามารถเพิ่มลิงก์คลิกเพื่อโทรด้วยตนเองโดยใช้ข้อมูลโค้ด HTML วิธีนี้ใช้ข้อมูลโค้ด HTML อย่างง่ายในการเปิดลิงก์โทรศัพท์บนโทรศัพท์มือถือ ใน Windows 10 จะเปิด Skype ในขณะที่บน Mac จะเปิด Facetime

คุณสามารถเพิ่มลิงค์ปุ่มโทรด้วย HTML ได้ดังนี้:

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

ตอนนี้ เพิ่มข้อมูลโค้ดต่อไปนี้ในบล็อก HTML นั้น:

 <!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked --> <a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a>
  • สุดท้าย เผยแพร่เพื่อดูบนเว็บไซต์ของคุณ

คุณสามารถเพิ่มไอคอนหรือรูปภาพข้างลิงก์คลิกเพื่อโทรได้ นี่คือวิธี:

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

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

 <a href="tel:+15555551212"><img src="paste-url-here" alt="Call us" /></a>
  • อย่าลืมแทนที่ URL ที่นี่ด้วย URL ที่คุณคัดลอกไว้ก่อนหน้านี้ แล้วเผยแพร่

วิธีที่ 3: การเพิ่มลิงก์คลิกเพื่อโทรในส่วนหัวของ WordPress

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

  • ไปที่ตัวเลือก ลักษณะที่ ปรากฏ > เมนู บนแดชบอร์ดของคุณ
ไปที่เมนู
  • คลิกที่ตัวเลือก Custom Link จากคอลัมน์ด้านขวามือ
  • ป้อนหมายเลขโทรศัพท์ของคุณใน URL ในรูปแบบ “Tel:+144444444”
  • ในช่อง ข้อความลิงก์ ให้ป้อนป้ายกำกับที่คุณต้องการกำหนดให้กับลิงก์การโทร
  • คลิกที่ปุ่ม “ เพิ่มในเมนู
การเพิ่มลิงค์ที่กำหนดเองในเมนู

คำถามที่พบบ่อย

จะสร้างลิงค์คลิกโทรใน HTML ได้อย่างไร?

คุณสามารถสร้างลิงค์คลิกโทรใน HTML โดยเพิ่มโค้ดต่อไปนี้ในบล็อก WordPress HTML ของคุณ:

<!– ลิงก์นี้จะทำงานบน Android และ iPhone ผู้ใช้เดสก์ท็อปจะมองเห็นได้ แต่จะทำให้เกิดข้อผิดพลาดเมื่อคลิก –>
<a href=”tel:+ 15555551212 “>+1 (555) 555-1212</a>
<a href=”tel: 15555551212 “>โทรหาฉัน</a>

แทนที่ส่วนที่ไฮไลต์ด้วยหมายเลขติดต่อทางธุรกิจของคุณ

คลิกเพื่อโทรทำงานอย่างไร

คลิกเพื่อโทรคือลิงก์ HTML ที่ทำงานร่วมกับโปรโตคอล tel: และ mailto: โปรโตคอลเหล่านี้ทำให้เบราว์เซอร์สามารถขอสายและเริ่มการสนทนาได้

จะเพิ่มปุ่มโทรออกบนเว็บไซต์ได้อย่างไร?

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

บทสรุป

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

วิธีใดที่คุณพบว่าง่าย แจ้งให้เราทราบในความคิดเห็น.