Elementor Pro เทียบกับ Beaver Builder 2022

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

ในบทความนี้ เราจะนำเสนอเครื่องมือสร้างเพจแบบลากและวางของ WordPress ที่ได้รับความนิยมมากที่สุดสองรายการ: Elementor Pro และ Beaver Builder

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

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

Elementor Pro

Elementor ได้รับความนิยมในทันทีเมื่อเปิดตัวครั้งแรกในเดือนมิถุนายน 2559 ปลั๊กอินสามารถจัดการการติดตั้งที่เปิดใช้งานได้มากกว่า 10,000 ครั้งในเวลาเพียงสามเดือน และ 15 เดือนต่อมา นักพัฒนาได้ขยายฐานผู้ใช้ของพวกเขาจาก 10,000 เป็นผู้ใช้มากกว่า 300,000 คน

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

Elementor ให้คุณควบคุมทุกหน้าบนเว็บไซต์ของคุณได้อย่างสมบูรณ์โดยใช้โปรแกรมแก้ไขภาพส่วนหน้าที่สวยงาม

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

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

คุณจะยินดีที่ทราบว่าคุณสามารถใช้วิดเจ็ต WordPress กับ Elementor ได้ นี่เป็นการเปิดโอกาสที่ไร้ขีดจำกัดในการรวมวิดเจ็ตจากปลั๊กอิน WordPress ที่คุณชื่นชอบ

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

การใช้ Elementor Pro

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

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

เมื่อใช้ตัวแก้ไขแบบคลาสสิกของ WordPress ปุ่ม "แก้ไขด้วย Elementor" จะแสดงอยู่เหนือโปรแกรมแก้ไขภาพ

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

Elementor หมายถึงวิดเจ็ตเนื้อหาเป็นองค์ประกอบ แม้ว่าจะทำให้เกิดความสับสนก็ตาม แถบค้นหาระบุว่า "Search Widget" ที่ด้านบนของแผง องค์ประกอบทั้งหมดจะแสดงเป็นสองคอลัมน์

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

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

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

ที่ด้านบนสุดของแผงจะมีโลโก้ Elementor และปุ่มสองปุ่มทางด้านซ้ายและด้านขวา

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

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

มีตัวเลือกมากมายให้เลือกในพื้นที่การตั้งค่าไซต์ มีตัวเลือกในการปรับเปลี่ยนสีและฟอนต์สากล แบบอักษร ปุ่ม เลย์เอาต์ และอื่นๆ

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

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

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

เทมเพลตที่ออกแบบไว้ล่วงหน้าของ Elementor

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

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

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

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

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

คุณจะพบเทมเพลตหน้าสำหรับช่องต่างๆ มากมาย มีเทมเพลตสำหรับร้านกาแฟ สำนักงานกฎหมาย เว็บไซต์กีฬา เทศกาล บริษัทอสังหาริมทรัพย์ หน้าเร็วๆ นี้ เพจเกี่ยวกับ ร้านค้าออนไลน์ และอื่นๆ อีกมากมาย

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

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

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

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

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

การขยายขอบเขตเนื้อหา

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

คุณยังสามารถสร้างการออกแบบเว็บไซต์ที่สมบูรณ์ได้โดยใช้ Elementor Theme Builder สามารถใช้เพื่อสร้างหน้าเต็ม ส่วน ส่วนหัว ส่วนท้าย โพสต์ และอื่นๆ

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

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

เพื่อใช้ประโยชน์จากตัวสร้างธีมอย่างเต็มที่ ฉันขอแนะนำให้ใช้ Elementor Hello Theme คุณสามารถดาวน์โหลดได้ฟรีจาก WordPress.org หรือพื้นที่ผู้ดูแลระบบของคุณ

ธีม WordPress ที่เรียบง่ายนี้ทำหน้าที่เป็นพื้นที่ว่าง ทำให้ง่ายต่อการสร้างหน้า Landing Page และการออกแบบแบบเต็มหน้า เป็นโซลูชันน้ำหนักเบาที่จะไม่ขัดแย้งกับปลั๊กอิน WordPress ใดๆ

สวัสดี มีตัวเลือกการออกแบบที่เรียบง่ายเพียงไม่กี่ตัวในเครื่องมือปรับแต่งเอง เนื่องจากนักพัฒนาต้องการให้การปรับแต่งเว็บไซต์ทั้งหมดเกิดขึ้นภายในตัวแก้ไข Elementor

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

การตั้งค่า Elementor Pro

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

