10 สุดยอดปลั๊กอิน WordPress Page Builder เมื่อเปรียบเทียบปี 2022

พยายามตัดสินใจเกี่ยวกับเครื่องมือสร้างหน้า WordPress ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ?

ฉันได้ ลงมือ ปฏิบัติจริงกับ เครื่องมือสร้างหน้า WordPress 10 แบบ ที่จะช่วยให้คุณตัดสินใจได้ ใช่ ฉันใช้ทุกอัน เลย นี่ไม่ใช่แค่รายการตามสำเนาทางการตลาด

ฉันจะเปรียบเทียบผู้สร้างเพจ WordPress 10 เหล่านี้อย่างเป็นกลางในห้าหมวดหมู่:

1. อินเทอร์ เฟซ – อินเทอร์เฟซทำงานอย่างไร และทำให้ง่ายต่อการสร้างเพจที่สวยงามหรือไม่?
2. วิดเจ็ต/เทมเพลตที่รวมอยู่ – มีตัวเลือกอะไรบ้างในการสร้างเพจของคุณ
3. ตัวเลือก การจัดรูปแบบ – คุณจะจัดรูปแบบองค์ประกอบในหน้าของคุณได้อย่างไร
4. คุณสมบัติเด่นอื่นๆ – ตัวสร้างเพจมีคุณลักษณะเฉพาะที่โดดเด่นหรือไม่?
5. ล็อคอิน – จะเกิดอะไรขึ้นหากคุณต้องการปิดการใช้งานปลั๊กอิน? คุณจะสูญเสียรูปแบบที่กำหนดเองของคุณเสมอ แต่ผู้สร้างเพจบางคนทิ้งโค้ดที่สะอาดไว้ในขณะที่คนอื่นไม่ทำ

สำหรับแต่ละหมวดหมู่ ฉันจะให้คะแนนผู้สร้างเพจจาก 5 คะแนน

ในตอนท้าย ฉันจะรวบรวมทุกอย่างและแนะนำสิ่งที่ฉันคิดว่าเป็นตัวสร้างหน้า WordPress ที่ดีที่สุด

ต่อไปนี้คือเครื่องมือสร้างหน้า WordPress 10 ตัวที่ฉันจะพิจารณา – คุณสามารถคลิกเพื่อข้ามไปยังตัวสร้างหน้าเฉพาะ:

• องค์ประกอบ
• ตัวสร้างบีเวอร์
• Divi Builder
• เจริญเติบโตสถาปนิก
• SiteOrigin Page Builder
• ตัวสร้างเพจ WPBakery
• ตัวสร้าง Themify
• Brizy
• นักแต่งเพลงภาพ
• ตัวสร้างหน้า WP

หรือคุณสามารถตรงไปที่ตารางเปรียบเทียบ

1. องค์ประกอบ

เปิดตัวครั้งแรกในปี 2559 Elementor เป็นหนึ่งในผู้สร้างเพจที่อายุน้อยกว่าในรายการนี้ แต่ถึงแม้จะเริ่มต้นช้า แต่ Elementor ก็มีการติดตั้งที่ใช้งานบน WordPress.org ได้มากถึง 3,000,000 ครั้ง ซึ่งทำให้เป็นผู้สร้างเพจที่ได้รับความนิยมสูงสุด อย่างน้อยก็ด้วยหมายเลข WordPress.org

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

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

• ตัว สร้างธีม – ออกแบบธีมทั้งหมดของคุณโดยใช้อินเทอร์เฟซ Elementor ที่สะดวกสบายเหมือนกัน ซึ่งรวมถึงส่วนหัว ส่วนท้าย หน้าเก็บถาวร หน้าโพสต์เดียว หน้าผลิตภัณฑ์/ร้านค้าของ WooCommerce เทมเพลตประเภทโพสต์ที่กำหนดเอง ฯลฯ คุณจะได้รับวิดเจ็ตเฉพาะสำหรับองค์ประกอบทั่วไป และคุณยังสามารถแทรกเนื้อหาแบบไดนามิกจากฟิลด์ที่กำหนดเองได้อีกด้วย
• ตัว สร้างป๊อปอัป – ออกแบบป๊อปอัปที่ยืดหยุ่นโดยใช้อินเทอร์เฟซ Elementor แบบเต็ม คุณสามารถรวมวิดเจ็ต Elementor ปกติทั้งหมด ซึ่งช่วยให้คุณสร้างป๊อปอัปการเลือกรับอีเมล ป๊อปอัปแบบฟอร์มการติดต่อ ป๊อปอัปการเข้าสู่ระบบ และอื่นๆ

การเพิ่มทั้งสองนี้ช่วยให้ Elementor โดดเด่นกว่าคู่แข่ง แม้ว่าการสร้างธีมจะกลายเป็นฟีเจอร์ยอดนิยม แต่ตัวสร้างป๊อปอัปก็ยังมีเอกลักษณ์เฉพาะตัว

อ่านรีวิว Elementor Pro ของเรา

ราคา: เวอร์ชันหลักฟรี Elementor Pro เริ่มต้นที่ $49 สำหรับการใช้งานในไซต์เดียว

อินเทอร์เฟซ – 5/5

