ปรับแต่ง WP Fluent Forms ด้วยส่วนเสริมที่จำเป็นสำหรับ Elementor

เผยแพร่แล้ว: 2019-10-19

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

Essential Addons เป็นไลบรารีองค์ประกอบสำหรับ Elementor ด้วยรายการบล็อกที่พร้อมใช้งานที่ยอดเยี่ยม ปลั๊กอินนี้จะทำให้ประสบการณ์การสร้างเพจของคุณน่าจดจำ WP Fluent Forms เป็นการผนวกรวมล่าสุดของรายการนี้ และคุณสามารถเพลิดเพลินกับวิธีที่ยอดเยี่ยมในการสร้างแบบฟอร์มได้ตามต้องการ

วิธีใช้

ก่อนดำดิ่งสู่ประเด็นสำคัญ ฉันจะบอกคุณว่าคุณสามารถเปิดใช้งาน Fluent Forms ภายใน Essential Addons ได้อย่างไร ติดตั้ง Elementor และ Essential Addons จากที่เก็บปลั๊กอิน และเปิดใช้งานทั้งสองอย่าง ตอนนี้เลือก Fluent Form จากส่วนองค์ประกอบ

คลิกดรอปดาวน์ภายใต้ Fluent Form แล้วเลือกแบบฟอร์มที่คุณต้องการใช้

ใช้คอมโบเพื่อเพิ่มพลัง

เหตุใดคุณจึงควรใช้ EA Fluent Forms Essential Addons เป็นโปรแกรมเสริมที่ได้รับความนิยมมากที่สุดสำหรับตัวสร้างหน้า Elementor ในทำนองเดียวกัน WP Fluent Forms เป็นปลั๊กอินสำหรับสร้างแบบฟอร์มที่มีคุณลักษณะหลากหลายที่สุดพร้อมชุมชนที่เติบโตอย่างรวดเร็ว

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

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

มาสำรวจสิ่งที่คุณคาดหวังได้จาก EA Fluent Forms

มีสไตล์ในแบบของคุณ

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

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

ปรับแต่งทุกอย่าง

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

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

วิชาการพิมพ์ที่ดีขึ้น

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

เริ่มต้นด้วยสีข้อความก่อน คุณสมบัติอื่นๆ จะพร้อมใช้งานในแท็บถัดไป Typography จากนั้นเลือกตระกูลแบบอักษรก่อนจากนั้นจึงเปลี่ยนทุกอย่าง Font-weight, text-decoration, line-height – คุณจะได้ทั้งหมด

เพิ่มพลังให้กับช่องอินพุต

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

ส่วนเสริมที่จำเป็น - การปรับแต่งฟิลด์อินพุตสำหรับ Fluent Forms

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

จัดแต่งทรงผมปุ่มตัวเลือกและกล่องกาเครื่องหมาย

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

ส่วนเสริมที่จำเป็น - วิทยุและช่องทำเครื่องหมายสำหรับแบบฟอร์มที่คล่องแคล่ว

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

แก้ไขตัวแบ่งส่วน

ส่วนเสริมที่จำเป็น - ตัวแบ่งส่วนสำหรับแบบฟอร์มที่คล่องแคล่ว

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

ช่องทำเครื่องหมายที่สวยงาม

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

ส่วนเสริมที่จำเป็น - ช่องทำเครื่องหมายสำหรับ Fluent Forms

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

ปุ่มส่งที่สวยงาม

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

ส่วนเสริมที่จำเป็น - ปรับแต่งปุ่มส่งแบบฟอร์มได้อย่างคล่องแคล่ว

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

แจ้งเตือนด้วยข้อความ

การแสดงข้อความแสดง ข้อผิดพลาด และ ความสำเร็จ เป็นคุณสมบัติเริ่มต้นสองประการของ WP Fluent Forms ด้วย EA Fluent Forms คุณสามารถทำสิ่งต่างๆ ได้มากขึ้นด้วยสองข้อความ คุณสามารถเลือกแสดงหรือซ่อนเพื่อแสดงข้อความแสดงข้อผิดพลาดหรือไม่แสดง

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

คุณสมบัติขั้นสูงสำหรับผู้ใช้ที่มีความซับซ้อน

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

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

ปรับใช้เอฟเฟกต์ภาพเคลื่อนไหวที่แข็งแกร่ง

ส่วนเสริมที่จำเป็น - เอฟเฟกต์ภาพเคลื่อนไหวสำหรับแบบฟอร์มที่คล่องแคล่ว

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

พื้นหลังที่ทำให้เป็นทาส

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

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

จำกัดการมองเห็น

Fluent Forms ได้รับการพัฒนาในลักษณะที่ดูดีบนอุปกรณ์ทั้งหมดโดยไม่ทำให้เลย์เอาต์เสียหาย สิ่งที่พิเศษกว่า Essential Addons คือคุณสามารถซ่อนแบบฟอร์มบนอุปกรณ์เฉพาะได้

ใช้ CSS . ที่กำหนดเอง

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

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

บรรทัดล่าง

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

1 NT BG . ใหม่

WP Fluent Forms Pro

ลองใช้ Fluent Forms วันนี้และดูด้วยตัวคุณเอง!

ดาวน์โหลดเดี๋ยวนี้

โดยใช้ Essential Addons คุณสามารถ:

  • เปลี่ยนเค้าโครง
  • ใส่สีที่ชอบ
  • ใช้สไตล์ของคุณเอง
  • ทำให้เป็นส่วนตัวมากขึ้น
  • ปรับปรุงการออกแบบตัวอักษรและทุกอย่าง

Essential Addons เป็นโปรแกรมเสริมอันดับ 1 ขององค์ประกอบที่มีการติดตั้งที่ใช้งาน 300K เพื่อเป็นการตอบแทนความรัก เราให้ผู้ใช้คว้าปลั๊กอินนี้พร้อมส่วนลด 10% ใช้ ManageNinja เป็นรหัสคูปองเพื่อซื้อ Essential Addons และทำให้การพัฒนาเว็บของคุณน่าเล่นยิ่งขึ้น