คุณสามารถป้อนคีย์ reCAPTCHA และคีย์ API สำหรับ Facebook, MailChimp และบริการบุคคลที่สามอื่นๆ ได้ในหน้าการตั้งค่าการรวม

Elementor รองรับแบบอักษรและไอคอนที่กำหนดเอง นอกจากนี้ยังมีตัวจัดการบทบาท ให้คุณกำหนดกลุ่มผู้ใช้ WordPress ที่สามารถเข้าถึงตัวแก้ไขและกลุ่มใดที่สามารถแก้ไขได้เท่านั้น

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

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

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

วิธีการจัดวางพื้นที่การตั้งค่าค่อนข้างแปลก มีพื้นที่การตั้งค่าและพื้นที่เครื่องมือ โดยมีสี่ส่วนที่แตกต่างกันในแต่ละส่วน หน้าการตั้งค่าเดียวที่แสดงรายการตัวเลือกทั้งหมดในสองสามแท็บจะเหมาะสมกว่า

หาก Elementor สามารถดาวน์โหลดได้ฟรี ทำไมต้องอัพเกรด?

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

คำตอบนั้นง่าย แม้ว่า Elementor เวอร์ชันปกติจะดี แต่เวอร์ชัน Pro ก็ยอดเยี่ยม

วิดเจ็ตเนื้อหา (องค์ประกอบ) 50+ รายการที่รวมอยู่ใน Elementor Pro ประกอบด้วยวิดเจ็ต WooCommerce ที่จำเป็นสำหรับร้านค้าออนไลน์ วิดเจ็ตโพสต์เพื่อช่วยเผยแพร่โพสต์ในบล็อก วิดเจ็ตสไลด์ วิดเจ็ตราคา วิดเจ็ตการเข้าสู่ระบบ และวิดเจ็ตโซเชียลมีเดียมากมาย เทมเพลตที่ออกแบบไว้ล่วงหน้าส่วนใหญ่จะมีให้ใช้งานใน Elementor Pro เท่านั้น

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

อย่าลืมเกี่ยวกับ Elementor Theme Builder ที่น่าทึ่งด้วย

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

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

ราคา Elementor Pro

Elementor มีนโยบายการกำหนดราคาที่เรียบง่ายและยุติธรรมสำหรับผู้ที่ต้องการอัปเกรดจากเวอร์ชันฟรี

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

$49 ต่อปีเป็นราคาที่น่าดึงดูดใจในการอัปเกรดเป็น Elementor เวอร์ชันโปร เป็นเพียง $ 99 หากคุณต้องการใบอนุญาตเว็บไซต์สามใบและ $ 199 หากคุณต้องการใบอนุญาตเว็บไซต์ 1,000 รายการ

ผู้ใช้ WordPress ทุกคนสามารถติดตั้ง Elementor เวอร์ชันฟรีเพื่อทำความคุ้นเคยกับสิ่งที่ปลั๊กอินสามารถทำได้และไม่สามารถทำได้ อย่างไรก็ตาม Elementor Pro ยังคงมาพร้อมกับการรับประกันคืนเงินภายใน 30 วัน

ในอดีต Elementor เสนอส่วนลดให้ลูกค้าในการต่ออายุใบอนุญาต แต่ดูเหมือนว่าพวกเขาจะไม่มีข้อเสนอนี้อีกต่อไป

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

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

เช่นเดียวกับ Elementor Beaver Builder ให้คุณปรับแต่งเว็บไซต์ของคุณโดยใช้โปรแกรมแก้ไขภาพส่วนหน้า ปลั๊กอินเวอร์ชันฟรีมีให้ใช้งานแล้ว (เพิ่มเติมในภายหลัง) แต่เป็นเวอร์ชันพรีเมียมที่ทุกคนคุ้นเคย

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

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

มีวิดเจ็ตเนื้อหาที่ไม่ซ้ำกัน 35 รายการซึ่งเรียกว่าโมดูล และคุณยังสามารถใช้วิดเจ็ต WordPress เริ่มต้นและของบุคคลที่สามได้ โมดูลเนื้อหาทั้งหมดถูกจัดหมวดหมู่เพื่อช่วยให้คุณค้นหาได้อย่างรวดเร็ว มีโมดูลพื้นฐาน 10 โมดูล โมดูลสื่อ 9 โมดูล โมดูลการทำงาน 7 โมดูล โมดูลเลย์เอาต์ 4 โมดูล โมดูลข้อมูล 2 โมดูล และโมดูลโพสต์ 3 โมดูล