อินเทอร์เฟซ Elementor แบ่งออกเป็นสองส่วนหลัก โดยมีพื้นที่ที่สามสำหรับการตั้งค่าขนาดเล็ก:

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

ตัวอย่างเช่น ต่อไปนี้คือวิธีการลากทับวิดเจ็ตข้อความ แล้วพิมพ์บนหน้าเว็บ (การแก้ไขแบบอินไลน์) เพื่อเปลี่ยนข้อความ:

ด้วย Elementor Pro คุณจะใช้อินเทอร์เฟซเดียวกันนี้เพื่อออกแบบธีมและป๊อปอัปของคุณ คุณยังได้รับวิดเจ็ต/คุณสมบัติเฉพาะที่จะช่วยคุณทำสิ่งนั้น

รวมวิดเจ็ต/เทมเพลต – 5/5

ในเวอร์ชันฟรี Elementor มี วิดเจ็ตฟรี 28 รายการ และคุณยังสามารถใช้วิดเจ็ต WordPress หลักทั้งหมดได้อีกด้วย รุ่น Pro เพิ่ม วิดเจ็ต อีก ประมาณ 30 รายการ ทำให้คุณมี วิดเจ็ตทั้งหมด 58 รายการในเวอร์ชัน Pro:

เวอร์ชันฟรียังมาพร้อมกับ เทมเพลตฟรีประมาณ 40 แบบ และเวอร์ชัน Pro จะเพิ่มเทมเพลตเพิ่มเติมอีกหลายร้อยแบบ

เทมเพลตมาในสองรูปแบบ:

• หน้า – การออกแบบเต็มหน้าที่คุณเพียงแค่ต้องแก้ไข
• บล็อก – แต่ละส่วนที่คุณสามารถประกอบเข้าด้วยกันได้เหมือนตัวต่อเลโก้

คุณยังสามารถบันทึกการออกแบบของคุณเองเป็นเทมเพลตเพื่อใช้ซ้ำได้ในภายหลัง

ตัวเลือกการจัดแต่งทรง – 5/5

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

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

นอกเหนือจากสิ่งพื้นฐาน เช่น สี พื้นหลัง และการพิมพ์ คุณยังสามารถควบคุมการตั้งค่าขั้นสูงเพิ่มเติม เช่น:

• ระยะขอบ / ช่องว่างภายในที่กำหนดเอง
• คลาส/รหัส CSS ที่กำหนดเอง ด้วย Elementor Pro คุณสามารถเพิ่มสไตล์ CSS ให้กับแต่ละองค์ประกอบได้โดยตรง
• การควบคุมที่ตอบสนอง คุณสามารถแสดง/ซ่อนองค์ประกอบบนอุปกรณ์เฉพาะได้

Elementor เพิ่งเพิ่มการวางตำแหน่งที่กำหนดเอง ซึ่งทำให้ง่ายต่อการวางวิดเจ็ตที่จุดเฉพาะบนหน้า

คุณสมบัติเด่นอื่นๆ – 5/5

คุณสมบัติเหล่านี้มีอยู่ใน Elementor Pro:

• อาคารรูปแบบเต็มรูปแบบ คุณสามารถใช้อินเทอร์เฟซ Elementor เดียวกันเพื่อสร้างส่วนเทมเพลต เช่น ส่วนหัว ส่วนท้าย ซิงเกิล และไฟล์เก็บถาวร โดยทั่วไป คุณสามารถสร้างธีมทั้งหมดด้วย Elementor
• ตัวสร้าง WooCommerce – ออกแบบผลิตภัณฑ์ WooCommerce และหน้าร้านค้าของคุณ
• อาคารป๊อปอัป ออกแบบป๊อปอัปที่ยืดหยุ่นและกำหนดเป้าหมายไปยังเนื้อหาเฉพาะ
• การรวมแบบฟอร์ม เชื่อมต่อวิดเจ็ตแบบฟอร์มกับบริการการตลาดผ่านอีเมลยอดนิยม (หรือ Zapier เพื่อความยืดหยุ่นยิ่งขึ้น)
• วิดเจ็ตทั่วโลก สิ่งเหล่านี้ช่วยให้คุณนำองค์ประกอบทั่วไปมาใช้ซ้ำในหลาย ๆ หน้าและแก้ไขอินสแตนซ์ทั้งหมดของวิดเจ็ตส่วนกลางโดยเพียงแค่อัปเดตวิดเจ็ตส่วนกลาง
• ฝังที่ไหนก็ได้ ใช้เทมเพลต Elementor ในพื้นที่อื่นผ่านวิดเจ็ตหรือรหัสย่อ

ล็อคอิน – 5/5

หากคุณเคยปิดใช้งาน Elementor มันจะทิ้งโค้ดสะอาดไว้ ตัวอย่างเช่น หากคุณมีส่วนหัว <h3> ที่มี Elementor คุณจะยังมีส่วนหัว <h3> หลังจากปิดใช้งาน Elementor ซึ่งจะใช้สไตล์ของธีมเท่านั้น

2. ตัวสร้างบีเวอร์

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

นอกจากนี้ยังมีส่วนเสริมอย่างเป็นทางการบางส่วนที่คุณสามารถจับคู่กับมันเพื่อความยืดหยุ่นที่มากขึ้น โดยเฉพาะอย่างยิ่ง ธีม เสริม Beaver Builder และส่วนขยาย Beaver Themer

