คู่มือ WordPress Elementor Page Builder ฉบับสมบูรณ์ 2026

Elementor คืออะไร และทำไมถึงเป็น Page Builder ที่นิยมที่สุด

Elementor เป็น Page Builder แบบ Drag-and-Drop ที่อนุญาตให้ผู้ใช้ WordPress สร้างเพจและแลนดิ้งเพจได้โดยไม่ต้องเขียนโค้ด HTML หรือ CSS ผู้ใช้งาน Elementor ทั่วโลกมีมากกว่า 12 ล้านเว็บไซต์ ทำให้มันเป็น Page Builder ที่ใหญ่ที่สุดสำหรับ WordPress ในปัจจุบัน

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

Elementor ใช้ได้กับเชื่อมต่อ Plugin, Theme ส่วนใหญ่ และมีไลบรารีของ Template ที่พร้อมใช้งาน ผู้ใช้สามารถเลือก Template จำนวนมากจากชุมชน Elementor หรือจากไลบรารีออนไลน์ของพวกเขา จากนั้นปรับแต่งให้สอดคล้องกับความต้องการของตนเอง

Elementor Free vs Elementor Pro: ควรเลือกแบบไหนดี

Elementor มี 2 รุ่นหลัก คือ Elementor Free และ Elementor Pro โดยเวอร์ชั่น Free ให้ใช้งานพื้นฐานที่ครอบคลุมความต้องการของเว็บไซต์ส่วนใหญ่ เช่น การสร้างเพจทั่วไป, การเพิ่มวิดเจ็ต, และการปรับแต่งสี/ฟอนต์

Elementor Pro เริ่มต้นที่ 59 ดอลลาร์ต่อปี (Essential Plan) และมีฟีเจอร์เพิ่มเติมที่ทรงพลัง เช่น Theme Builder, Popup Builder, WooCommerce Builder, Advanced Forms, Dynamic Content, และ Premium Templates ราคา Pro ยังมี Business Plan และ Agency Plan สำหรับผู้ใช้ที่มีความต้องการมากขึ้น

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

Hosting ที่เหมาะกับ Elementor ต้องการอะไรบ้าง

Elementor ต้องการเซิร์ฟเวอร์ที่มีสเปก ดังนี้ คือ PHP 7.4 ขึ้นไป (แนะนำ PHP 8.0 หรือสูงกว่า), WordPress 5.0 ขึ้นไป, Memory Limit อย่างน้อย 256MB (แนะนำ 512MB ขึ้นไป), และ SSD Storage เพื่อให้ความเร็วเว็บดี

เซิร์ฟเวอร์หรือ Hosting ที่มี SSL Certificate ยังเป็นสิ่งสำคัญ เพราะ Elementor Editor ต้องการ HTTPS เพื่อให้ทำงานได้เต็มที่ โดยเฉพาะอย่างยิ่งเมื่อใช้ฟีเจอร์ต่างๆ เช่น Form หรือ Integration กับบริการภายนอก

ดูแลด้านความเร็วเว็บ (Performance) ก็สำคัญเช่นกัน Hosting ที่มี Caching ที่ดี (เช่น Redis, Memcached) จะช่วยให้ Elementor ทำงานได้เร็วขึ้น ส่วน Hosting ที่เราแนะนำ คือ AsiaGB.com ซึ่งมี PHP 8.1, SSD Storage, Cloudflare CDN, และ DirectAdmin Panel ที่ใช้งานง่าย

วิธีติดตั้ง Elementor บน WordPress ขั้นตอนทีละขั้น

ขั้นแรก เข้าไปใน WordPress Dashboard โดยไปที่ yourdomain.com/wp-admin/ และใช้ User Admin ของคุณ จากนั้นค้นหา Plugin menu ทางด้านซ้ายมือ

เลือก Plugin → Add New จากนั้นค้นหา "Elementor" ในช่อง Search Plugins คุณจะเห็น Plugin ชื่อ "Elementor – Website Builder" ซึ่งเป็นของ Elementor.com (ตรวจสอบให้แน่ใจว่าเป็นของ Elementor ที่ถูกต้อง)

เมื่อพบแล้ว ให้คลิกปุ่ม Install Now จากนั้นคลิก Activate Plugin หลังจากติดตั้งเสร็จ คุณจะเห็น Menu ใหม่ชื่อ "Elementor" ปรากฏในด้านซ้ายของ Dashboard

ต่อไป ให้ไปสร้างเพจใหม่หรือแก้ไขเพจเดิม คลิก Edit with Elementor ที่ปรากฏในด้านบนของหน้า Elementor Editor จะเปิดขึ้น จากนั้นคุณสามารถเลือก Template (Layout) จากไลบรารี หรือเริ่มสร้างจากศูนย์

Elementor Widgets พื้นฐานที่ควรรู้

Elementor มี Widget (ส่วนประกอบ) มากมายที่คุณสามารถใช้สร้างเพจ Widget หลักๆ ที่ใช้บ่อย ได้แก่ Section (คอลัมน์ของเพจ), Column (แบ่งส่วนของ Section), Heading (ส่วนหัวข้อ), Text (ข้อความ), Image (ภาพ), Button (ปุ่มลิ้ง), และ Spacer (เว้นวรรค)

