การสร้างแบบฟอร์มติดต่อด้วย Elementor Pro Form Builder | TTT-WEBSITE #รับทําเว็บไซต์ #แบบฟอร์ม

วิธีการสร้างแบบฟอร์มติดต่อด้วย Wordpress และยังมีวิธีการแก้ไขหน้า "ติดต่อเรา" ด้วย Elementor Pro Form Builder วิธีเพิ่มบริการที่สนใจติดต่อ แบบฟอร์ม ข้อมูลบริษัท (ชื่อ, ที่อยู่สำนักงานใหญ่, ที่อยู่โรงงาน, เบอร์โทร, อีเมล) พร้อมไอคอนนำหน้า สร้างแบบฟอร์มที่ซับซ้อน และเก็บข้อมูลแบบฟอร์ม

.
ขั้นตอนการแก้ไขหน้า "ติดต่อเรา" ด้วย ELEMENTOR PRO FORM BUILDER
• [00:03-:00:09] แสดงหน้า หน้า "ติดต่อเรา" ประกอบด้วย ข้อมูลบริษัท (ชื่อ, ที่อยู่สำนักงานใหญ่, ที่อยู่โรงงาน, เบอร์โทร, อีเมล) พร้อมไอคอนนำหน้า ไอคอนโซเชียลมีเดีย (Facebook, YouTube, Line, Instagram, TikTok) แบบฟอร์ม "บริการที่สนใจติดต่อ" (หัวข้อบริการ, หัวเรื่อง, ชื่อ, อีเมล, โทรศัพท์, ข้อความ) แผนที่ Google Maps 2 จุด
• [00:09-00:12] เข้าสู่หน้าแก้ไขด้วย Elementor
• [00:09-00:11] คลิก "Edit with Elementor" บนแถบ Admin Bar เพื่อเข้าสู่โหมดแก้ไขหน้า "ติดต่อเรา" ด้วย Elementor
• [00:12-00:38] แก้ไขข้อมูล "Icon List" ข้อมูลบริษัท
• [00:12-00:14] คลิกที่ส่วนข้อมูลบริษัท : เพื่อเปิดการตั้งค่า Widget "Icon List" ในแถบด้านซ้าย
• [00:14-00:17] "Add Item" (เพิ่มรายการ): อธิบายว่าหากต้องการเพิ่มรายการข้อมูลใหม่ (เช่น แฟกซ์) สามารถคลิก "Add Item"
• [00:17-00:20] การเพิ่ม "List Item" ใหม่ : เมื่อคลิก "Add Item" จะมีรายการใหม่เพิ่มเข้ามา พร้อมไอคอนเครื่องหมายถูก (Check) เป็นค่าเริ่มต้น
• [00:20-00:24] การคัดลอก (Copy) รายการที่มีอยู่ : แนะนำให้ "Copy" รายการที่มีอยู่แล้ว (เช่น อีเมล) หากต้องการเพิ่มข้อมูลคล้ายกัน (เช่น อีเมลสำรอง) เพื่อรักษาการจัดรูปแบบ และไอคอนเดิม
• [00:24-00:25] การแก้ไขข้อความในรายการที่คัดลอก : หลังจากคัดลอกแล้ว สามารถแก้ไขข้อความในรายการใหม่ได้
• [00:25-00:29] การคัดลอก (Copy) รายการเบอร์โทรศัพท์ : สาธิตการคัดลอกรายการเบอร์โทรศัพท์ หากต้องการเพิ่มเบอร์โทรศัพท์อีกเบอ
• [00:30-00:38] การเพิ่ม "Item" ใหม่ทั้งหมด : อธิบายว่าหากต้องการเพิ่มข้อมูลประเภทอื่นที่ไม่ใช่ที่อยู่ เบอร์โทร หรืออีเมล สามารถ "Add Item" ใหม่ และเลือกไอคอนให้เหมาะสมกับข้อมูลใหม่ได้
• [:00:34-00:37] "Icon Library" (คลังไอคอน) : แสดงให้เห็นว่าเมื่อ "Add Item" ใหม่ สามารถคลิก "Icon Library" เพื่อเลือกไอคอนที่ต้องการได
• [:00:39-00:45] แก้ไขข้อมูล "Social Icons" ไอคอนโซเชียลมีเดีย
• [:00:39-00:40] คลิกที่ส่วนไอคอนโซเชียลมีเดีย : เพื่อเปิดการตั้งค่า Widget "Social Icons" ในแถบด้านซ้า
• [:00:40-00:45] รายการโซเชียลมีเดีย (Facebook, YouTube, Line, Instagram, TikTok): แสดงรายการโซเชียลมีเดียที่ตั้งค่าไว้แล้ว และสามารถแก้ไข Link ของแต่ละไอคอนได้
• [00:45-01:02] แก้ไข "Form" (แบบฟอร์มติดต่อ)
• [00:45-00:48] คลิกที่ส่วนแบบฟอร์ม "บริการที่สนใจติดต่อ" : เพื่อเปิดการตั้งค่า Widget "Form" ในแถบด้านซ้าย
• [00:48-00:53] "Add Item" (เพิ่มรายการ) ใน Form Fields (ช่องฟอร์ม ): อธิบายว่าหากต้องการเพิ่มช่องในแบบฟอร์ม (เช่น "ตำแหน่งงานที่สนใจ") สามารถคลิก "Add Item" ได้
• [00:00:53-01:02] "Type" (ประเภทช่อง): เมื่อ "Add Item" ใหม่ สามารถเลือก "Type" ของช่องให้เหมาะสมกับข้อมูลที่ต้องการเก็บ (เช่น Text, Email, Tel, Textarea, Number, Date, Time, File Upload, Select, Checkbox, Acceptance)
• [01:02-01:24] แก้ไข "Google Maps"
• [01:02-01:04] คลิกที่ส่วนแผนที่ Google Maps : เพื่อเปิดการตั้งค่า Widget "Google Maps" ในแถบด้านซ้าย
• [01:14-01:18] ช่อง "Location" (ตำแหน่ง) : อธิบายว่าให้พิมพ์ชื่อสถานที่หรือชื่อบริษัทลงในช่อง "Location" เพื่อให้ Google Maps ปักหมุดตำแหน่งที่ถูกต้อง
• [01:18-01:22] การปักหมุดตำแหน่งบริษัท : สาธิตการพิมพ์ชื่อบริษัท เพื่อให้ Google Maps ปักหมุดตำแหน่งบริษัท
• [01:22-01:24] การแก้ไข Google Maps สามารถแก้ไข Google Maps จุดที่สองได้ในลักษณะเดียวกัน
• [01:24-01:25] คลิก "Publish" (เผยแพร่) หรือ "Update" (อัปเดต) มุมขวา เพื่อบันทึกการเปลี่ยนแปลงทั้งหมด
• [01:25-01:35] การทดสอบแบบฟอร์ม "ติดต่อเรา" และการตรวจสอบข้อมูล "Submissions"
• [01:25-01:32] กรอกข้อมูลในแบบฟอร์ม "ติดต่อเรา" และกด "ส่ง" : เพื่อทดสอบการทำงานของแบบฟอร์ม
• [01:32-01:35] ข้อความ "Your submission was successful" (การส่งข้อมูลของคุณสำเร็จ) : แสดงว่าการส่งข้อมูลจากแบบฟอร์มสำเร็
• [01:35-01:47] ไปที่ "Elementor", "Submissions" (ข้อมูลที่ส่ง) : เพื่อตรวจสอบข้อมูลที่ส่งมาจากแบบฟอร์ม
• [01:47-01:51] สรุปขั้นตอนการแก้ไขหน้า "ติดต่อเรา" : ว่าได้ทำการแก้ไขข้อมูลบริษัท, ไอคอนโซเชียลมีเดีย, แบบฟอร์มติดต่อ และแผนที่ Google Maps

