วิธีสร้างหน้า Landing Page แบบไดนามิกใน WordPress

เผยแพร่แล้ว: 2022-01-11
How to Create a Dynamic Landing Page in WordPress

คุณต้องการสร้างหน้า Landing Page แบบไดนามิกหรือไม่?

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

หน้า Landing Page แบบไดนามิกช่วยเพิ่ม Conversion ด้วยข้อความส่วนบุคคลและข้อมูลที่เกี่ยวข้อง และง่ายต่อการสร้างด้วยปลั๊กอิน WordPress ที่เหมาะสม

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

คุณต้องการอะไรเพื่อสร้างหน้า Landing Page แบบไดนามิก?

หน้า Landing Page แบบธรรมดาก็เหมือนกับหน้าเว็บอื่นๆ ที่มีเนื้อหา กราฟิก และแบบฟอร์มการสมัครรับอีเมลที่จะปรากฏในลักษณะเดียวกันกับผู้เยี่ยมชมทุกคน

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

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

ปลั๊กอินที่เราแนะนำให้ใช้คือ SeedProd ซึ่งเป็นปลั๊กอินหน้า Landing Page ที่ดีที่สุดสำหรับ WordPress มันมาพร้อมกับเครื่องมือสร้างหน้าแบบลากและวางและเครื่องมือเฉพาะทั้งหมดที่คุณต้องการเพื่อสร้างหน้า Landing Page แบบไดนามิก

SeedProd

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

  • เร็วๆ นี้/หน้าโหมดบำรุงรักษา
  • หน้า Landing Page ของแอป
  • หน้าการขาย / optin
  • ขอบคุณเพจ
  • เว็บบินาร์/หน้าพอดคาสต์

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

SeedProd ยังทำงานร่วมกับบริการการตลาดผ่านอีเมลของบริษัทอื่น เช่น Constant Contact, Mailchimp, ActiveCampaign, ConvertKit และอื่นๆ ซึ่งจะช่วยในการรวบรวมอีเมลจากผู้ใช้ที่เข้าชมหน้า Landing Page แบบไดนามิกของคุณ

SeedProd ให้คุณควบคุมการตั้งค่าเพจของคุณได้อย่างเต็มที่ มีตัวเลือกในการเพิ่ม CSS ที่กำหนดเองหากคุณต้องการ

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเหตุผลที่เราเลือก SeedProd คุณจะต้องการดู SeedProd Review ฉบับสมบูรณ์ของเรา

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

ขั้นตอนที่ 1. ติดตั้งและเปิดใช้งานปลั๊กอิน SeedProd

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

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

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

seedprod license and download

คัดลอกรหัสใบอนุญาตจากที่นี่และกลับไปที่บัญชีผู้ดูแลระบบ WordPress ของคุณ คุณต้องวางรหัสใบอนุญาตในหน้าการตั้งค่า SeedProd

Verify license key

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

ขั้นตอนที่ 2 เพิ่มหน้า Landing Page ใหม่ใน WordPress

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

Create first landing page

SeedProd มาพร้อมกับสี่หน้าในตัว:

  1. เร็วๆ นี้
  2. โหมดบำรุงรักษา
  3. หน้าเข้าสู่ระบบ
  4. 404 หน้าแสดงข้อผิดพลาด

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

add new landing page in seedprod

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

Choose template filters

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

ป๊อปอัปจะเปิดขึ้นในตำแหน่งที่คุณต้องป้อนรายละเอียดของหน้า รวมทั้งชื่อหน้าและ URL

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

ขั้นตอนที่ 3 ปรับแต่งและแก้ไขหน้า Landing Page ของคุณ

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

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

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

SeedProd ยังทำงานร่วมกับ WooCommerce และช่วยให้คุณสามารถเพิ่มบล็อกต่างๆ เช่น:

  • ตารางผลิตภัณฑ์
  • สินค้าล่าสุด
  • สินค้าขายดี/แนะนำ
  • หยิบใส่ตะกร้า
  • รถเข็น
  • เช็คเอาท์

…และอื่น ๆ!

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

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

ขั้นตอนที่ 4 จัดการการตั้งค่าสำหรับหน้า Landing Page ของคุณ

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

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

ภายในหน้าการตั้งค่า มีสี่ตัวเลือก:

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

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

ไปที่แท็บ การตั้งค่าหน้า จากเมนูการนำทางด้านบน