อ่านรีวิว Beaver Builder ของเรา

ราคา: รุ่นฟรี จำกัด เริ่มต้นที่ $99 สำหรับการใช้งานในไซต์ที่จำกัด

อินเทอร์เฟซ – 5/5

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

• 1 – คุณคลิกที่นี่เพื่อเปิดพื้นที่แถบด้านข้าง
• 2 – นี่คือตัวอย่างสดของการออกแบบของคุณ

Beaver Builder เพิ่งเพิ่มการแก้ไขข้อความแบบอินไลน์ ซึ่งหมายความว่าคุณสามารถพิมพ์โดยตรงบนหน้าเพื่อแก้ไขข้อความของคุณหรือใช้ป๊อปอัปที่ปรากฏขึ้น:

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

รวมวิดเจ็ต/เทมเพลต – 4/5

ในเวอร์ชันฟรี Beaver Builder ให้คุณเข้าถึง 6 โมดูล เท่านั้น แม้ว่าคุณจะสามารถใช้วิดเจ็ต WordPress มาตรฐานได้

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

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

ตัวเลือกการจัดแต่งทรง – 5/5

ในการจัดรูปแบบโมดูลและส่วนต่างๆ ของคุณ คุณสามารถ:

• ใช้หน้าต่างป๊อปอัปเริ่มต้น
• ตรึงหน้าต่างไว้ด้านข้างเพื่อสร้างแถบด้านข้าง ( ดูได้จากตัวอย่างด้านล่าง )

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

และตัวสร้างบีเวอร์ยังมีการสลับที่ไม่เหมือนใครซึ่งช่วยให้คุณแสดงหรือซ่อนแต่ละโมดูลโดยขึ้นอยู่กับว่าผู้ใช้ลงชื่อเข้าใช้หรือไม่:

คุณสมบัติเด่นอื่น ๆ – 4/5

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

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

ล็อคอิน – 5/5

เช่นเดียวกับ Elementor ตัวสร้างบีเวอร์ทิ้งโค้ดที่สะอาด 100% ด้วยการจัดรูปแบบ HTML ที่เหมาะสม

3. ตัวสร้าง Divi

Divi Builder เป็นเครื่องมือสร้างเพจระดับพรีเมียมยอดนิยมจาก Elegant Themes แม้ว่าส่วนใหญ่จะใช้เป็นส่วนหนึ่งของธีม Divi แต่ Divi Builder ยังเป็นปลั๊กอินแบบสแตนด์อโลนที่คุณสามารถใช้กับธีมอื่นๆ ได้เช่นกัน

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

ด้วยเวอร์ชันล่าสุด Divi 4.0 Divi ยังเพิ่มการสนับสนุนการสร้างธีมเต็มรูปแบบ ซึ่งทำให้เทียบเท่ากับ Elementor และ Beaver Builder ในแง่นั้น นั่นคือ ตอนนี้คุณสามารถใช้ Divi เพื่อออกแบบส่วนหัว ส่วนท้าย เทมเพลต ฯลฯ

อ่านรีวิว Divi Builder ของเรา

ราคา: เป็นส่วนหนึ่งของสมาชิก Elegant Themes มูลค่า $89

อินเทอร์เฟซ – 5/5

อินเทอร์เฟซแบ็กเอนด์ของ Divi Builder มีลักษณะดังนี้:

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

โดยพื้นฐานแล้ว แทนที่จะเป็นแถบด้านข้างใดๆ ทุกอย่างเป็นป๊อปอัปและปุ่มลอย คุณสามารถดูตัวอย่างการเพิ่มโมดูลด้านล่าง:

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

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

รวมวิดเจ็ต/เทมเพลต – 5/5

Divi Builder มี 46 โมดูล ที่คุณสามารถใช้สร้างการออกแบบของคุณ:

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

ตัวเลือกการจัดแต่งทรง – 5/5

เช่นเดียวกับ Beaver Builder Divi Builder ให้คุณจัดสไตล์องค์ประกอบจากป๊อปอัปที่คุณปักหมุดไว้ด้านข้างหากต้องการ

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

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

สรุปแล้ว Divi Builder ก้าวข้ามขีดจำกัดด้วยตัวเลือกการจัดสไตล์ เป็นสิ่งที่ดี

คุณสมบัติเด่นอื่นๆ – 5/5

• การ สร้างธีม – ออกแบบธีมทั้งหมดของคุณโดยใช้อินเทอร์เฟซ Divi Builder
• การทดสอบ A/B หนึ่งในคุณสมบัติพิเศษที่ดีที่สุดคือระบบทดสอบ A/B ในตัวของ Divi Builder ไม่มีตัวสร้างหน้าอื่นใดที่ทำให้การทดสอบแยกในแกนกลางทำได้ง่าย
• ธีม Divi การจับคู่ Divi Builder กับธีม Divi ช่วยให้คุณควบคุมลักษณะที่ปรากฏของไซต์ได้อย่างเต็มที่
• การควบคุมการเข้าถึง ของผู้ใช้ Divi Builder มีการควบคุมการเข้าถึงตามบทบาทที่แข็งแกร่ง
• WordPress Customizer ควบคุม คุณสามารถปรับแต่งรูปลักษณ์ขององค์ประกอบบางอย่างได้โดยใช้เครื่องมือปรับแต่ง WordPress ดั้งเดิม

