สามารถใช้ในการส่งข้อมูลเข้าอีเมลได้ ซึ่ง ทาง seedwebs.com (ของคุณ เม่น หรือ นายจักรกฤษณ์ ตาฬวัฒน์ ผู้ก่อตั้ง SeedThemes.com) ได้นำมาใช้คู่กับ Theme Plant 2.3 โดย จะมี เทมเพลต sale page ที่สร้างขึ้นมาโดยเฉพาะ ใช้สำหรับใส่ข้อมูลสินค้า ทำให้ใช้งานง่าย woo
เข้าใจว่า woo ใหญ่และซับซ้อนเกินจำเป็นไปเยอะ ทั้งในแง่การ ดูแล และ การใช้งานของผู้ใช้เว็บ(ลูกค้า) รวมถึงปัญหาที่อาจเกิดขึ้นในทางเทคนิคอื่นๆ ดังนั้นระบบที่ทาง seedwebs คิดค้นขึ้น จึงใช้งานง่าย ซึ่งจริงๆแล้วเป็นแค่ฟอร์มเท่านั้แต่ใช้ เทมเพลต Sale Page ช่วยแสดงข้อมูลสินค้าให้คนคลิกเลือกง่ายๆ
Ref. https://seedthemes.com/topic/309011/
เริ่มจาก https://seedthemes.com/blog/plant-2-3/
มีตัวอย่างฟอร์มให้ที่ https://docs.seedwebs.com/article/64-sale-page-payment-form
Import จะเจอ 2 ฟีลด์ที่ซ่อนไว้
– textarea ที่อยู่ในใน div.order_summary
– input (text / number) ที่อยู่ใน div.order_total
(ลองใช้จากฟอร์มที่ import ก่อน ค่อยเพิ่ม field อื่นๆ เพราะสร้างใหม่ทั้งหมดอาจจะยากกว่า)
มันไม่ได้ดึงข้อมูลอะไร แค่ทำฟอร์มที่ตั้งชื่อคลาสรอไว้
แล้วระบบ มี js ที่จะเอาค่าต่างๆ ไปใส่ในคลาสเหล่านี้ให้
Sale Page Payment Form ตั้งค่าฟอร์มแจ้งชำระเงิน
Forminator → Forms คลิก IMPORT
เมนู Email Notifications ให้ตั้งค่าเป็นอีเมลของผู้ดูแล
1. ตัวอย่างฟอร์มสั่งซื้อสินค้า
ตัวอย่างที่ https://plant.seeddemo.com/sale-page-product/
{"type":"form","data":{"fields":[{"id":"textarea-1","element_id":"textarea-1","form_id":"wrapper-263-7126","type":"textarea","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-263-7126","input_type":"line","limit_type":"characters","field_label":"รายการสั่งซื้อ","placeholder":"","required":false,"required_message":"กรุณาเลือกสินค้า","default-height":"0","custom-class":"order_summary","condition_action":"show","condition_rule":"any"},{"id":"number-1","element_id":"number-1","form_id":"wrapper-3571-6493","type":"number","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-3571-6493","calculations":"true","limit_min":"","limit_max":"","field_label":"ยอดรวม","placeholder":"","required":false,"required_message":"กรุณาเลือกสินค้า","limit_message":"false","condition_rule":"any","condition_action":"show","custom-class":"order_total"},{"id":"html-1","element_id":"html-1","form_id":"wrapper-4643-5046","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-4643-5046","field_label":"","variations":"<h2>2. เลือกวิธีชำระเงิน</h2>"},{"id":"radio-1","element_id":"radio-1","form_id":"wrapper-4682-5313","type":"radio","options":[{"label":"โอนเงินเข้าบัญชี","value":"BANK","key":"4802-5057","default":true},{"label":"เก็บเงินปลายทาง","value":"COD","key":"7473-2941","default":false}],"cols":12,"conditions":[],"wrapper_id":"wrapper-4682-5313","value_type":"radio","field_label":"เลือกวิธีชำระเงิน","layout":"vertical","required":true,"required_message":"กรุณาเลือกวิธีชำระเงิน","custom-class":"order_payment"},{"id":"upload-1","element_id":"upload-1","form_id":"wrapper-6890-2256","type":"upload","options":[],"cols":12,"conditions":[{"element_id":"radio-1","rule":"is","value":"BANK"}],"wrapper_id":"wrapper-6890-2256","field_label":"โอนเงินแล้วอัปโหลดสลิป","filetypes":["heic","all-image","jpg|jpeg|jpe","all-image","gif","all-image","png","all-image","bmp","all-image","tiff|tif","all-image","ico","all-image","psd","all-image","xcf","pdf"],"file-type":"multiple","file-limit":"custom","upload-limit":8,"filesize":"MB","required":true,"custom-files":true,"required_message":"กรุณาแนบสลิปโอนเงิน","file-limit-input":"5"},{"id":"html-2","element_id":"html-2","form_id":"wrapper-7338-6448","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-7338-6448","field_label":"","variations":"<h2>3. ข้อมูลการจัดส่ง</h2>","formid":"wrapper-3972-583"},{"id":"name-1","element_id":"name-1","form_id":"wrapper-1511347711918-1669","type":"name","cols":4,"required":"true","field_label":"ชื่อ","placeholder":"","prefix_label":"Prefix","fname_label":"First Name","fname_placeholder":"E.g., John","mname_label":"Middle Name","mname_placeholder":"E.g., Smith","lname_label":"Last Name","lname_placeholder":"E.g., Doe","wrapper_id":"wrapper-1511347711918-1669","conditions":[],"required_message":"กรุณากรอกชื่อ","custom-class":"customer_name"},{"id":"email-1","element_id":"email-1","form_id":"wrapper-1511347711918-1669","type":"email","cols":4,"required":"true","field_label":"อีเมล","placeholder":"","validation":true,"validation_text":"","wrapper_id":"wrapper-1511347711918-1669","conditions":[],"required_message":"กรุณากรอกอีเมล","validation_message":"อีเมลของคุณไม่ถูกต้อง"},{"id":"number-2","element_id":"number-2","form_id":"wrapper-1511347711918-1669","type":"number","options":[],"cols":4,"conditions":[],"wrapper_id":"wrapper-1511347711918-1669","calculations":"true","limit_min":"","limit_max":"","field_label":"เบอร์มือถือ","placeholder":"","limit_message":"false","required":true,"required_message":"กรุณากรอกเบอร์มือถือ","separators":"blank"},{"id":"textarea-2","element_id":"textarea-2","form_id":"wrapper-1988247712118-9871","type":"textarea","cols":12,"required":true,"field_label":"ที่อยู่","placeholder":"","input_type":"paragraph","limit":"","limit_type":"characters","wrapper_id":"wrapper-1988247712118-9871","conditions":[],"required_message":"กรุณากรอกที่อยู่","default-height":"80"}],"settings":{"pagination-header":"nav","paginationData":{"pagination-header-design":"show","pagination-header":"nav"},"formName":"Product Form","version":"1.14.9","form-border-style":"none","form-padding":"","form-border":"","fields-style":"open","validation":"on_submit","form-style":"none","enable-ajax":"true","autoclose":"","submission-indicator":"show","indicator-label":"กำลังส่งข้อความ...","form-type":"default","submission-behaviour":"behaviour-hide","thankyou-message":"<p>ขอบคุณสำหรับคำสั่งซื้อ ทีมงานจะตรวจสอบและยืนยันโดยเร็วที่สุด</p>","submitData":{"custom-submit-text":"สั่งซื้อสินค้า","custom-invalid-form-message":"ข้อมูลไม่ถูกต้อง หรือไม่ได้เลือกสินค้า กรุณาตรวจสอบอีกครั้ง","conditions":[]},"validation-inline":"1","form-expire":"no_expire","form-padding-top":"0","form-padding-right":"0","form-padding-bottom":"0","form-padding-left":"0","form-border-width":"0","form-border-radius":"0","cform-label-font-family":"Roboto","cform-label-custom-family":"","cform-label-font-size":"12","cform-label-font-weight":"bold","cform-title-font-family":"Roboto","cform-title-custom-family":"","cform-title-font-size":"45","cform-title-font-weight":"normal","cform-title-text-align":"left","cform-subtitle-font-family":"Roboto","cform-subtitle-custom-font":"","cform-subtitle-font-size":"18","cform-subtitle-font-weight":"normal","cform-subtitle-text-align":"left","cform-input-font-family":"Roboto","cform-input-custom-font":"","cform-input-font-size":"16","cform-input-font-weight":"normal","cform-radio-font-family":"Roboto","cform-radio-custom-font":"","cform-radio-font-size":"14","cform-radio-font-weight":"normal","cform-select-font-family":"Roboto","cform-select-custom-family":"","cform-select-font-size":"16","cform-select-font-weight":"normal","cform-multiselect-font-family":"Roboto","cform-multiselect-custom-font":"","cform-multiselect-font-size":"16","cform-multiselect-font-weight":"normal","cform-dropdown-font-family":"Roboto","cform-dropdown-custom-font":"","cform-dropdown-font-size":"16","cform-dropdown-font-weight":"normal","cform-calendar-font-family":"Roboto","cform-calendar-custom-font":"","cform-calendar-font-size":"13","cform-calendar-font-weight":"normal","cform-button-font-family":"Roboto","cform-button-custom-font":"","cform-button-font-size":"14","cform-button-font-weight":"500","cform-timeline-font-family":"Roboto","cform-timeline-custom-font":"","cform-timeline-font-size":"12","cform-timeline-font-weight":"normal","cform-pagination-font-family":"","cform-pagination-custom-font":"","cform-pagination-font-size":"16","cform-pagination-font-weight":"normal","payment_require_ssl":"","submission-file":"delete","form_name":"order-form","form_status":"publish","honeypot":"1","use_ajax_load":"1","use_donotcachepage":"1","enable-submissions-retention":"false"},"client_id":null,"notifications":[{"slug":"notification-1234-4567","label":"Admin Email","email-recipients":"default","recipients":"noreply@website.com","email-subject":"มีคำสั่งซื้อใหม่จาก {form_name} รหัส {submission_id}","email-editor":"You have a new website form submission: <br/> {all_fields} <br/>---<br/> This message was sent from {site_url}.","email-attachment":"true","conditions":[]}]},"status":"publish","version":"1.14.9"}
ตัวอย่างฟอร์มลงทะเบียนบริการ
ตัวอย่างที่ https://plant.seeddemo.com/sale-page-service/
{"type":"form","data":{"fields":[{"id":"textarea-1","element_id":"textarea-1","form_id":"wrapper-263-7126","type":"textarea","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-263-7126","input_type":"line","limit_type":"characters","field_label":"รายการที่เลือก","placeholder":"","required":false,"required_message":"กรุณาเลือกสินค้า","default-height":"0","custom-class":"order_summary","condition_action":"show","condition_rule":"any"},{"id":"number-1","element_id":"number-1","form_id":"wrapper-3571-6493","type":"number","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-3571-6493","calculations":"true","limit_min":"","limit_max":"","field_label":"ยอดรวม","placeholder":"","required":false,"required_message":"กรุณาเลือกสินค้า","limit_message":"false","condition_rule":"any","condition_action":"show","custom-class":"order_total"},{"id":"html-1","element_id":"html-1","form_id":"wrapper-4643-5046","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-4643-5046","field_label":"","variations":"<h2>2. ชำระเงิน</h2>"},{"id":"upload-1","element_id":"upload-1","form_id":"wrapper-6890-2256","type":"upload","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-6890-2256","field_label":"อัปโหลดสลิปยืนยัน","filetypes":["heic","all-image","jpg|jpeg|jpe","all-image","gif","all-image","png","all-image","bmp","all-image","tiff|tif","all-image","ico","all-image","psd","all-image","xcf","pdf"],"file-type":"multiple","file-limit":"custom","upload-limit":8,"filesize":"MB","required":true,"custom-files":true,"required_message":"กรุณาแนบสลิปโอนเงิน","file-limit-input":"5"},{"id":"html-2","element_id":"html-2","form_id":"wrapper-7338-6448","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-7338-6448","field_label":"","variations":"<h2>3. ข้อมูลผู้เข้าอบรม</h2>","formid":"wrapper-3972-583"},{"id":"name-1","element_id":"name-1","form_id":"wrapper-2611-8456","type":"name","cols":6,"required":"true","field_label":"ชื่อ","placeholder":"","prefix_label":"Prefix","fname_label":"ชื่อ","fname_placeholder":"","mname_label":"Middle Name","mname_placeholder":"E.g., Smith","lname_label":"นามสกุล","lname_placeholder":"","wrapper_id":"wrapper-2611-8456","conditions":[],"required_message":"กรุณากรอกชื่อ","custom-class":"customer_firstname","multiple_name":"false","prefix":false,"fname":true,"lname":true,"fname_required":true,"fname_required_message":"กรุณากรอกชื่อ","lname_required":true,"lname_required_message":"กรุณากรอกนามสกุล"},{"id":"name-2","element_id":"name-2","form_id":"wrapper-2611-8456","type":"name","cols":6,"required":"true","field_label":"นามสกุล","placeholder":"","prefix_label":"Prefix","fname_label":"ชื่อ","fname_placeholder":"","mname_label":"Middle Name","mname_placeholder":"E.g., Smith","lname_label":"นามสกุล","lname_placeholder":"","wrapper_id":"wrapper-2611-8456","conditions":[],"required_message":"กรุณากรอกนามสกุล","custom-class":"customer_lastname","multiple_name":"false","prefix":false,"fname":true,"lname":true,"fname_required":true,"fname_required_message":"กรุณากรอกชื่อ","lname_required":true,"lname_required_message":"กรุณากรอกนามสกุล","formid":"wrapper-8506-8695"},{"id":"email-1","element_id":"email-1","form_id":"wrapper-1511347711918-1669","type":"email","cols":6,"required":"true","field_label":"อีเมล","placeholder":"","validation":true,"validation_text":"","wrapper_id":"wrapper-1511347711918-1669","conditions":[],"required_message":"กรุณากรอกอีเมล","validation_message":"อีเมลของคุณไม่ถูกต้อง"},{"id":"number-2","element_id":"number-2","form_id":"wrapper-1511347711918-1669","type":"number","options":[],"cols":6,"conditions":[],"wrapper_id":"wrapper-1511347711918-1669","calculations":"true","limit_min":"","limit_max":"","field_label":"เบอร์มือถือ","placeholder":"","limit_message":"false","required":true,"required_message":"กรุณากรอกเบอร์มือถือ","separators":"blank"},{"id":"html-3","element_id":"html-3","form_id":"wrapper-8300-3751","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-8300-3751","field_label":"","variations":"<h2>4. ข้อมูลอื่นๆ (ถ้ามี)</h2>","formid":"wrapper-6006-6746"},{"id":"textarea-2","element_id":"textarea-2","form_id":"wrapper-9886-3212","type":"textarea","cols":12,"required":false,"field_label":"หมายเหตุ","placeholder":"","input_type":"paragraph","limit":"","limit_type":"characters","wrapper_id":"wrapper-9886-3212","conditions":[],"required_message":"กรุณากรอกที่อยู่","default-height":"80","description":"หากลงทะเบียนมากกว่า 1 คน กรุณาระบุข้อมูลของผู้เรียนท่านอื่นๆ ตามข้อ 3"},{"id":"html-4","element_id":"html-4","form_id":"wrapper-3890-799","type":"html","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-3890-799","field_label":"","variations":"<h2>5. ใบกำกับภาษี</h2>","formid":"wrapper-9886-3212"},{"id":"checkbox-1","element_id":"checkbox-1","form_id":"wrapper-7752-9885","type":"checkbox","options":[{"label":"ต้องการใบกำกับภาษี","value":"Tax-Invoice","key":"3077-2359"}],"cols":12,"conditions":[],"wrapper_id":"wrapper-7752-9885","value_type":"checkbox","field_label":"ใบกำกับภาษี","layout":"vertical","required":false,"required_message":""},{"id":"text-1","element_id":"text-1","form_id":"wrapper-2377-1947","type":"text","options":[],"cols":6,"conditions":[{"element_id":"checkbox-1","rule":"is","value":"Tax-Invoice"}],"wrapper_id":"wrapper-2377-1947","input_type":"line","limit_type":"characters","field_label":"ชื่อองค์กร","placeholder":"","required":true,"required_message":"กรุณากรอกชื่อองค์กร","condition_action":"show"},{"id":"number-3","element_id":"number-3","form_id":"wrapper-2377-1947","type":"number","options":[],"cols":6,"conditions":[{"element_id":"checkbox-1","rule":"is","value":"Tax-Invoice"}],"wrapper_id":"wrapper-2377-1947","calculations":"true","limit_min":"","limit_max":"","field_label":"เลขประจำตัวผู้เสียภาษี","placeholder":"","required":true,"required_message":"กรุณากรอกเลขผู้เสียภาษี"},{"id":"textarea-3","element_id":"textarea-3","form_id":"wrapper-2998-7958","type":"textarea","cols":12,"required":true,"field_label":"ที่อยู่องค์กร","placeholder":"","input_type":"paragraph","limit":"","limit_type":"characters","wrapper_id":"wrapper-2998-7958","conditions":[{"element_id":"checkbox-1","rule":"is","value":"Tax-Invoice"}],"required_message":"กรุณากรอกที่อยู่","default-height":"80","description":"","formid":"wrapper-5968-9495","condition_action":"show"}],"settings":{"pagination-header":"nav","paginationData":{"pagination-header-design":"show","pagination-header":"nav"},"formName":"Service Form","version":"1.14.9","form-border-style":"none","form-padding":"","form-border":"","fields-style":"open","validation":"on_submit","form-style":"flat","enable-ajax":"true","autoclose":"","submission-indicator":"show","indicator-label":"กำลังส่งข้อความ...","form-type":"default","submission-behaviour":"behaviour-hide","thankyou-message":"<p>ขอบคุณสำหรับคำสั่งซื้อ ทีมงานจะตรวจสอบและยืนยันโดยเร็วที่สุด</p>","submitData":{"custom-submit-text":"ลงทะเบียนเรียน","custom-invalid-form-message":"ข้อมูลไม่ถูกต้อง กรุณาตรวจสอบอีกครั้ง","conditions":[]},"validation-inline":"1","form-expire":"no_expire","form-padding-top":"0","form-padding-right":"0","form-padding-bottom":"0","form-padding-left":"0","form-border-width":"0","form-border-radius":"0","cform-label-font-family":"Roboto","cform-label-custom-family":"","cform-label-font-size":"12","cform-label-font-weight":"bold","cform-title-font-family":"Roboto","cform-title-custom-family":"","cform-title-font-size":"45","cform-title-font-weight":"normal","cform-title-text-align":"left","cform-subtitle-font-family":"Roboto","cform-subtitle-custom-font":"","cform-subtitle-font-size":"18","cform-subtitle-font-weight":"normal","cform-subtitle-text-align":"left","cform-input-font-family":"Roboto","cform-input-custom-font":"","cform-input-font-size":"16","cform-input-font-weight":"normal","cform-radio-font-family":"Roboto","cform-radio-custom-font":"","cform-radio-font-size":"14","cform-radio-font-weight":"normal","cform-select-font-family":"Roboto","cform-select-custom-family":"","cform-select-font-size":"16","cform-select-font-weight":"normal","cform-multiselect-font-family":"Roboto","cform-multiselect-custom-font":"","cform-multiselect-font-size":"16","cform-multiselect-font-weight":"normal","cform-dropdown-font-family":"Roboto","cform-dropdown-custom-font":"","cform-dropdown-font-size":"16","cform-dropdown-font-weight":"normal","cform-calendar-font-family":"Roboto","cform-calendar-custom-font":"","cform-calendar-font-size":"13","cform-calendar-font-weight":"normal","cform-button-font-family":"Roboto","cform-button-custom-font":"","cform-button-font-size":"14","cform-button-font-weight":"500","cform-timeline-font-family":"Roboto","cform-timeline-custom-font":"","cform-timeline-font-size":"12","cform-timeline-font-weight":"normal","cform-pagination-font-family":"","cform-pagination-custom-font":"","cform-pagination-font-size":"16","cform-pagination-font-weight":"normal","payment_require_ssl":"","submission-file":"delete","form_name":"service-form","form_status":"publish","honeypot":"1","use_ajax_load":"1","use_donotcachepage":"1","enable-submissions-retention":"false","use-custom-css":"1","custom_css":".forminator-button-submit {\n font-size: 18px;\n padding: 12px 20px;\n}"},"client_id":null,"notifications":[{"slug":"notification-1234-4567","label":"Admin Email","email-recipients":"default","recipients":"noreply@website.com","email-subject":"มีคำสั่งซื้อใหม่จาก {form_name} รหัส {submission_id}","email-editor":"You have a new website form submission: <br/> {all_fields} <br/>---<br/> This message was sent from {site_url}.","email-attachment":"true","conditions":[]}]},"status":"publish","version":"1.14.9"}
การสร้างฟอร์มเอง
ต้องสร้าง 2 ฟีลด์ ระบบจะซ่อนค่าไว้ เวลามีการส่งฟอร์ม จะได้เห็นว่ารายการสั่งซื้อมีอะไรบ้าง
1. เพิ่มฟีลด์ Textarea ตั้งชื่ออะไรก็ได้ โดยต้องตั้งคลาสว่า order_summery
2. เพิ่มฟีลด์ Number ตั้งชื่ออะไรก็ได้ โดยต้องตั้งคลาสว่า order_total
เป็นธีมที่น่าสนใจมากตัวหนึ่งของคนไทย
Ref.
https://seedthemes.com/topic/309011/
https://docs.seedwebs.com/article/64-sale-page-payment-form
https://seedthemes.com/topic/310367/
https://docs.seedwebs.com/article/70-create-sale-page
https://seedthemes.com/blog/plant-2-3/