วิธีสร้างลิงค์คลิกเพื่อโทรใน 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 " ติดตั้งและเปิดใช้งาน

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

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

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

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

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

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

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

- คลิกที่ไอคอนเพิ่มในตัวแก้ไขบล็อกของคุณ
- เลือกตัวเลือก ปุ่มโทร WP

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

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

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

นี่คือวิธีสร้างปุ่มคลิกเพื่อคลิกโดยใช้ ปลั๊กอิน WP Call Button เป็นวิธีที่ง่ายและสะดวกที่สุดในการเพิ่มปุ่มโทรบนไซต์ WordPress ของคุณ เป็นเครื่องมือฟรีและยังทำงานร่วมกับ Google Analytics
วิธีที่ 2: การเพิ่มลิงก์คลิกเพื่อโทรด้วย HTML
คุณยังสามารถเพิ่มลิงก์คลิกเพื่อโทรด้วยตนเองโดยใช้ข้อมูลโค้ด HTML วิธีนี้ใช้ข้อมูลโค้ด HTML อย่างง่ายในการเปิดลิงก์โทรศัพท์บนโทรศัพท์มือถือ ใน Windows 10 จะเปิด Skype ในขณะที่บน Mac จะเปิด Facetime
คุณสามารถเพิ่มลิงค์ปุ่มโทรด้วย 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 ของไฟล์จากหน้าจอแก้ไข

สุดท้าย ไปที่โพสต์/หน้าที่คุณต้องการเพิ่มลิงก์การโทรด้วยไอคอน เพิ่มบล็อก 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 เราขอแนะนำให้ใช้ปลั๊กอิน เนื่องจากเป็นวิธีที่เร็วกว่า ปลอดภัยกว่า และสะดวกกว่า ผู้ใช้ทุกระดับจะพบว่ามันง่ายและสะดวกกว่าวิธีอื่น อย่างไรก็ตาม วิธีการแบบแมนนวลก็ใช้ได้ดีเช่นกัน แต่คุณต้องทำงานเพิ่มเติมอีกเล็กน้อยกับรหัสที่นี่และที่นั่น
วิธีใดที่คุณพบว่าง่าย แจ้งให้เราทราบในความคิดเห็น.