ล็อคอิน – 3/5

หนึ่งในการวิพากษ์วิจารณ์ของ Divi Builder คือการใช้รหัสย่อ นั่นหมายความว่า หากคุณเคยปิดการใช้งาน มันจะทิ้งรหัสย่อไว้มากมายในเนื้อหาของคุณ

แม้ว่าจะดูไม่ค่อยดีนัก แต่ก็ไม่ค่อยมีปัญหาในตอนนี้ที่มีปลั๊กอินอย่าง Shortcode Cleaner อยู่ คุณจะสูญเสียการจัดรูปแบบ เช่นเดียวกับแท็ก <h3> แต่คุณจะไม่สูญเสียเนื้อหาไปเอง

4. เจริญเติบโตสถาปนิก

Thrive Architect เป็นเวอร์ชันปรับปรุงใหม่ของสิ่งที่ครั้งหนึ่งเคยเป็น Thrive Content Builder อินเทอร์เฟซใหม่มีความคล้ายคลึงกันมากกับอินเทอร์เฟซของ Elementor ซึ่งคุณจะเห็นในไม่กี่วินาที

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

อ่านรีวิว Thrive Architect ของเรา

ราคา: เป็นส่วนหนึ่งของ Thrive Suite ซึ่งมีค่าใช้จ่าย 19 เหรียญต่อเดือน (เรียกเก็บเงินทุกปี)

อินเทอร์เฟซ – 5/5

อย่างที่ฉันพูดไป คุณจะเห็นความคล้ายคลึงกันระหว่างอินเทอร์เฟซของ Thrive Architect และอินเทอร์เฟซ Elementor ( Elementor มาก่อนในกรณีที่คุณสงสัย ):

เป็นความคิดเดียวกัน คุณมี:

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

ใช่ – ฉันคัดลอกและวางจากส่วน Elementor

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

และ Thrive Architect ยังเสนอการแก้ไขข้อความแบบอินไลน์อย่างแท้จริง อันที่จริง Thrive Architect มีฟังก์ชันการแก้ไขแบบอินไลน์ที่ราบรื่นที่สุดของเครื่องมือสร้างเพจใดๆ ในความคิดของฉัน:

รวมวิดเจ็ต/เทมเพลต – 4/5

Thrive Architect มี วิดเจ็ตที่แตกต่างกัน 40 แบบ รวมถึงวิดเจ็ต ที่ดูเรียบร้อย เช่น นาฬิกาจับเวลาถอยหลังที่เขียวชอุ่มตลอดปี

Thrive Architect ยังรวมเทมเพลตหลายร้อยแบบซึ่งแบ่งออกเป็น "ชุด" ประมาณ 36 ชุด และคุณยังสามารถบันทึกการออกแบบของคุณเองเป็นเทมเพลตได้อีกด้วย

ตัวเลือกการจัดแต่งทรง – 5/5

Thrive Architect แยกจาก Elementor ในการจัดการสไตล์ แทนที่จะให้แท็บแก่คุณ Thrive Architect จะรวมทุกอย่างไว้ในคอลัมน์เดียว

ตัวเลือกการจัดสไตล์มีรายละเอียดค่อนข้างมาก รวมถึงการควบคุมแบบตอบสนองและระยะห่างแบบกำหนดเอง:

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

คุณสมบัติเด่นอื่น ๆ – 3/5

คุณลักษณะที่ยอดเยี่ยมอย่างหนึ่งคือตัวเลือกในการตั้งค่า Page Events สิ่งเหล่านี้ช่วยให้คุณแสดงป๊อปอัปไลท์บ็อกซ์ตามทริกเกอร์บางตัว:

และสิ่งที่ยอดเยี่ยมอีกอย่างหนึ่งก็คือการผสานรวมกับผลิตภัณฑ์ Thrive Themes อื่นๆ ได้ดีเพียงใด ตัวอย่างเช่น:

• หากคุณใช้ Thrive Optimize คุณสามารถเรียกใช้การทดสอบ A/B โดยใช้ Thrive Architect
• หากคุณใช้ Thrive Leads คุณสามารถผสานรวมการเลือกใช้แบบละเอียดของ Thrive Leads เข้ากับ Thrive Architect ได้อย่างง่ายดาย

ล็อคอิน – 5/5

Thrive Architect ทิ้งโค้ดสะอาด 100% เช่น Elementor และ Beaver Builder

5. ตัวสร้างหน้า SiteOrigin

SiteOrigin Page Builder ใช้งานได้ยาวนาน และใน "ตลอดไป" นั้น มีการจัดการเพื่อรวบรวมการติดตั้งที่ใช้งานอยู่กว่า 1 ล้านครั้งบน WordPress.org ซึ่งทำให้เป็นหนึ่งในปลั๊กอินสำหรับสร้างเพจที่ได้รับความนิยมมากที่สุดในตลาด

แม้ว่า SiteOrigin Page Builder จะเบากว่าตัวเลือกอื่นๆ ในรายการนี้เล็กน้อย แต่ก็มีประสิทธิภาพที่ยอดเยี่ยมและการควบคุม CSS ที่เป็นประโยชน์มากมาย

