การจัดรูปแบบ
Auto Form Builder ช่วยให้คุณควบคุมการจัดรูปแบบฟอร์มได้อย่างสมบูรณ์แบบ เลือกใช้สีที่เข้ากับแบรนด์ของคุณ ใช้แบบอักษรที่คุณต้องการ ปรับระยะห่าง และออกแบบฟอร์มให้ดูเป็นส่วนหนึ่งของเว็บไซต์ของคุณอย่างเป็นธรรมชาติ
เหตุใดการออกแบบรูปทรงจึงมีความสำคัญ
เว็บไซต์ของคุณมีแบรนด์ แบบฟอร์มต่างๆ ก็ควรสะท้อนถึงแบรนด์นั้นด้วย
เมื่อแบบฟอร์มมีรูปลักษณ์แตกต่างจากส่วนอื่นๆ ของเว็บไซต์ ผู้เข้าชมจะลังเล พวกเขาจะสงสัยว่ายังอยู่ในเว็บไซต์เดียวกันหรือไม่ ความลังเลนั้นส่งผลให้สูญเสียยอดขาย
แบบฟอร์มที่ได้รับการออกแบบอย่างสวยงามยังสื่อถึงความเป็นมืออาชีพอีกด้วย แบบฟอร์มที่ดูดีจะบอกให้ผู้เข้าชมรู้ว่าคุณใส่ใจในรายละเอียด และหากคุณใส่ใจในการออกแบบแบบฟอร์ม คุณก็คงใส่ใจในข้อมูลของพวกเขาด้วยเช่นกัน
วิธีการทำงานของการจัดแต่งทรงฟอร์ม
โปรแกรมสร้างแบบฟอร์มอัตโนมัติ (Auto Form Builder) มีตัวแก้ไขรูปแบบภาพที่รวมอยู่ในส่วนติดต่อผู้ใช้ของโปรแกรมสร้างแบบฟอร์ม
- เลือกสิ่งที่จะจัดสไตล์เลือกจากกรอบแบบฟอร์ม ป้ายกำกับช่องข้อมูล ช่องป้อนข้อมูล ปุ่ม หรือข้อความแสดงข้อผิดพลาด
- ปรับการตั้งค่าใช้เครื่องมือเลือกสี แถบเลื่อน และเมนูแบบดรอปดาวน์เพื่อเปลี่ยนค่าต่างๆ ไม่จำเป็นต้องเรียนรู้หรือจำไวยากรณ์ CSS ใดๆ
- ดูตัวอย่างได้ทันทีทุกการเปลี่ยนแปลงจะแสดงผลทันทีในหน้าตัวอย่างแบบเรียลไทม์ ดูว่าแบบฟอร์มของคุณจะมีลักษณะอย่างไรก่อนเผยแพร่
- บันทึกเป็นค่าเริ่มต้นใช้รูปแบบการจัดรูปแบบของคุณกับแบบฟอร์มใหม่โดยอัตโนมัติ สร้างครั้งเดียว ใช้ซ้ำได้ทุกที่
สิ่งที่คุณสามารถปรับแต่งได้
Colors
ควบคุมทุกสีในแบบฟอร์มของคุณ สีพื้นหลังสำหรับกรอบแบบฟอร์มและช่องกรอกข้อมูลแต่ละช่อง สีข้อความสำหรับป้ายกำกับ ข้อความตัวอย่าง และข้อความที่ป้อน สีขอบสำหรับสถานะเริ่มต้น สถานะโฟกัส และสถานะแสดงข้อผิดพลาด สีปุ่มสำหรับพื้นหลัง ข้อความ และเอฟเฟกต์เมื่อวางเมาส์เหนือปุ่ม
วิชาการพิมพ์
เลือกแบบอักษรสำหรับป้ายกำกับและช่องป้อนข้อมูล ปรับขนาดแบบอักษรได้อย่างอิสระ—ป้ายกำกับขนาดใหญ่สำหรับเน้นข้อความสำคัญ ข้อความช่วยเหลือขนาดเล็กสำหรับข้อมูลรอง ควบคุมความหนาของแบบอักษรสำหรับป้ายกำกับที่เป็นตัวหนาหรือข้อความที่ป้อนให้บางลง
ระยะห่างและเค้าโครง
ตั้งค่าระยะห่างระหว่างช่องกรอกข้อมูลเพื่อให้มีพื้นที่ว่าง ปรับระยะห่างภายในช่องกรอกข้อมูลเพื่อให้ป้อนข้อความได้สะดวก ควบคุมระยะขอบรอบแบบฟอร์มทั้งหมดเพื่อให้จัดวางได้อย่างลงตัวภายในเค้าโครงหน้าเว็บของคุณ
พรมแดนและมุม
กำหนดความกว้าง รูปแบบ และสีของเส้นขอบ ลบมุมเพื่อให้ดูทันสมัย หรือคงมุมแหลมไว้เพื่อดีไซน์เรียบง่าย ใช้รูปแบบเส้นขอบที่แตกต่างกันสำหรับสถานะต่างๆ ของแบบฟอร์ม—เส้นขอบแบบเรียบง่ายโดยค่าเริ่มต้น และเส้นขอบที่เด่นชัดเมื่อแบบฟอร์มอยู่ในสถานะโฟกัส
ปุ่ม
ออกแบบปุ่มส่งข้อมูลให้เข้ากับแบรนด์ของคุณ ปรับแต่งสีพื้นหลัง สีข้อความ รัศมีขอบ ระยะห่างภายใน ขนาดตัวอักษร และน้ำหนักตัวอักษร ปรับแต่งสถานะเมื่อวางเมาส์เหนือปุ่มและสถานะใช้งาน เพื่อให้ปุ่มตอบสนองและคลิกได้ง่าย
ฟอร์มคอนเทนเนอร์
ปรับแต่งรูปแบบโดยรวมของกรอบแบบฟอร์ม เพิ่มสีพื้นหลังหรือปล่อยให้โปร่งใส ใส่เงาให้กับกล่องเพื่อให้ดูมีมิติ กำหนดรัศมีขอบสำหรับภาชนะแบบฟอร์มที่มีมุมโค้งมน ควบคุมความกว้างสูงสุดเพื่อป้องกันไม่ให้แบบฟอร์มยืดออกกว้างเกินไป
สถานการณ์การจัดรูปแบบฟอร์มทั่วไป
แนวทางปฏิบัติของแบรนด์ Match
บริษัทของคุณมีสีเฉพาะ—#0F2D5F สำหรับสีหลัก และ #F59E0B สำหรับสีเน้น ป้อนค่าเหล่านั้นลงในตัวแก้ไขสไตล์ ปุ่มในแบบฟอร์มจะใช้สีเน้นของคุณ ป้ายกำกับในแบบฟอร์มจะใช้สีหลักของคุณ เพื่อความสอดคล้องของแบรนด์อย่างสมบูรณ์แบบ
สร้างรูปทรงที่มีความคมชัดสูง
เว็บไซต์ที่มีพื้นหลังสีเข้ม? สร้างแบบฟอร์มสีอ่อนที่โดดเด่น ถ้าพื้นหลังสีอ่อน? ใช้แบบฟอร์มที่มีขอบและเงาเล็กน้อยเพื่อกำหนดพื้นที่ของแบบฟอร์มโดยไม่แย่งความโดดเด่นทางสายตา
ออกแบบรูปทรงเรียบง่าย
ลบเส้นขอบ ลดระยะห่าง ใช้พื้นหลังโปร่งใส สร้างแบบฟอร์มที่ดูกลมกลืนไปกับหน้าเว็บ แทนที่จะดูเหมือนอยู่แต่ในกรอบ
สร้างแบบฟอร์มกระตุ้นการดำเนินการที่โดดเด่น
ปุ่มขนาดใหญ่ สีสันสดใส และพื้นที่ว่างรอบปุ่มอย่างเหมาะสม สร้างแบบฟอร์มที่ดึงดูดความสนใจสำหรับหน้าสำคัญที่สุดในการสร้างลูกค้าเป้าหมายของคุณ
แบบฟอร์มที่เข้ากับธีมทุกแบบ
โปรแกรมสร้างแบบฟอร์มอัตโนมัติใช้งานได้กับทุกธีม WordPress แบบฟอร์มที่คุณออกแบบจะปรับให้เข้ากับบริบทการออกแบบใดๆ ก็ได้
ใช้ธีม Woodmart, Astra, GeneratePress, Divi หรือธีมอื่นๆ ใช่ไหม? ฟอร์มของคุณจะดูเหมือนธีมพื้นฐาน ตัวแก้ไขสไตล์ช่วยให้คุณควบคุมได้มากพอที่จะเข้ากับระบบการออกแบบใดๆ ก็ได้
ไม่มีปัญหาเรื่องความขัดแย้งของธีม ไม่มีปัญหาเรื่องการสืบทอดสไตล์ แบบฟอร์มจึงดูสวยงามตรงตามที่คุณต้องการทุกประการ
ไม่จำเป็นต้องใช้ CSS
คุณไม่จำเป็นต้องเขียน CSS เองเพื่อตกแต่งฟอร์ม โปรแกรมแก้ไขแบบภาพจะจัดการทุกอย่างให้เอง
แต่ถ้าคุณต้องการควบคุม CSS Auto Form Builder รองรับ CSS แบบกำหนดเองสำหรับแต่ละฟอร์ม เพิ่มการตั้งค่าเฉพาะสำหรับกรณีพิเศษ หรือใช้การจัดสไตล์ขั้นสูงที่ไม่สามารถทำได้ในตัวแก้ไขแบบภาพ ผู้ใช้ขั้นสูงจะได้รับความยืดหยุ่นที่ต้องการ
