WordPress Landing Page คืออะไร? | วิธีสร้างหน้า Landing Page

เผยแพร่แล้ว: 2022-10-22

wordpress-landing-page หน้า Landing Page มีความสำคัญต่อเว็บไซต์ใดๆ เพื่อดึงดูดผู้เยี่ยมชมมากขึ้น และมีบทบาทสำคัญในการเปลี่ยนผู้เยี่ยมชมเว็บไซต์ให้เป็นลูกค้า

บทความนี้จะกล่าวถึงหน้า Landing Page เหตุผลที่คุณควรมี และเคล็ดลับในการสร้างหน้า Landing Page ที่มีประสิทธิภาพซึ่งจะช่วยเพิ่ม Conversion

สารบัญ

  1. แลนดิ้งเพจคืออะไร?
  2. หน้า Landing Page แตกต่างจากหน้าแรกอย่างไร
  3. วิธีสร้างหน้า Landing Page
  4. เคล็ดลับในการสร้างหน้า Landing Page ที่เปลี่ยนแปลงได้สูง

แลนดิ้งเพจคืออะไร?

หน้าเว็บที่ออกแบบมาเพื่อดึงดูดลูกค้าเป้าหมายและเปลี่ยนผู้เข้าชมเป็นลูกค้าเป็นหลัก เรียกว่า หน้า Landing Page อย่างไรก็ตาม มีแนวโน้มที่จะใช้ภาพจริงและการโน้มน้าวใจเพื่อดึงดูดผู้คน

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

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

จุดประสงค์ทั่วไปของหน้า Landing Page ทั้งหมดคือการเรียกร้องให้ดำเนินการ (CTA)

Landing Page แตกต่างจากหน้าแรกอย่างไร

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

กล่าวโดยย่อ หน้าแรกของคุณเชิญชวนผู้เยี่ยมชมให้เรียนรู้เพิ่มเติมเกี่ยวกับบริษัทของคุณ

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

เหตุใดจึงเปลี่ยนการเข้าชมที่ชำระเงินทั้งหมดของคุณไปยังหน้า Landing Page

คำตอบนั้นง่าย – เพื่อ ROAS ที่ดีขึ้น (ผลตอบแทนจากค่าโฆษณา)

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

เว็บไซต์มีหน้าแรกเพียงหน้าเดียว แต่สามารถสร้างหน้า Landing Page ได้มากเท่าที่คุณต้องการเพื่อวัตถุประสงค์ที่แตกต่างกัน การเข้าชมของคุณจากโฆษณา Google, Facebook และ Twitter, Instagram, จดหมายข่าว หรือการเข้าชมที่เสียค่าใช้จ่ายอื่นๆ ที่คุณขับรถมายังเว็บไซต์ของคุณอาจมีเป้าหมายที่แตกต่างกัน

วิธีสร้างหน้า Landing Page ที่สร้างผลกระทบ

I) สร้างหน้า Landing Page โดยใช้ Elementor

คุณสามารถใช้ Elementor และอินเทอร์เฟซการออกแบบแบบลากและวางเพื่อสร้างหน้า Landing Page ได้โดยใช้ขั้นตอนเหล่านี้ -

1. ติดตั้งและเปิดใช้งาน ปลั๊กอิน Elementor

2. ในการสร้างหน้า Landing Page ให้ไปที่ เทมเพลต >> คลิกที่หน้า Landing Page >> เพิ่มหน้า Landing Page ใหม่

หน้า Landing Page โดยใช้ Elementor

3. จากตัวแก้ไข Elementor ให้เลือกเทมเพลตหน้า Landing Page ที่สร้างไว้ล่วงหน้าหรือปิดไลบรารีเทมเพลต

หากคุณต้องการ ให้สร้างหน้า Landing Page ของคุณเองตั้งแต่เริ่มต้น

หน้า Landing Page โดยใช้ Elementor.2

4. ตั้งค่า Visual Editor ก่อนออกแบบหน้า Landing Page ให้ถูกต้อง

หมายเหตุ: เมื่อสร้างหน้า Landing Page คุณต้องมีหน้าที่สะอาดโดยไม่มีส่วนหัว ส่วนท้าย หรือแถบด้านข้าง

5. คุณจะสร้างด้วย Elementor โดยอัตโนมัติโดยใช้ เค้าโครงหน้า Elementor Canvas

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

หน้า Landing Page โดยใช้ Elementor.3

6. ตอนนี้คุณสามารถออกแบบหน้า Landing Page ได้อย่างอิสระด้วยคุณสมบัติต่างๆ ตั้งค่าส่วนบนของหน้า Landing Page ส่วนหัวและส่วนการนำทาง พื้นที่แกลเลอรี และอื่นๆ

7. บันทึกการเปลี่ยนแปลงโดยคลิกที่ ปุ่ม เผยแพร่ ; ไปที่หน้า Landing Page ของคุณ

รับโฮสติ้ง WordPress »

II) สร้างหน้า Landing Page ด้วยความช่วยเหลือของปลั๊กอิน: Beaver Builder