ราคา: ฟรี ชุด SiteOrigin Premium เริ่มต้นที่ $29

อินเทอร์เฟซ – 3/5

SiteOrigin มีอินเทอร์เฟซสองแบบที่คุณสามารถใช้สร้างการออกแบบของคุณได้

คุณมีโปรแกรมแก้ไขแบ็กเอนด์ดั้งเดิม:

คุณสามารถลากและวางบล็อกไปรอบๆ หรือคลิกที่บล็อกที่ต้องการเพื่อแก้ไข

ตัวแก้ไขนี้ให้พื้นที่ทำงานมากที่สุด แต่ไม่มีการแสดงตัวอย่างแบบสดทุกประเภท

หากคุณต้องการดูตัวอย่างแบบสด SiteOrigin Page Builder ได้เพิ่มโหมดตัวแก้ไขแบบสด:

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

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

รวมวิดเจ็ต/เทมเพลต – 2/5

นอกเหนือจากวิดเจ็ต WordPress หลักแล้ว SiteOrigin Page Builder ยังมีปลั๊กอิน Widgets Bundle ฟรีที่เพิ่มชุด วิดเจ็ต 23 แบบแยกส่วนที่คุณสามารถใช้ได้ นอกจากนี้ยังมีเทมเพลตที่สร้างไว้ล่วงหน้า ประมาณ 25 แบบที่คุณสามารถใช้ได้ แม้ว่าสิ่งเหล่านี้จะค่อนข้างง่ายเมื่อเทียบกับเครื่องมือสร้างเพจอื่นๆ

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

ตัวเลือกการจัดแต่งทรง – 3/5

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

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

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

คุณสมบัติเด่นอื่น ๆ – 2/5

SiteOrigin Page Builder นั้นค่อนข้างเบา แต่คุณจะได้รับตัวสร้างประเภทโพสต์แบบกำหนดเองพื้นฐานในชุดรวม SiteOrigin Premium

ล็อคอิน – 4/5

SiteOrigin Page Builder ทิ้งส่วนผสมของ HTML และรหัสย่อที่สะอาดไว้ นั่นคือ วิดเจ็ตบางตัว เช่น โปรแกรมแก้ไขข้อความ ทิ้ง HTML ที่สะอาดไว้ ในขณะที่วิดเจ็ตอื่นๆ เช่น วิดเจ็ตปุ่ม จะทิ้งรหัสย่อไว้

6. ตัวสร้างหน้า WPBakery

WPBakery Page Builder เดิมชื่อ Visual Composer เป็นอีกหนึ่งเครื่องมือสร้างเพจระดับพรีเมียมที่ได้รับความนิยมอย่างล้นหลาม ส่วนใหญ่ของความนิยมนี้มาจากความจริงที่ว่า WPBakery Page Builder นั้นมาพร้อมกับสิ่งที่ดูเหมือน 99% ของธีมที่ ThemeForest แต่ความจริงก็คือมันถูกใช้ใน ไซต์จำนวน มาก

ราคา: 64 เหรียญ

อินเทอร์เฟซ – 3/5

เช่นเดียวกับ Divi Builder WPBakery Page Builder ให้ทั้งการแก้ไขส่วนหน้าด้วยภาพและการแก้ไขส่วนหลัง

คุณสามารถใช้อินเทอร์เฟซส่วนหลังได้หากต้องการ:

แต่ฉันคิดว่าคนส่วนใหญ่จะมีความสุขมากขึ้นที่ส่วนหน้า ซึ่งมีลักษณะดังนี้:

คุณแทรกองค์ประกอบใหม่และจัดรูปแบบโดยใช้ป๊อปอัป - ไม่มีพื้นที่แถบด้านข้างหรือไม่มีการแก้ไขแบบอินไลน์

โดยส่วนตัวแล้ว ฉันไม่ใช่แฟนของแนวทางนี้ แต่บางคนชอบเพราะว่าไม่มีอะไรมาขวางทางการแสดงตัวอย่างแบบสด เมื่อคุณไม่ได้เปิดป๊อปอัป

รวมวิดเจ็ต/เทมเพลต – 3/5

WPBakery Page Builder มี 39 องค์ประกอบ บวกกับวิดเจ็ต WordPress ทั่วไปทั้งหมด องค์ประกอบเหล่านี้บางส่วนจะถูกรวมไว้ในตัวสร้างหน้าอื่น ดังนั้นจำนวนจริงจึงมากกว่า ~33 :

คุณยังได้รับ ~86 แม่แบบ เทมเพลตบางเทมเพลตเป็นแบบเต็มหน้า ในขณะที่บางเทมเพลตเป็นเพียงส่วน

ตัวเลือกการจัดแต่งทรง – 3/5

เมื่อเทียบกับ Elementor หรือ Divi Builder ตัวเลือกรูปแบบของ WPBakery Page Builder นั้นค่อนข้างจำกัด

คุณมีการควบคุมแถวที่ดี:

แต่ตัวเลือกการจัดสไตล์สำหรับแต่ละองค์ประกอบนั้นค่อนข้างจำกัด

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

คุณสมบัติเด่นอื่น ๆ – 3/5