เค้าโครงทั้งหมดสามารถบันทึกและนำไปใช้กับหน้าอื่นๆ ได้ และยังมีหน้า Landing Page และหน้าเนื้อหาที่สร้างไว้ล่วงหน้าหลายสิบหน้าให้เลือก

เฟรมเวิร์กที่เรียกว่า Beaver Builder Theme จะรวมอยู่ในใบอนุญาตราคาสูงกว่าสำหรับ Beaver Builder

การใช้ตัวสร้างบีเวอร์

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

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

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

คุณยังสามารถเปิดใช้ Beaver Builder ได้จากเครื่องมือแก้ไขแบบคลาสสิก

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

อินเทอร์เฟซ Beaver Builder นั้นใช้งานง่ายมากและทุกอย่างก็โหลดเร็ว ฉันได้ทดสอบตัวสร้างเพจ WordPress หลายสิบตัวแล้ว และตัวสร้างบีเวอร์คือตัวสร้างที่โหลดเลย์เอาต์ กล่อง และการตั้งค่าได้เร็วที่สุดเสมอ

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

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

การคลิกเครื่องหมายบวกจะเป็นการโหลดแผงการสร้างหน้าหลัก

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

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

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

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

หากเรากลับไปที่แผงหลัก เราจะพบว่ามีสี่แท็บที่แตกต่างกัน: โมดูล แถว เทมเพลต และที่บันทึกไว้

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

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

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

มีเทมเพลตผ้าใบเปล่า เทมเพลตหน้า Landing Page 30 รายการ และเทมเพลตเนื้อหา 30 รายการ

แม้ว่า Beaver Builder จะมีเทมเพลตน้อยกว่า Elementor Pro แต่ก็มีการออกแบบที่ผสมผสานกันได้ดีกว่า เทมเพลตบางส่วนที่นำเสนอใน Elementor Pro นั้นไม่ชัดเจน สิ่งที่อยู่ใน Beaver Builder ดูเหมือนว่าพวกเขาจะเหมาะกับเจ้าของเว็บไซต์มากขึ้น

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

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

เทมเพลตจะถูกแทรกลงในเพจของคุณอย่างรวดเร็วเช่นกัน

คุณจะพบตัวเลือกมากมายผ่านเมนูเครื่องมือที่ด้านซ้ายมือของเมนูการนำทางด้านบน

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

คุณสามารถเปลี่ยน CSS, JavaScript และการตั้งค่าส่วนกลางอื่นๆ เช่น ระยะขอบและช่องว่างภายในได้

Beaver Builder ขาดตัวเลือกการปรับแต่งขั้นสูงบางอย่างที่พบใน Elementor Pro และโซลูชันอื่นๆ เช่น Divi Builder แม้ว่าจะยอดเยี่ยมในด้านอื่นๆ

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

ธีมตัวสร้างบีเวอร์

ธีม Beaver Builder รวมอยู่ในใบอนุญาต Pro และ Agency ของ Beaver Builder

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

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

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

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

ธีมบีเวอร์ไม่รวมอยู่ในใบอนุญาตมาตรฐานเช่นกัน นักพัฒนาขอเงินอีก 100 เหรียญเพื่อรับการสนับสนุนหลายไซต์ของ Beaver Theme และ WordPress

ในมุมมองนี้ ในราคา $89/ปี คุณสามารถสมัครสมาชิก Elegant Themes และเข้าถึง Divi และปลั๊กอินและธีม WordPress ระดับพรีเมียมอื่นๆ

หาก Beaver Theme รวมอยู่ในใบอนุญาตมาตรฐาน มันจะเป็นโบนัสที่ดี ธีมนี้มีเหตุผลบางประการในการอัพเกรด

การตั้งค่าตัวสร้างเพจ

Beaver Builder มีพื้นที่การตั้งค่าขนาดเล็กสำหรับตัวสร้างเพจซึ่งอยู่ในเมนูการตั้งค่าหลักของ WordPress

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

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

ส่วนไอคอนช่วยให้คุณปิดใช้งานไอคอน Font Awesome, ไอคอนพื้นฐาน และแดชบอร์ด WordPress

สุดท้าย ส่วนเครื่องมือช่วยให้คุณล้างแคชและเปิดใช้งานโหมดแก้ไขข้อบกพร่อง นอกจากนี้ยังมีตัวเลือกถอนการติดตั้งที่จะลบ Beaver Builder ออกจากฐานข้อมูลเว็บไซต์ของคุณโดยสมบูรณ์ นี่เป็นคุณสมบัติที่ฉันอยากให้นักพัฒนาทุกคนเพิ่มลงในผลิตภัณฑ์ WordPress ของตน

