Home Manual วิธีการติดตั้ง Like Box Facebook ลงใน ECShop

วิธีการติดตั้ง Like Box Facebook ลงใน ECShop

1 min read
0
0
938

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

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

โดยวิธีการสร้าง Like Box และนำไปติดตั้งในเว็บไซต์ ระบบ ECSHOP มีวิธีการทำที่ไม่ยากค่ะ ดังนี้

1. ไปที่ url https://developers.facebook.com/docs/plugins/page-plugin จะเข้าสู่หน้า Page Plugin เพื่อสร้างโค้ด Like box

   - แล้วคัดลอก URL ของ Facebook Fan Page ที่เราสร้างมาใส่ไว้ในช่อง Facebook Page URL (ตัวอย่าง Fan Page ของ ECShop Thai มี URL คือ  https://www.facebook.com/ecshopthailand  เป็นต้น) จากนั้น เลือกรูปแบบการแสดงผลของ Like Box ตามหัวข้อที่ปรากฎ โดยจะมีการแสดงตัวอย่าง Like Box ปรากฎให้เห็นด้วย

   - เลือกสร้างขนาดเป็น 340x210 นะคะ ถ้านำไปใช้กับ ECSHOP ทางเราจะปรับให้พอดีกับเทมเพลตที่ทำไว้ค่ะ จากนั้น Get Code โค๊ดออกมาค่ะ

1

- Width คือ ขนาดความกว้างของ Like Box (ความกว้างเริ่มต้นที่ Facebook กำหนดให้คือ 180 pixels กว้างสูงสุดไม่เกิน 500 pixels)
- Height คือ ขนาดความสูงของ Like Box (ความสูงเริ่มต้นที่ 70 pixels)
- ตัวเลือก Use Small Header แสดงผลข้อมูลเพจเป็นส่วนหัว เฉพาะ รูปโปรไฟล์เพจ, ชื่อเพจ, ปุ่ม Like, และจำนวนคนที่กด Like แล้ว
- ตัวเลือก Adapt to plugin container width เลือกเพื่อให้ Like Box ปรับขนาดให้พอดีกับพื้นที่ติดตั้ง plug in โดยอัตโนมัติ
- ตัวเลือก Hide Cover Photo คลิกเลือกเพื่อไม่ให้ภาพ Cover ของ Page แสดงผลใน Like Box
- ตัวเลือก Show Friend's Faces คลิกเลือกแสดงหรือไม่แสดงรูปโปรไฟล์ของสมาชิกใน Page ใน Like Box
- ตัวเลือก Show Page Posts เลือกแสดงหรือไม่แสดงการโพสต์ล่าสุดจาก Page
2. หลังจาก Get Code ออกมาแล้ว เลือกแถบด้านบนที่เขียนว่า IFrame นะคะ แล้วคัดลอกโค๊ดด้านในค่ะ 

2

3. เข้าไปที่ Admin ECShop เลือกเมนู รายการโฆษณา เลือก Facebook เพจ340x130 แล้วกดเลือก แก้ไข

3

4. จากนั้นนำ Copy URL ของ Facebook Fan Page ที่สร้างไว้ในข้อที่ 2 มาใส่ในช่องตามภาพที่ 4 แล้วบันทึก

4

5. จากนั้นกลับมาที่ รายการโฆษณา อีกครั้งค่ะ เลือกที่ไอคอน  สร้างและคัดลอกโค๊ด JS 

5

6. ดูว่าชื่อตรงกับชื่อเว็บไซต์ของเราไหม แล้วคัดลอกโค๊ด JS ค่ะ

6

7. จากนั้นเข้าไปเมนู  จัดการโครงสร้างไลบรารี  เพื่อแก้ไขเทมภายในระบบ Admin นะคะ ตรงนี้เราก็ไม่ต้องเข้าไปแก้ไขในโปรแกรม FTP ค่ะ แก้ไขเองผ่าน Admin เลย ถ้าใครแก้ไขไม่ได้ เช็คเรื่องการทำ CHOMD 777  ให้สามารถเขียนแก้ไขไฟล์ได้นะคะ เลือกแก้ไขไฟล์ page_footer.lbi นำโค๊ดมาแทนของเดิมให้เป็นข้อมูลเว็บคุณ แล้วจัดเก็บค่ะ

7

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

VDO วิธีการติดตั้ง Like Box Facebook ลงใน ECShop

Load More Related Articles
Load More By Goi
Load More In Manual

แสดงความคิดเห็น ถาม-ตอบ

เป็นคนแรกที่แสดงความคิดเห็น!

แจ้งเตือน
avatar
wpDiscuz