ฉันไม่แน่ใจว่า WPBakery Page Builder มีคุณลักษณะเฉพาะที่โดด เด่น เป็นพิเศษ แต่สิ่งที่มีคือชุมชนส่วนเสริมของบุคคลที่สาม จำนวนมาก ในขณะที่ตัวสร้างเพจอื่นๆ จำนวนมากมีส่วนเสริมของบุคคลที่สาม WPBakery Page Builder มีจำนวนไม่ซ้ำกัน ซึ่งมีมากกว่า 250+ ส่วนเสริม

ล็อคอิน – 3/5

เช่นเดียวกับ Divi Builder WPBakery Page Builder จะทิ้งรหัสย่อไว้ในเนื้อหาของคุณหากคุณเคยปิดใช้งาน

7. ตัวสร้าง Themify

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

ราคา : รุ่นฟรีน้ำหนักเบา Pro เริ่มต้นที่ $39 หรือ $59 (ขึ้นอยู่กับส่วนเสริม)

อินเทอร์เฟซ – 4/5

เช่นเดียวกับ Divi Builder และ WPBakery Page Builder Themify Builder ช่วยให้คุณสร้างการออกแบบโดยใช้อินเทอร์เฟซทั้งส่วนหลังและส่วนหน้า

ในเวอร์ชัน 4.0 นั้น Themify Builder ได้อัปเดตอินเทอร์เฟซบางส่วน ซึ่งทำให้คะแนนเพิ่มขึ้นอีกระดับหนึ่ง

อินเทอร์เฟซแบ็กเอนด์มีลักษณะดังนี้:

แต่อีกครั้ง คนส่วนใหญ่อาจต้องการใช้อินเทอร์เฟซส่วนหน้า ซึ่งทำงานดังนี้:

• 1 – ให้คุณแทรกโมดูลใหม่ ( 2 วิธีที่แตกต่างกัน )
• 2 – แสดงตัวอย่างสด
• 3 – แสดงตัวอย่างตอบสนอง เลิกทำ/ทำซ้ำ และการตั้งค่าอื่นๆ

ไม่มีการแก้ไขแบบอินไลน์ – คุณจะต้องแก้ไขข้อความของคุณในป๊อปอัป:

อย่างไรก็ตาม อินเทอร์เฟซใหม่ให้ความรู้สึก "เร็ว" กว่าอินเทอร์เฟซเก่ามาก ซึ่งสร้างประสบการณ์การแก้ไขที่รวดเร็วขึ้นมาก

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

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

จริงๆ คำวิจารณ์ที่สำคัญเพียงอย่างเดียวของฉันคือยังขาดการแก้ไขบรรทัด

รวมวิดเจ็ต/เทมเพลต – 3/5

Themify Builder มีโมดูลประมาณ 32 โมดูล (ขึ้นอยู่กับส่วนเสริมของคุณ) รวมถึงวิดเจ็ต WordPress ทั่วไปทั้งหมด

คุณยังได้รับเทมเพลตแบบเต็มหน้า ประมาณ 143 แบบ รวมทั้ง Rows จำนวนน้อยกว่า ซึ่งโดยทั่วไปแล้วจะเป็น ส่วน ที่สร้างไว้ล่วงหน้า

ตัวเลือกการจัดแต่งทรง – 4/5

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

• เนื้อหา
• จัดแต่งทรงผม ( แสดงด้านล่าง )
• การมองเห็น ( ช่วยให้คุณซ่อนองค์ประกอบบนอุปกรณ์บางอย่าง )
• แอนิเมชั่น

ข้อดีอีกอย่างหนึ่งคือ Themify Builder ให้คุณปรับแต่งเบรกพอยต์ที่ตอบสนองได้ ( แม้ว่าจะอยู่ที่ระดับทั่วทั้งไซต์ เท่านั้น)

ในเวอร์ชัน 4.0 Themify Builder ยังเพิ่มตัวแบ่งรูปร่างแบบกำหนดเอง ซึ่งให้คุณเลือกจากรูปร่างที่ตั้งไว้ล่วงหน้า 25 แบบ

คุณสมบัติเด่นอื่น ๆ – 4/5

สิ่งที่ยอดเยี่ยมอย่างหนึ่งเกี่ยวกับ Themify Builder ก็คือมันยังคงให้คุณใช้ WordPress Editor ปกติได้ ในขณะที่ตัวสร้างเพจอื่นๆ บังคับให้คุณใช้ส่วนต่อประสานตัวสร้างเพจสำหรับ ทุกอย่าง เนื้อหา Themify Builder ถูกทำเครื่องหมายใน WordPress Editor เพื่อให้คุณสามารถวางเนื้อหารอบๆ ได้:

คุณลักษณะนี้ยังใช้งานได้ในตัวแก้ไขบล็อก WordPress ใหม่

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

ล็อคอิน – 5/5

Themify Builder ได้ รับการปรับปรุงอย่างมาก ในแง่ของการล็อคอิน ตอนนี้ หากคุณปิดการใช้งาน มันจะทิ้งเนื้อหาของคุณไว้เบื้องหลังด้วย HTML ที่สะอาดตา

8. Brizy