ตัวสร้างบีเวอร์สามารถดาวน์โหลดได้ฟรีเช่นกัน

Beaver Builder เวอร์ชันฟรีสามารถดาวน์โหลดได้ที่ WordPress.org หรือโดยตรงจากส่วนผู้ดูแลระบบ WordPress ของคุณ

ปัจจุบัน Beaver Builder Lite มีการใช้งานบนเว็บไซต์ WordPress มากกว่า 300,000 เว็บไซต์ แต่ในความคิดของฉัน มันจำกัดเกินไปและเป็นโฆษณาที่ไม่ดีสำหรับผลิตภัณฑ์หลัก ในทางตรงกันข้าม Elementor เวอร์ชันฟรีเป็นทางออกที่ดีกว่า เนื่องจากมีฟีเจอร์มากกว่าและข้อจำกัดน้อยกว่าอย่างเห็นได้ชัด

Beaver Builder เวอร์ชัน Lite ไม่มีระบบเทมเพลตและมีวิดเจ็ตเนื้อหาเพียง 6 รายการเท่านั้น ได้แก่ เสียง, HTML, รูปภาพ, โปรแกรมแก้ไขข้อความ, วิดีโอ และแถบด้านข้าง วิดเจ็ต WordPress ที่เป็นค่าเริ่มต้นและของบุคคลที่สามก็สามารถใช้ได้เช่นกัน

เมื่อผลิตภัณฑ์ WordPress ถูกเผยแพร่บนพื้นฐาน freemium คำแนะนำของฉันคือให้ทดสอบเวอร์ชันฟรีก่อนเพื่อดูว่าคุณชอบหรือไม่ Beaver Builder Lite เป็นข้อยกเว้น เป็นปลั๊กอินที่ง่ายมากและไม่แสดงให้ผู้ใช้เห็นว่าเวอร์ชันพรีเมียมนั้นยอดเยี่ยมเพียงใด

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

ในขณะที่แผนของ Elementor Pro มีราคาตามจำนวนเว็บไซต์ที่คุณติดตั้งปลั๊กอิน แผนของ Beaver Builder จะจำกัดคุณสมบัติ

แผน Beaver Builder ทั้งหมดให้การสนับสนุนเป็นเวลาหนึ่งปี และสามารถติดตั้งได้บนเว็บไซต์ไม่จำกัดจำนวน

ใบอนุญาตมาตรฐานขายปลีกที่ 99 ดอลลาร์ การอัปเกรดเป็นสิทธิ์ใช้งานแบบมืออาชีพที่ $199 จะเพิ่มธีม Beaver Builder และความสามารถของ WordPress หลายไซต์ ใบอนุญาตเอเจนซี่ราคา 399 ดอลลาร์ถูกสร้างขึ้นสำหรับบริษัทที่ต้องการรีแบรนด์ Beaver Builder โดยใช้ไวท์เลเบล

Beaver Builder เสนอการรับประกันคืนเงินภายใน 30 วัน ณ วันที่ต่ออายุ ใบอนุญาตของคุณจะต่ออายุโดยอัตโนมัติพร้อมส่วนลด 40% (เว้นแต่คุณจะปิดการต่ออายุอัตโนมัติในบัญชีของคุณ)

ส่วนลดการต่ออายุลดราคารายปีของ Beaver Builder ลงเหลือ 59.40 ดอลลาร์สำหรับใบอนุญาตมาตรฐาน, 119.40 ดอลลาร์สำหรับใบอนุญาตแบบโปร และ 239.40 ดอลลาร์สำหรับใบอนุญาตเอเจนซี่

Elementor Pro vs Beaver Builder: สรุป

Elementor Pro และ Beaver Builder เป็นสองเครื่องมือสร้างหน้าลากและวาง WordPress ที่ดีที่สุดในตลาด

มาทบทวนจุดแข็งและจุดอ่อนของปลั๊กอินแต่ละตัวกัน

ข้อดี Elementor Pro:

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

ข้อเสีย Elementor Pro:

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

ข้อดี Beaver Builder:

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

ข้อเสียของตัวสร้างบีเวอร์:

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

หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับปลั๊กอินเหล่านี้ โปรดดูบทวิจารณ์เฉพาะของเราเกี่ยวกับ Elementor Pro และ Beaver Builder และการเปรียบเทียบ Beaver Builder และ Visual Composer ด้วย

คุณชอบตัวสร้างหน้าแบบลากและวางตัวใด แจ้งให้เราทราบในพื้นที่แสดงความคิดเห็นด้านล่าง

เควิน