Widget ขั้นสูงกว่า ได้แก่ Form (สร้างแบบฟอร์มส่วนติดต่อ), Image Box (ภาพพร้อมเนื้อหา), Icon Box (ไอคอนพร้อมเนื้อหา), Testimonial (รีวิวจากลูกค้า), Price List (รายการราคา) และ Toggle (เปิดปิดกล่องข้อมูล)

สำหรับผู้ใช้ Pro จะมี Widget เพิ่มเติม เช่น Theme Builder (สร้าง Header/Footer), WooCommerce Builder (สำหรับเว็บขายสินค้า), Dynamic Content (เนื้อหาแบบไดนามิกจากฐานข้อมูล), และ Popup Builder (สร้าง Pop-up ที่ปลดปล่อยเมื่อเกิดเงื่อนไขต่างๆ)

การสร้าง Landing Page ด้วย Elementor (Template + Customization)

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

ในการสร้าง Landing Page คุณสามารถเลือก Template ที่มีอยู่แล้ว (Elementor มี Template ฟรีสำหรับ Free version) จากนั้นปรับแต่งสี, ฟอนต์, ข้อความ, และรูปภาพให้สอดคล้องกับแบรนด์ของคุณ คุณสามารถเพิ่มแบบฟอร์มติดต่อหรือปุ่มซื้อสินค้าให้กับ Landing Page ได้

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

Elementor และความเร็วเว็บ: ทำให้ช้าจริงไหม และวิธีแก้

Elementor เป็นที่รู้จักว่าอาจทำให้เว็บช้าลงได้ ขึ้นอยู่กับวิธีการใช้งาน โดยหลักๆ จะช้าเพราะ Elementor โหลด CSS และ JavaScript มากเกินไป หรือใช้ภาพที่ไม่ได้ปรับให้เหมาะสม

วิธีแก้ความเร็ว: อันดับแรก ใช้ Elementor Lazy Load Image เพื่อให้ภาพโหลดได้เมื่อผู้ใช้เลื่อนลงมา อันดับสอง ติดตั้ง Caching Plugin เช่น WP Super Cache หรือ W3 Total Cache เพื่อเก็บ Cache ของเพจ อันดับสาม ใช้ CDN (Content Delivery Network) เช่น Cloudflare เพื่อให้เนื้อหาหรือภาพแจกจ่ายจากเซิร์ฟเวอร์ที่ใกล้ผู้ใช้งาน

อันดับสี่ ปิดใช้งาน Widget ที่ไม่ใช้ (Disable non-essential widgets) หรือใช้ Plugin ที่ช่วยลดขนาด CSS/JavaScript ที่ไม่ใช้ เช่น Asset Cleanup หรือ StaticPress สำหรับผู้ใช้ Pro สามารถใช้ Elementor's Code Splitting feature เพื่อลดขนาด JavaScript ที่ต้องโหลด

Elementor Global Settings, Theme Builder และ Popup Builder (Pro)

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

Theme Builder (ฟีเจอร์ Pro) ช่วยให้สร้าง Header, Footer, Single Post Template, Archive Template โดยไม่ต้องแก้ไขไฟล์ PHP ของ Theme คุณสามารถสร้าง Header ที่คุณต้องการและใช้ได้กับทุกเพจของเว็บไซต์

Popup Builder (ฟีเจอร์ Pro) ช่วยให้สร้าง Pop-up ที่ปลดปล่อยตามเงื่อนไขต่างๆ เช่น เมื่อผู้ใช้เข้ามาครั้งแรก, เมื่อผู้ใช้เลื่อนลง 50%, หรือเมื่อผู้ใช้กำลังจะออกจากเพจ Pop-up นี้มักใช้สำหรับการเก็บอีเมล หรือส่วนเสริมการขาย

ปัญหาที่พบบ่อยใน Elementor และวิธีแก้ไข

ปัญหาที่พบบ่อยที่สุด คือ "Elementor Editor ไม่เปิด" โดยปกติเกิดจากหน่วยความจำ (Memory Limit) ไม่เพียงพอ วิธีแก้ คือ เพิ่ม Memory Limit ใน wp-config.php โดยเพิ่มบรรทัด define('WP_MEMORY_LIMIT', '512M'); ซึ่งจะเพิ่ม Memory Limit เป็น 512MB

ปัญหาที่สอง คือ "เพจไม่แสดงผลแก้ไขจาก Elementor" (Changes not saving) วิธีแก้ คือ ปิด Plugin ที่เก่า หรือเข้ากันไม่ได้กับ Elementor, อัพเดท Elementor และ WordPress เป็นเวอร์ชั่นล่าสุด, หรือเพิ่ม max_input_vars ใน php.ini

ปัญหาที่สาม คือ "เว็บช้า" วิธีแก้ดังที่กล่าวมาแล้วข้างต้น ได้แก่ ติดตั้ง Caching Plugin, ใช้ CDN, ปิดใช้ Widget ที่ไม่ใช้, ลบ CSS/JavaScript ที่ไม่ใช้

ปัญหาที่สี่ คือ "Form ไม่ส่งอีเมล" วิธีแก้ คือ ตรวจสอบการตั้งค่า SMTP ของเซิร์ฟเวอร์, ติดตั้ง Plugin เช่น WP Mail SMTP เพื่อให้ส่งอีเมลได้ดี, หรือตรวจสอบว่า Email Action ถูกตั้งค่าในแบบฟอร์ม