Brizy เปิดตัวในเดือนเมษายน 2018 เป็นหนึ่งในผู้สร้างเพจที่ “อายุน้อยที่สุด” ในรายการนี้ แต่มันมาจากผู้พัฒนาที่รู้จักกันดี - ThemeFuse - และมีการติดตั้งที่ใช้งานอยู่ 60,000 ครั้งอย่างรวดเร็ว นอกจากนี้ มันธรรมดาเพียงแค่เสนอวิธีการเฉพาะสำหรับบางส่วนของการสร้างเพจ ซึ่งทำให้เป็นข้อเสนอที่น่าสนใจ

นักพัฒนาซอฟต์แวร์ยังได้เปิดตัวคุณลักษณะใหม่ ๆ อย่างรวดเร็ว และ Brizy ได้รับการสนับสนุนสำหรับการสร้างธีมและป๊อปอัปแล้ว

ราคา: รุ่นพื้นฐานฟรี รุ่น Pro เริ่มต้นที่ $49

อินเทอร์เฟซ – 5/5

Brizy เป็นเพียงผู้สร้างหน้าภาพส่วนหน้าเท่านั้น

ในการสร้างเพจ คุณต้องเพิ่มบล็อกก่อน คุณสามารถใช้บล็อกเปล่าหรือคุณสามารถเลือกจากบล็อกส่วนที่สร้างไว้ล่วงหน้า:

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

ดูสิ่งที่ฉันหมายถึง:

ผลลัพธ์คือวิธีสร้างหน้าที่รวดเร็วจริงๆ

รวมวิดเจ็ต/เทมเพลต – 4/5

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

คุณยังได้รับองค์ประกอบเพิ่มเติมสำหรับคุณสมบัติบางอย่าง เช่น องค์ประกอบเมนูเมื่อคุณสร้างส่วนหัว

นอกจากนี้ยังมีบล็อกมากกว่า 150 บล็อก (ส่วนเทมเพลต) ที่คุณสามารถใช้ได้

ตัวเลือกการจัดแต่งทรง – 5/5

เนื่องจากอินเทอร์เฟซของ Brizy ทำงานอย่างไร จึงไม่มีสูตรที่กำหนดไว้สำหรับตัวเลือกการจัดรูปแบบเหมือนกับตัวสร้างเพจอื่นๆ

คุณสามารถขยายแถบด้านข้างสำหรับการตั้งค่าขั้นสูง เช่น การเว้นวรรคและการควบคุมแบบตอบสนอง:

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

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

คุณสมบัติเด่นอื่นๆ – 5/5

อินเทอร์เฟซของ Brizy ค่อนข้างพิเศษอยู่แล้ว แต่ก็ยังได้รวบรวมรายการคุณลักษณะที่เป็นตัวเอกได้อย่างรวดเร็วตั้งแต่เปิดตัว:

• ตัว สร้างธีม – ออกแบบส่วนหัว ส่วนท้าย ไฟล์เก็บถาวร และเทมเพลตโพสต์เดียวโดยใช้ Brizy การสนับสนุน WooCommerce กำลัง มา นอกจากนี้ยังมีคุณลักษณะแบบไดนามิกเพื่อนำเนื้อหาฟิลด์ที่กำหนดเองจากปลั๊กอินยอดนิยม เช่น ACF และ Toolset
• ตัว สร้าง ป๊อปอัป – ออกแบบป๊อปอัปโดยใช้อินเทอร์เฟซ Brizy และใช้เงื่อนไขเพื่อควบคุมตำแหน่ง/เวลาที่แสดง
• แบนเนอร์ส่วนกลาง ที่มีการซิงค์ในหลาย ๆ หน้า
• การผสานรวม กับบริการการตลาดผ่านอีเมลยอดนิยม (และ Zapier)

ล็อคอิน – 4/5

Brizy ทิ้งโค้ด HTML ที่สะอาด เป็นส่วนใหญ่ หากคุณเคยปิดใช้งาน แต่มันยังคงปล่อยให้กลุ่ม divs จำนวนมากที่มีคลาส Brizy CSS ในโค้ด ซึ่งทำให้การเว้นวรรคยุ่งเล็กน้อยและจะต้องทำความสะอาด

9. นักแต่งเพลงภาพ

ด้านบน ฉันบอกคุณแล้วว่า WPBakery Page Builder เคย เป็นที่รู้จักในนาม Visual Composer เหตุผลที่ "เคย" ก็คือทีมงานที่อยู่เบื้องหลัง Visual Composer ตัดสินใจแยกตัวสร้าง WPBakery Page Builder เพื่อให้พวกเขาสามารถเปิดตัวผลิตภัณฑ์ใหม่ทั้งหมดโดยใช้ชื่อ Visual Composer

นั่นคือสิ่งที่เรากำลังเน้นในส่วนนี้

แม้ว่าจะมาจากทีมเดียวกัน แต่ก็เป็นผลิตภัณฑ์ที่แยกจากกันโดยสิ้นเชิง

ข้อแตกต่างที่สำคัญคือ Visual Composer เป็นเครื่องมือสร้าง เว็บไซต์ ที่สมบูรณ์ ในขณะที่ WPBakery Page Builder เป็นเพียงเครื่องมือสร้าง เพจ

ราคา: รุ่นฟรี จำกัด รุ่น Pro เริ่มต้นที่ $49

อินเทอร์เฟซ – 3/5

เมื่อคุณไปสร้างหน้าใหม่ด้วย Visual Composer คุณสามารถเลือกเค้าโครงที่แตกต่างกันสองสามแบบสำหรับผืนผ้าใบของคุณ คุณสามารถทำผ้าใบเปล่าทั้งหมด รวมส่วนหัว/ส่วนท้ายของคุณ ฯลฯ

จากตรงนั้น คุณสามารถออกแบบทุกอย่างได้โดยใช้อินเทอร์เฟซแบบภาพ:

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

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

รวมวิดเจ็ต/เทมเพลต – 5/5

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

อย่าหลงกล Visual Composer มีองค์ประกอบและเทมเพลตให้เลือก มากมาย คุณเพียงแค่เชื่อมต่อกับ Visual Composer Hub และดาวน์โหลดรายการที่คุณต้องการใช้:

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

ตัวเลือกการจัดแต่งทรง – 4/5

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

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

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

คุณสมบัติเด่นอื่นๆ – 5/5

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

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

คุณลักษณะที่โดดเด่นอื่น ๆ คือ Visual Composer Hub ซึ่งมาพร้อมกับเทมเพลตและองค์ประกอบเนื้อหามากมายที่คุณสามารถนำเข้าได้

ล็อคอิน – 5/5

หากคุณปิดใช้งาน Visual Composer โปรแกรมจะทิ้ง HTML ที่ค่อนข้างสะอาด HTML ยังคงมีคลาส CSS Visual Composer แต่ไม่มีปัญหาส่วนหน้าหรือรหัสย่อ

10. ตัวสร้างหน้า WP

WP Page Builder เป็นข้อเสนอใหม่จาก Themeum ซึ่งเป็นผู้พัฒนา WordPress ที่เป็นที่ยอมรับ ดังนั้นแม้ว่าปลั๊กอินจะใหม่ แต่มาจากทีมที่อยู่ในพื้นที่ WordPress มาระยะหนึ่งแล้ว

Themeum ยังสร้างปลั๊กอิน Tutor LMS ที่เราตรวจสอบเมื่อไม่นานมานี้

ราคา: เวอร์ชันฟรีที่ค่อนข้างใจกว้าง รุ่น Pro เริ่มต้นที่ $39

อินเทอร์เฟซ – 4/5

WP Page Builder มีอินเทอร์เฟซมาตรฐานที่ค่อนข้างดีสำหรับตัวสร้างเพจ คุณจะเห็นภาพตัวอย่างการออกแบบของคุณทางด้านขวาและแถบด้านข้างทางด้านซ้าย ซึ่งคุณสามารถควบคุมการออกแบบของคุณได้

สิ่งหนึ่งที่ฉันชอบมากคือความสามารถในการปรับระยะห่าง (ระยะขอบ/ช่องว่างภายใน) โดยใช้ตัวเลื่อนแบบลากแล้ววาง คุณยังสามารถใช้วิธีลากแล้ววางที่คล้ายกันเพื่อปรับขนาดคอลัมน์:

อย่างไรก็ตาม ไม่มีการแก้ไขแบบอินไลน์ซึ่งค่อนข้างแย่ คุณจะต้องแก้ไขข้อความในตัวแก้ไขแถบด้านข้างแทน:

รวมวิดเจ็ต/เทมเพลต – 5/5

แม้แต่ในเวอร์ชันฟรี WP Page Builder ก็มาพร้อมกับวิดเจ็ตที่คัดสรรมาอย่างดี ตัวอย่างเช่น เวอร์ชันฟรีจะแสดงตารางราคา โพสต์กริด กล่องพลิก และอื่นๆ ผู้สร้างเพจอื่นๆ ส่วนใหญ่สงวนองค์ประกอบเหล่านี้ไว้สำหรับเวอร์ชันพรีเมียม

คุณยังเข้าถึง 31+ Layout Bundles ซึ่งเป็นชุดเทมเพลตที่มีธีมสำหรับกลุ่มเฉพาะ เลย์เอาต์แต่ละอันประกอบด้วยเทมเพลตหลายอัน:

ตัวเลือกการจัดแต่งทรง – 4/5

ฉันได้กล่าวถึงการควบคุมการเว้นวรรค/การจัดวางแบบลากแล้ววาง ซึ่งเป็นคุณสมบัติที่สะดวกมาก

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

อย่างไรก็ตาม ถึงแม้ว่ามันจะแข็งแกร่ง แต่คุณไม่ได้มีตัวเลือกมากมายเท่ากับ Elementor หรือ Divi ซึ่งเป็นเหตุผลที่ฉันจะให้คะแนน "4" แทนที่จะเป็น "5"

คุณสมบัติเด่นอื่น ๆ – 3/5

WP Page Builder เป็นโปรแกรมสร้างเพจที่แข็งแกร่ง แต่ไม่ได้สร้างสิ่งพิเศษที่คุณได้รับจากผู้สร้างเพจอื่นๆ ตัวอย่างเช่น ไม่มีการสร้างธีม ตัวสร้างป๊อปอัป ฯลฯ

นอกเหนือจากตัวสร้างเพจแล้ว ฉันไม่เห็นคุณลักษณะใดที่โดดเด่นเลย

ล็อคอิน – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?