คุณสามารถสร้างหน้า Landing Page ได้อย่างง่ายดายด้วยตัวสร้างหน้า Beaver Drag & Drop WordPress; ทำตามขั้นตอนเหล่านี้ -

1. ติดตั้งและเปิดใช้งานปลั๊กอิน Beaver Builder

2. จากแดชบอร์ดของ WordPress ให้ไปที่ หน้า >> เพิ่มหน้าใหม่ เพื่อสร้างหน้า Landing Page แรกของคุณ

หน้า Landing Page พร้อมตัวสร้างบีเวอร์

3. ตอนนี้คลิกที่ปุ่ม Launch Beaver Builder เพื่อสร้างหน้า Landing Page

4. เลือกที่ Emplate ใต้ตัวเลือกหน้า Landing Page จากมุมบนขวาของหน้านั้น

ต่อไปนี้คือเทมเพลตสำเร็จรูปหลายแบบ

หน้า Landing Page กับ Beaver Builder 2

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

5. ตอนนี้ คลิกที่เนื้อหาและรูปภาพของหน้าเพื่อเริ่มแก้ไข

หน้า Landing Page กับ Beaver Builder 3

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

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

รับโฮสติ้ง WordPress »

III) สร้างหน้า Landing Page ด้วยความช่วยเหลือของ Divi –

Divi มีหมวดหมู่ที่จัดระเบียบของเทมเพลตหน้า Landing Page ที่พร้อมใช้งานซึ่งคุณสามารถใช้โดยทำตามขั้นตอนเหล่านี้ -

1. ติดตั้งและเปิดใช้งานปลั๊กอิน Divi Builder

2. หลังจากเปิดใช้งานปลั๊กอินแล้ว ให้สร้างหน้า Landing Page

3. ไปที่ หน้า >> เพิ่มหน้า ใหม่

wordpress-landing-page-using-divi

4. คลิกที่ปุ่ม ใช้ Divi Builder

คุณจะเห็นป๊อปอัปต้อนรับคุณ!

5. ตอนนี้ คลิกที่ ปุ่ม เริ่มสร้าง

หน้า Landing Page โดยใช้ Divi

6. คุณจะพบตัวเลือก "สร้างตั้งแต่เริ่มต้น", " เลือก เค้าโครง ที่สร้างไว้ล่วงหน้า" หรือ " โคลน หน้าที่มีอยู่ " ที่นั่น

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

หน้า Landing Page โดยใช้ Divi

7. คุณสามารถดูข้อมูลเลย์เอาต์และเทมเพลตเพิ่มเติมได้ในหน้าจอถัดไป

นอกจากนี้ ชุดเค้าโครงส่วนใหญ่ยังมาพร้อมกับเทมเพลตสำหรับหน้า Landing Page ที่คุณสามารถใช้ได้

8. ดำเนินการต่อโดยคลิกที่ปุ่ม ใช้เค้าโครง นี้

9. คุณจะถูกขอให้ระบุชื่อผู้ใช้บัญชี Divi และรหัส API ของคุณ

ค้นหาข้อมูลนั้นจากบัญชีเว็บไซต์ Elegant Themes ของคุณ

10. หลังจากติดตั้งเลย์เอาต์ที่คุณเลือก คุณสามารถดูตัวอย่างเพจของคุณได้จากตัวสร้างเพจ

11. ตอนนี้ เลือกองค์ประกอบแก้ไขจากหน้าจอของคุณ และวางเคอร์เซอร์เหนือข้อความจากองค์ประกอบข้อความเพื่อแก้ไขและเริ่มพิมพ์

คุณยังสามารถเห็นป๊อปอัปบนหน้าจอซึ่งคุณสามารถลองปรับแต่งต่างๆ ได้

12. เพิ่มส่วน โมดูล และแถวโดยคลิกที่ ไอคอน + ที่ใดก็ได้บนหน้า

Divi จะใช้แถว โมดูล และส่วนต่างๆ เพื่อสร้างเค้าโครง

13. หลังจากที่คุณพอใจกับการแก้ไขแล้ว ให้คลิก ปุ่ม เผยแพร่

14. คุณสามารถออกจากแผงผู้ดูแลระบบ WordPress ได้โดยคลิกที่ Exit Visual Builder

15. คุณจะถูกเปลี่ยนเส้นทางไปยังหน้า Landing Page เวอร์ชันใช้งานจริง ซึ่งคุณสามารถดำเนินการแก้ไขต่อได้อีกครั้งจากปุ่ม เปิดใช้งาน Visual Editor ที่ด้านบนสุดของ Toolbar

รับโฮสติ้ง WordPress »

เคล็ดลับในการสร้างหน้า Landing Page ที่เปลี่ยนแปลงได้สูง

I) ตัดสินใจเกี่ยวกับเป้าหมายของการกลับใจใหม่

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

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

II) มีค่านิยมที่ชัดเจน

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

III) คำกระตุ้นการตัดสินใจ

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

บทสรุป:

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