คุณจะเห็นตัวเลือกต่อไปนี้ตามแผน SeedProd ของคุณ:

  • ทั่วไป – รวมถึงชื่อหน้า URL ของหน้า สถานะหน้า และการตั้งค่าหน้าพื้นฐานอื่นๆ
  • SEO – SeedProd ทำงานร่วมกับปลั๊กอิน SEO ยอดนิยม เช่น All in One SEO เพื่อช่วยจัดอันดับหน้า Landing Page แบบไดนามิกของคุณ นอกจากนี้ยังช่วยให้คุณสามารถตั้งค่าข้อมูลเมตาเพื่อเพิ่มการเข้าชมอินทรีย์ของคุณ
  • การวิเคราะห์ – การตั้งค่านี้กำหนดให้คุณต้องติดตั้งปลั๊กอิน MonsterInsights เมื่อติดตั้งแล้ว คุณสามารถตรวจสอบสถิติสำหรับเพจของคุณ รวมถึงพฤติกรรมและกิจกรรมของผู้ใช้
  • สคริปต์ – หากคุณเป็นนักพัฒนา คุณสามารถเพิ่มสคริปต์ที่กำหนดเองในส่วนหัว เนื้อหา และส่วนท้ายของหน้าได้

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

ขั้นตอนที่ 5. เพิ่มข้อความแบบไดนามิกไปยังหน้า Landing Page ของคุณ

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

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

โดยค่าเริ่มต้น SeedProd มาพร้อมกับตัวเลือกข้อความไดนามิกสองตัวเลือก:

  1. วันเวลา
  2. พารามิเตอร์แบบสอบถาม

วันเวลา

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

  • วันนี้
  • พรุ่งนี้
  • วันที่วันนี้
  • วันที่พรุ่งนี้
  • เดือน
  • เดือนหน้า
  • ปี

ตัวอย่างเช่น หากคุณเขียนว่า “50% Flat Sale Starts on [date]” คุณสามารถเลือกตัวเลือก Tomorrow Date จากเมนูดร็อปดาวน์ และจะเพิ่มรหัสย่อให้กับข้อความของคุณ

seedprod-dynamic-page-by-date

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

พารามิเตอร์แบบสอบถาม

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

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

พารามิเตอร์การค้นหามักจะเป็นการปรับแต่งขั้นสูง อย่างไรก็ตาม การตั้งค่าข้อความแบบไดนามิกของ SeedProd ทำได้ง่ายและสะดวก

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

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

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

ตอนนี้ เมื่อผู้ใช้เข้าชมเว็บไซต์ของคุณด้วยพารามิเตอร์ตำแหน่งใน URL ของพวกเขา (http://example.com/?location=London) ข้อความจะปรากฏเป็น “Find Driving Assistance Near London” หากไม่มีพารามิเตอร์ SeedProd จะแสดง "Find Driving Assistance Near You"

seedprod-dynamic-page-by-location

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

อย่าลืมคลิกที่ปุ่ม บันทึก ก่อนที่จะไปยังขั้นตอนถัดไป

ขั้นตอนที่ 6 เชื่อมต่อบริการอีเมลกับหน้า Landing Page แบบไดนามิกของคุณ

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

จากเมนูการนำทางด้านบน ให้เปิดแท็บ เชื่อมต่อ จะแสดงบริการการตลาดผ่านอีเมลยอดนิยมหลายสิบรายการ

Connect email service

เลือกผู้ให้บริการของคุณและคลิกที่ปุ่ม Connect New Account เพื่อกำหนดค่า

Connect new account

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

ขั้นตอนที่ 7 แสดงหน้า Landing Page แบบไดนามิกของคุณใน WordPress

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

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

ป๊อปอัปจะปรากฏขึ้นบนหน้าจอพร้อมข้อความแสดงความสำเร็จ คุณสามารถคลิกที่ปุ่ม See Live Page เพื่อไปที่หน้า Landing Page แบบไดนามิกของคุณ

ตรวจสอบหน้า Landing Page ของคุณให้ดี และตรวจสอบให้แน่ใจว่าทุกอย่างทำงานตามความต้องการของคุณ

หากคุณต้องการเปลี่ยนแปลงหน้า Landing Page แบบไดนามิก คุณสามารถกลับไปปรับแต่งด้วยเครื่องมือสร้างหน้า SeedProd ที่ใช้งานง่าย

นั่นคือทั้งหมดที่เรามีให้คุณในวันนี้ เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีสร้างหน้า Landing Page แบบไดนามิกใน WordPress

เมื่อคุณรู้วิธีใช้ SeedProd แล้ว คุณอาจต้องการดูคำแนะนำต่อไปนี้ของเรา:

  • วิธีสร้าง Splash Page อันน่าทึ่งสำหรับไซต์ WordPress ของคุณ
  • วิธีสร้าง Custom Under Construction Page ใน WordPress
  • วิธีสร้างหน้าขายใน WordPress (ทีละขั้นตอน)

บทความเหล่านี้จะช่วยคุณสร้างหน้า Landing Page ประเภทต่างๆ ใน ​​WordPress คุณจึงเพิ่มเนื้อหาแบบไดนามิกในหน้าขายและเพิ่มรายได้ได้