ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก


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

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

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

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

 

» อำนวยความสะดวกให้ผู้ใช้ Add ID LINE ร้านค้าง่าย ๆ ไม่ต้องพิมพ์! «


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

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

 


โดยมีขั้นตอนการสร้างลิงก์ดังนี้ค่ะ

    • ลิงก์สำหรับ Add LINE ID ของผู้ใช้ทั่วไป > http://line.me/ti/p/~ID LINE ของคุณ
       
    • ลิงก์สำหรับ Add LINE@ (ไลน์แอท) ของเพจหรือร้านค้าบน LINE > http://line.me/ti/p/%40ID LINE ของคุณ



ตัวอย่างเช่น
ID LINE ของคุณคือ rdbeauty เมื่อนำไปสร้างเป็นลิงก์ จะแสดงผลดังนี้ค่ะ
 

    • LINE id ของผู้ใช้ทั่วไป http://line.me/ti/p/~rdbeauty
       
    • LINE id ของ LINE@ http://line.me/ti/p/%40rdbeauty

 

» วิธีนำลิงก์ Add LINE ไปแสดงผลบนเว็บไซต์สำเร็จรูป ReadyPlanet สามารถสร้างลิงก์แบบตัวอักษร ด้วยการ

1. คลิกเม้าส์ไฮไลท์ข้อความที่ต้องการ

2. จากนั้นคลิกที่เครื่องมือ  (Hyperlink in Text)

3. วางลิงก์ที่สร้างในหน้าต่าง Link และกด OK


 

หรือถ้าเว็บมาสเตอร์ท่านใดจะตกแต่งเป็นรูปภาพแทนการใช้ข้อความตามตัวอย่าง ก็สามารถใช้เครื่องมือเดียวกันนี้ผูกลิงก์ที่รูปภาพให้ผู้ชมคลิกแทนได้นะคะ เพียงเท่านี้ เมื่อผู้ชมเข้ามาที่หน้าเว็บไซต์และกดลิงก์ดังกล่าว ก็จะเจอแอคเคาท์ LINE ของร้านค้าให้กด Add Friend หรือ Chat สอบถามได้เลยค่ะ

 


 

» สร้างปุ่ม "เพิ่มเพื่อน" สำหรับ Official Account และ LINE@ «

สำหรับท่านที่มีบัญชี LINE แบบ Official หรือ LINE@ สามารถแสดงปุ่ม เพิ่มเพื่อน บนหน้าเว็บไซต์ที่ต้องการได้อย่างง่าย ด้วยเครื่องมือที่ทาง LINE มีบริการโดยตรงเลยค่ะ

เพียงเข้าไปที่ลิงก์ https://media.line.me/th/how_to_install#addfriend และทำตามขั้นตอนดังต่อไปนี้

1. Enter LINE ID (ใส่ LINE ID) : ใส่ LINE ID ของคุณ (ต้องเป็น Official หรือ LINE@ เท่านั้น)
 
2. Choose a button type (เลือกประเภทปุ่ม) : เลือกรูปแบบการแสดงผลปุ่มเพิ่มเพื่อนที่ต้องการ
 
3. สุดท้าย ดูตัวอย่างการแสดงผลปุ่มที่ปรากฎด้านซ้าย จากนั้น Copy Code ที่ปรากฎได้เลยค่ะ

 

 

» วิธีการติดตั้งปุ่ม เพิ่มเพื่อน ในเว็บไซต์สำเร็จรูป ReadyPlanet

เมื่อ Log in เข้าส่วนแก้ไขหน้าเว็บไซต์ ที่เป็นบทความหรือหน้าสินค้าที่ต้องการแล้ว ให้คลิกปุ่ม  (Source) แล้ววางโค้ดที่คัดลอกมาลงในช่องเนื้อหา

 

» Tips & Tricks! เพื่อความง่ายอาจวางไว้บนสุด หรือล่างสุดของข้อมูลที่มีอยู่แล้ว แล้วกดบันทึกได้เลยค่ะ

 

ตัวอย่างการแสดงผลปุ่มเพิ่มเพื่อน ของ LINE บนหน้าเว็บไซต์

 

โดยปุ่ม เพิ่มเพื่อน ของ LINE ชุดนี้ จะเป็นการคลิกและเพิ่มเพื่อน LINE@ หรือติดตาม Official Account ให้อัตโนมัติ ซึ่งแตกต่างกับการคลิกลิงก์เพิ่มเพื่อน ตามเทคนิคแรกข้างต้น ที่จะเป็นเหมือนการ Search หา LINE ID ให้ จากนั้นผู้ใช้งานจะต้องกดปุ่มเพิ่มเพื่อนเองอีกครั้งค่ะ

 


 

» เผยแพร่ข้อมูลถูกใจ ให้ผู้ชมแชร์ง่าย ใช้ปุ่ม LINE it! «

 

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

นอกเหนือจากการแสดงผลปุ่มของ Social Media ยอดนิยมอย่าง Facebook หรือ Twitter แล้ว เราสามารถเพิ่มปุ่ม LINE it! เพื่อแชร์ข้อมูลผ่านแอพพลิเคชั่น LINE ได้ง่าย ๆ ค่ะ


เพียงคลิกเข้าไปที่เว็บไซต์ https://media.line.me/th/how_to_install#lineitbutton และทำตามขั้นตอน ดังนี้ค่ะ

1. Choose a Button type (เลือกประเภทปุ่ม) : คลิกเลือกรูปแบบปุ่ม LINE ตามรูปแบบและขนาดที่ต้องการ

2. Set URL (ใส่ลิงก์) : วาง URL ของหน้าเว็บไซต์ ที่คุณต้องการแสดงผลปุ่ม LINE it!

3. Preview your button and copy its code (ดูตัวอย่างปุ่มแล้วคัดลอกโค้ด) : ดูตัวอย่างการแสดงผลปุ่มที่ปรากฎด้านซ้าย จากนั้น Copy Code ที่ปรากฎได้เลยค่ะ

 

 

» วิธีการติดตั้งปุ่ม LINE it! ในเว็บไซต์สำเร็จรูป ReadyPlanet

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

  


  

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

Jittima  Suebsook
www.ReadyPlanet.com




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
แนะนำการวาง Code Youtube ในเว็บไซต์
วิธีสร้างลิงก์ E-Mail
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
สร้างลิงก์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
สร้างรูปภาพเคลื่อนไหวแบบ Marquee
วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
เทคนิคการสร้างลิงก์เมนูและรูปภาพแบนเนอร์ ในพื้นที่ด้านล่างของเว็บไซต์
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
วิธีติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์กับ Google
วิธีติดตั้งโค้ด Google Analytics
วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงค์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร