สร้างแบบฟอร์มลูกค้าสำหรับหน่วยงาน WordPress ของคุณ – การใช้ Elementor และปลั๊กอินแบบฟอร์มการติดต่อ

หากคุณเป็นเจ้าของธุรกิจพัฒนา WordPress และกำลังได้รับการสอบถามทางอินเทอร์เน็ตขาเข้า คุณสามารถปรับปรุงกระบวนการขายและปรับปรุงบริการของคุณได้โดยใช้แบบฟอร์มลูกค้าที่มีประสิทธิภาพ เหตุใดจึงต้องมีรูปแบบลูกค้าที่ดีจากมุมมองทางจิตวิทยา? และจะนำไปใช้ในธุรกิจของคุณเพื่อเพิ่มรายได้ 3 เท่าได้อย่างไร ฉันจะแบ่งปันความรู้ด้านเทคนิคเกี่ยวกับวิธี สร้างแบบฟอร์มลูกค้าสำหรับหน่วยงาน WordPress ของคุณโดยใช้ Elementor และปลั๊กอินแบบฟอร์มการติดต่อ

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

แบบฟอร์มการติดต่อทั่วไปของคุณกับแบบฟอร์มการติดต่อเฉพาะของคุณ

เมื่อผู้คนมาที่เว็บไซต์และเลื่อนลงมา พวกเขาจะเห็นแบบฟอร์มการติดต่อมาตรฐานที่ค่อนข้างจะเคยเห็นมาหลายล้านครั้งแล้วในหลายเว็บไซต์ (ไม่ใช่แค่เว็บไซต์ WordPress)

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

และนี่คือแบบฟอร์มลูกค้าเฉพาะทางที่เราจะสร้างในโพสต์นี้:

สำหรับภาพเต็มของแบบฟอร์มลูกค้า โปรดเยี่ยมชมที่นี่

เมื่อลูกค้าส่งอีเมลถึงคุณโดยใช้แบบฟอร์มลูกค้านี้ คุณจะต้องตอบกลับโดยระบุดังนี้

• ลูกค้าจำเป็นต้องจองการนัดหมายกับคุณโดยใช้แอพ Calendly ของคุณ
• ลูกค้าจำเป็นต้องกรอกแบบฟอร์มลูกค้าด้านบน

เรามาดูวิธีการสร้างแบบฟอร์มนี้ในขณะที่เรายังพูดถึงองค์ประกอบที่ช่วยให้แบบฟอร์มนี้มีประสิทธิภาพ

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน

ปลั๊กอินแบบฟอร์มการติดต่อที่ยอดเยี่ยม (และฟรี) ที่ฉันอยากจะแนะนำคือ WPForms คุณสามารถติดตั้งและเปิดใช้งานปลั๊กอินได้โดยไปที่ Dashboard > Plugin > Add New

ถัดไป ติดตั้งและเปิดใช้งานตัวสร้างหน้า Elementor ฟรีด้วยวิธีเดียวกัน

หลังจากมีเครื่องมือที่จำเป็นครบแล้ว ก็เริ่มกันเลย!

ขั้นตอนที่ 2: สร้างหน้าสำหรับแบบฟอร์มลูกค้าของคุณใน Elementor

เราต้องสร้างเทมเพลตเพจที่มีแบบฟอร์มติดต่อลูกค้าของคุณ หน้านี้มีโครงสร้างจากบนลงล่าง: ส่วนหัวของหน้า – ส่วนหัวของแบบฟอร์มการติดต่อ – แบบฟอร์มการติดต่อ – ส่วนท้ายของหน้า

หมายเหตุ : แบบฟอร์มการติดต่อจะดำเนินการในขั้นตอนที่ 3 ในภายหลัง

สร้างเพจแคนวาส

สิ่งแรกที่คุณจะสังเกตเห็นเกี่ยวกับฟอร์มไคลเอ็นต์การรวบรวมข้อมูลคือ ไม่มีส่วนหัวหรือส่วนท้าย จุดประสงค์ทั้งหมดของหน้า เมื่อฉันส่งลิงก์ไปยังลูกค้า คือการได้รับข้อมูลจากลูกค้าที่ฉันจะใช้สำหรับการให้คำปรึกษาเบื้องต้นของฉัน

ดังนั้น สิ่งแรกที่เราต้องทำคือ สร้างเพจใน Elementor และตรวจสอบให้แน่ใจว่าประเภทเพจเป็น Canvas

สร้างส่วนหัวสำหรับเพจ

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

วิธีนี้ทำให้ลูกค้ารู้ว่าพวกเขาอยู่ที่ไหน หากลูกค้าลังเลใจ การคลิกที่ลิงก์จะทำให้ลูกค้ามั่นใจในการดำเนินการต่อหรือไม่

ดำเนินการผ่านส่วนง่ายๆ ที่มีพื้นหลังสำหรับสีแบรนด์ของคุณ ตามด้วยช่องข้อความ สิ่งที่ค่อนข้างตรงไปตรงมา!

สร้างส่วนหัวสำหรับแบบฟอร์มติดต่อลูกค้า

