รถเช่า ประเภทต่างๆ
รถเช่า จังหวัด
วิธีเอาแชท Facebook มาใส่บนเว็บ WordPress
วันที่: 03/05/2018
เวลา: 03:05:15
1.หา Facebook Fanpage ID ของเรา โดยให้เข้าไปที่ About หา ID PAGE
2.เพิ่ม White List Domain เพื่อ อนุญาติใหม้เว็บไซต์ที่เราระบุ สามารถใช้ Customer Chat Plugin บนเว็บนั้นได้ ให้เราเข้าไปที่ การตั้งค่า>แพลตฟอร์ม Messenger>Whitelisted Domains และทำการกรอกชื่อเว็บไซต์ของเราลงไป จากนั้นกด Save ได้เลย
3.ตั้งค่า WordPress ของเรา โดยให้เข้าไปที่ http://ชื่อเว็บของเรา/wp-admin/theme-editor.php หรือเมนู Appearance>Editor จากนั้นคลิกเลือกไฟล์ function.php ในเมนูด้านขวา
เมื่อเลือกไฟล์แล้ว ให้เราทำการ เพิ่ม Code ลงไปในไฟล์นี้ โดยทำแหน่งที่นำ Code ไปวาง ต้องอยู่บรรทัดถัดจาก <?php ดังภาพตัวอย่าง ส่วนที่ตีกรอบสีแดง คือ Code ที่ผมนำไปวาง
ในส่วนของ Code ด้านล่างนี้ ให้ก็ปปี้ไปวางตำแหน่งที่ผมได้กล่าวไว้ได้เลยครับผม โดยจะมีหนึ่งจุดที่ต้องแก้ไข คือ page_id=”เลข ID เพจของคุณ” ให้เรานำเลขเพจของเรา ที่ได้มาในขั้นตอนที่ 1 มาแทนที่ตรงนี้ อย่างเช่นเพจของผมก็จะได้เป็น page_id=”128426217686118”
ตัวอย่าง code
--------------------------
// Messenger Chat
if ( ! function_exists('messenger_chat') ) {
function messenger_chat() {
echo '<div class="fb-customerchat" page_id="เลข ID เพจของคุณ" minimized="false"></div>';
}
}
// FB SDK
if ( ! function_exists('fb_sdk') ) {
function fb_sdk() {
echo '<script>window.fbAsyncInit=function(){FB.init({appId : "1678638095724206", autoLogAppEvents : true, xfbml : true, version : "v2.11"});}; (function(d, s, id){var js, fjs=d.getElementsByTagName(s)[0]; if (d.getElementById(id)){return;}js=d.createElement(s); js.id=id; js.src="https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs);}(document, "script", "facebook-jssdk"));</script>';
}
}
add_action('wp_footer', 'messenger_chat');
add_action('wp_head', 'fb_sdk');-เมื่อนำ Code ไปวาง และแก้ไข ‘IDเพจ’ เสร็จแล้ว ก็คลิกที่ปุ่ม Save ได้เลยครับผม หากไม่มีอะไรผิดพลาด ก็จะได้แชทเฟสบุคในเว็บไซต์ หน้าตาประมาณในภาพเลยครับผม
credit : https://opdev.men/tipstrick/facebook/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%80%E0%B8%AD%E0%B8%B2%E0%B9%81%E0%B8%8A%E0%B8%97-facebook-%E0%B8%A1%E0%B8%B2%E0%B9%83%E0%B8%AA%E0%B9%88%E0%B8%9A%E0%B8%99%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A/
ความคิดเห็นทั้งหมด
ยังไม่มีความคิดเห็น มาร่วมแสดงความคิดเห็นเป็นคนแรกสิ!