No products in the cart.

WP LINE Connect

อนาคตใหม่ของการเชื่อมต่อเว็บไซต์กับลูกค้าผู้น่ารักของคุณ

เชื่อมต่อเว็บไซต์เวิร์ดเพรสของคุณกับไลน์ LINE Login +LINE Notify + LINE Messaging API เชื่อมต่อกับ LINE Bot ได้อย่างง่ายดาย

WordPress Line Connect Hero

ราคาปลั๊กอิน WP LINE Connect

ล้างค่า

95% ผู้ใช้มีมือถือทั่วประเทศไทย เล่น LINE !!!

ถามตอบทุกปัญหา . การใช้งาน เทคนิคใหม่ๆ แชร์ประสบการจากผู้ใช้งานจริง 

WordPress Line Login
line-login-header

ล็อกอินเข้าเว็บไซต์ด้วยไลน์

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

  • ส่งข้อความต้อนรับเมื่อเข้าสู่ระบบ
  • ส่งสถานะรายการสั่งซื้อต่างๆ ของ WooCommerce
  • เชื่อมต่อกับ Line Bot
  • อื่นๆ ที่กำลังจะตามมาภายหลัง

LINE Notify

ไลน์แจ้งเตือน Admin จากเว็บไซต์เช่น 

  • ผู้สมัครใหม่
  • รายการสั่งซื้อใหม่
  • สินค้าเหลือน้อย
  • สินค้าหมด
  • แจ้งเตือนการโอนเงิน พร้อมแนบสลิป (*ต้องใช้ร่วมกับ ปลั๊กอินแจ้งชำระเงิน (Pro) เท่านั้น )
  • อื่นๆที่กำลังจะตามมา..
**สามารถแจ้งเตือนเข้ากลุ่มหรือส่วนตัวก็ได้**
WordPress Line Notify
WordPress Line Message API
LINE Messaging API

ส่งข้อความส่วนตัวจากเว็บไซต์ถีงลูกค้าของคุณด้วยไลน์บอท

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

การตั้งค่าปลั๊กอิน WP LINE Connect

  1. ก่อนการตั้งค่าให้ ดาวน์โหลดปลั๊กอิน มาติดตั้งก่อนและอัพโหลดเพื่อติดตั้งปลั๊กอิน เหมือนกับปลั๊กอินทั่วไป 

ตั้งค่าปลั๊กอิน Settings->WPDT LINE Connect

  1. LINE Chat : สร้างปุ่ม LINE Chat ทางหน้าเว็บ
  2. LINE Notify : สร้าง Token เพื่อเชื่อมต่อกับส่วนตัวหรือไลน์กลุ่มของเราโดยสร้างจากลิ้งค์นี้ Create line token
  3. LINE Login : สร้าง Channel ID และ Channel secret เพื่อมายืนยันความถูกต้องของระบบล็อกอิน แต่ก่อนสร้างนั้นต้องสร้าง Provider ตามลิ้งนี้ Create new channel คู่มือตามนี้  Getting started with LINE Login
    *ต้องกำหนด
     LINE Login Setting Callback URL ให้มันด้วยโดยเอา URL จากหน้าตั้งค่านี้ แล้วก็ทำการ Published Ling Login เสียก่อน
  4. LINE  Messaging APL (LINE Bot)    สร้าง Channel เพื่อจะเอาค่า Channel access token มาตั้งค่าการเชื่อต่อกับไลน์  สามารถสร้างได้ตามลิ้งนี้ Create new channel คู่มือเพิ่มเติม Getting started.

อย่าลืม บันทึกการตั้งค่า ระบบก็พร้อมใช้งาน โดยกด บันทึกการเปลี่ยนแปลง

หมายเหตุ. ปลั๊กอินรองรับ 
*WordPress 4.0+
*WooCommerce 3.0+
*PHP 7.0+

สอบถามเพิ่มเติ่มที่  LINE ID : @wpdevthai

อัพเดทล่าสุด