ขั้นตอนต่อไปคือส่วนหัวของแบบฟอร์มไคลเอ็นต์ ที่นี่ฉันใช้ แบบอักษร Lato ที่ 60px เมื่อแก้ไข

หัวข้อย่อยเป็นแบบอักษรเดียวกันที่ 24px เท่านั้น นอกจากนี้ น้ำหนักของส่วนหัวย่อยคือ 300 คุณสามารถทำให้ส่วนหัวย่อยมีน้ำหนักต่ำกว่าค่าเฉลี่ยได้ด้วยตนเอง เพื่อให้ส่วนหัวด้านบนมีความโดดเด่นมากขึ้น

สร้างส่วนท้ายสำหรับเพจ

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

ขั้นตอนที่ 3: สร้างแบบฟอร์มการติดต่อโดยใช้ปลั๊กอิน WPForms

ขั้นตอนต่อไปคือการสร้างแบบฟอร์มการติดต่อ ฉันจะไม่พูดถึงเรื่องนี้มากเกินไปเนื่องจากเครื่องมือสร้างแบบฟอร์มการติดต่อค่อนข้างตรงไปตรงมา สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการใช้ปลั๊กอินแบบฟอร์มการติดต่อนี้ เรามีบทช่วยสอนอยู่แล้วที่นี่

มีเพียงแค่การลากและวางฟิลด์แบบฟอร์มการติดต่อ

โชคดีที่คุณไม่จำเป็นต้องสร้างแบบฟอร์มติดต่อด้วยตนเอง คุณสามารถนำเข้าไฟล์ JSON ที่ฉันอัปโหลดไว้ในลิงก์ด้านล่าง และนำเข้าโดยไปที่ WPForms > เครื่องมือ > นำเข้า และเติมข้อมูลในแบบฟอร์มของคุณ

นี่คือลิงค์ไปยังไฟล์ JSON

เพื่อนำเข้าเพียงแค่อัปโหลดที่นี่:

สิ่งหนึ่งที่ควรทราบ: เมื่อคุณนำเข้าแบบฟอร์มการติดต่อแล้ว คุณจะต้องรับรหัสย่อ หลังจากที่คุณแก้ไขแบบฟอร์มการติดต่อเสร็จแล้ว ให้คลิกที่ ฝัง แล้วเลือกตัวเลือก ใช้รหัสย่อ

จากนั้นเพียงคัดลอก/วางรหัสย่อนั้นลงในหน้าของคุณ

ขั้นตอนที่ 4: สร้างใบเสนอราคาคอลัมน์ที่ถูกต้องและใส่รูปภาพของคุณลงไป

สิ่งหนึ่งที่คุณต้องการทำกับแบบฟอร์มลูกค้าก็คือการรักษาตำแหน่งของคุณ เพิ่มตัวละครและชีวิตให้กับแบบฟอร์มลูกค้าของคุณ

สร้าง Blockquote

ส่วนแรกคือบล็อกโควต นี่คือองค์ประกอบ Elementor มาตรฐาน อย่างไรก็ตาม มีบางประเด็นเกี่ยวกับเรื่องนี้

คุณจะสังเกตเห็นว่าฉันทำใบเสนอราคาเองเป็นสีแดงและใหญ่ คุณสามารถตั้งค่าส่วน แก้ไข Blockquote เป็น Quote และตั้งค่าสีเป็นสีแดงและขนาดเป็น 1

เท่าที่กล่องข้อความเอง คุณต้องการเตือนลูกค้าว่าเหตุใดพวกเขาจึงกรอกแบบฟอร์มของลูกค้า และสิ่งนี้จะช่วยพวกเขาได้อย่างไร คุณจะสังเกตเห็นว่าฉันขอบคุณผู้ใช้ที่คลิกผ่านไปยังหน้าจากลิงก์ในอีเมล

สร้างรูปถ่ายและลายเซ็น

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

ฉันใช้เครื่องมือสร้างลายเซ็นออนไลน์ DocSketch เพื่อสร้างลายเซ็นนี้

และนั่นคือขั้นตอนสุดท้ายของการสร้างแบบฟอร์มลูกค้า อย่าลืมบันทึกและเผยแพร่แบบฟอร์มไคลเอ็นต์ของคุณ

บทสรุป

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

หวังว่าแบบฟอร์มลูกค้านี้จะใช้ได้สำหรับคุณและช่วยให้คุณวางตำแหน่งตัวเองเป็นผู้เชี่ยวชาญที่ไม่มีปัญหาก่อนการประชุมของคุณ! ขอให้โชคดี!

ผู้เขียน Bio

Kosta เป็นผู้เชี่ยวชาญในการพัฒนา WordPress ของซิดนีย์ และเป็นผู้เชี่ยวชาญในการนำเสนอเว็บไซต์ WordPress แบบกำหนดเองที่รวดเร็ว เสถียร เชื่อถือได้ แต่ที่สำคัญที่สุดคือทำให้ลูกค้าทำในสิ่งที่คุณต้องการให้พวกเขาทำ – และนั่นก็กำลังดำเนินการอยู่