ข้อมูลเพิ่มเติม :
• Elementor Pro Form Builder : เน้นการใช้ Widget "Form" ของ Elementor Pro ซึ่งมีความสามารถในการสร้างแบบฟอร์มที่ซับซ้อน และเก็บข้อมูลที่ส่งเข้ามาในส่วน "Submissions" ของ Elementor ได้
• Submissions (ข้อมูลที่ส่ง) : ข้อมูลที่ผู้ใช้งานกรอกในแบบฟอร์ม "ติดต่อเรา" จะถูกเก็บไว้ในส่วน "Submissions" ใน Dashboard WordPress ทำให้ง่ายต่อการจัดการ และติดตามข้อมูล
• การปรับแต่ง Form Fields (ช่องฟอร์ม) : Elementor Pro Form Builder มีตัวเลือก "Type" ของ Form Fields หลากหลาย ทำให้สามารถสร้างแบบฟอร์มที่เก็บข้อมูลได้หลายรูปแบบตามต้องการ
• การเชื่อมต่อ Email Marketing: Elementor Pro Form Builder ยังสามารถเชื่อมต่อกับบริการ Email Marketing ต่างๆ เพื่อส่งข้อมูลจากแบบฟอร์มไปยังระบบ Email Marketing ได้อัตโนมัติ

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

TTT-WEBSITE #รับทําเว็บไซต์ #พัฒนาเว็บไซต์ #การตลาดออนไลน์ #แบบฟอร์ม #รับทำseo #เว็บไซต์ #ธุรกิจออนไลน์ #crm #โปรแกรมเมอร์ #รับพัฒนาระบบ #รับเขียนโปรแกรม #thailand #afraapache

Видео การสร้างแบบฟอร์มติดต่อด้วย Elementor Pro Form Builder | TTT-WEBSITE #รับทําเว็บไซต์ #แบบฟอร์ม канала rampagesoft