- ปรับตำแหน่งปุ่ม Login บน,ล่างของ Form login หรือซ่อนได้แล้ว
- ปรับเปลี่ยน user prefix ได้แล้ว
- ทดสอบไลน์แจ้งเตือน
- ทดสอบ API การส่งข้อความ โดนเจ็ตจาก LINE Bot Designer ส่งข้อมูลส่วนตัวหรือหนทุกคนได้แล้ว
- เพิ่ม Hook สำหรับรับเปรี่ยนข้อความก่อนส่งแจ้งเตือน
- เพิ่ม ฟังก์ชัน สำสำหรับส่งแจ้งเตือน wpdt_line_notify() , wpdt_line_notify_text()
- เพิ่ม ฟังก์ชัน สำหรับส่งข้อความหาลูกค้า wpdt_line_messaging_push() , wpdt_line_messaging_push_text()
- แกับักการสมัครด้วยขื่อที่ใช้สัญลักษ์พิเศษไม่ได้

25/05/1019

ตัวอย่างโค้ด Ninja Form Line Notify

// ตัวอย่างโค้ด Ninja Form Line Notify add_action( 'ninja_forms_after_submission', 'my_ninja_forms_after_submission' ); function my_ninja_forms_after_submission( $form_data ){ // Ninja Form data $form_id = $form_data['form_id']; $form_title = $form_data['settings']['title']; $text = $form_title."\n"."\n"; foreach ($form_data['fields'] as $key => $field) { if(!empty($field['value'])){ $text .= $field['label']." : ".$field['value']."\n"; } } // LINE Notify wpdt_line_notify_text($text); }

ตัวอย่างโค้ด Contact 7 Form Line Notify

// ตัวอย่างโค้ด Contact 7 Form Line Notify add_action( 'wpcf7_mail_sent', 'your_wpcf7_function' ); function your_wpcf7_function( $contact_form ) { $id = $contact_form->id; $title = $contact_form->title; $submission = WPCF7_Submission::get_instance(); $posted_data = array(); if ( $submission ) { $posted_data = $submission->get_posted_data(); } $text = "#".$id." - ".$title."\n"."\n"; $text .="You Name: ".$posted_data['your-name']."\n"; $text .="Your Email: ".$posted_data['your-email']."\n"; $text .="Subject: ".$posted_data['your-subject']."\n"; $text .="Your Message: "."\n".$posted_data['your-message']."\n"; // LINE Notify wpdt_line_notify_text($text); }

ตัวอย่างโค้ด Elementor Pro Forms Line Notify

// ตัวอย่างโค้ด Elementor Pro Forms Line Notify // A elementor_pro/forms/new_record custom WebHook add_action( 'elementor_pro/forms/new_record','wpdt_elementor_pro_forms_line_notify', 10, 2 ); function wpdt_elementor_pro_forms_line_notify($record, $handler){ // Elementor Pro Form data $form_name = $record->get_form_settings( 'form_name' ); $raw_fields = $record->get( 'fields' ); $text = $form_name."\n"."\n"; foreach ( $raw_fields as $id => $field ) { if(!empty($field['value'])){ $text .= $field['title']." : ".$field['value']."\n"; } } // LINE Notify wpdt_line_notify_text($text); }

ตัวอย่างโค้ด User Login/Logout Line Notify

// ตัวอย่างโค้ด User Login Line Notify add_action('wp_login', 'wpdt_user_login_line_notify', 10, 2); function wpdt_user_login_line_notify( $user_login, $user ) { $text = "User Loign"."\n\n"; $text .="User Name: ".$user->user_login."\n"; $text .="User Email: ".$user->user_email."\n"; $text .="Display Name: ".$user->display_name."\n"; $text .="Date Time: ".date( 'Y-m-d H:i:s', current_time( 'timestamp', 0 ) )."\n"; // LINE Notify wpdt_line_notify_text($text); } // ตัวอย่างโค้ด User Logout Line Notify // define the clear_auth_cookie callback add_action( 'clear_auth_cookie', 'wpdt_user_logout_line_notify', 10, 0 ); function wpdt_user_logout_line_notify( ) { $user = wp_get_current_user(); if($user->user_login){ $text = "User Logout"."\n\n"; $text .="User Name: ".$user->user_login."\n"; $text .="User Email: ".$user->user_email."\n"; $text .="Display Name: ".$user->display_name."\n"; $text .="Date Time: ".date( 'Y-m-d H:i:s', current_time( 'timestamp', 0 ) )."\n"; // LINE Notify wpdt_line_notify_text($text); } };
LINE LOGO SVG