สร้างและเผยแพร่หน้า Landing Page

Published: 16 กรกฎาคม 2569 · Last updated: 21 กรกฎาคม 2569 · By Marcus Biel

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

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

คู่มือนี้อธิบายฟังก์ชันที่มีเฉพาะใน Landing Page ส่วนเลย์เอาต์ บล็อกเนื้อหา การแก้ไขข้อความ ช่องข้อมูลในแบบฟอร์ม แท็ก การตั้งค่าดีไซน์ เลเยอร์ และขั้นตอนการสมัครสมาชิก อธิบายไว้แล้วใน คู่มือเครื่องมือสร้างแบบฟอร์มสมัครสมาชิก

การสร้าง Landing Page

เปิด “Signup Forms” คลิก “Create Form” แล้วเลือก “Landing Page” ตั้งชื่อภายในที่ชัดเจนและไปต่อยังเครื่องมือสร้าง

คุณยังสามารถเปิด Landing Page ที่มีอยู่แล้วได้โดยคลิกชื่อของหน้าใน ภาพรวม Signup Forms หรือเลือก “Edit Form” จากเมนูการดำเนินการ

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

การเลือกเทมเพลต Landing Page

เครื่องมือสร้าง Landing Page มีจุดเริ่มต้นให้เลือกห้าแบบ:

Blank Page — เริ่มต้นด้วยพื้นที่ว่างสำหรับดีไซน์แบบกำหนดเองทั้งหมด

Newsletter Signup — หน้าทั่วไปสำหรับเพิ่มจำนวนผู้ติดตามจดหมายข่าว

Lead Magnet — หน้าที่ออกแบบโดยมีข้อเสนอให้ดาวน์โหลดหรือสิ่งจูงใจในการสมัครสมาชิกเป็นแกนหลัก

Webinar Signup — หน้าลงทะเบียนสำหรับเว็บบินาร์ การฝึกอบรมสด หรืออีเวนต์ออนไลน์

Waitlist — หน้าสำหรับรวบรวมความสนใจก่อนที่ผลิตภัณฑ์ บริการ หรืออีเวนต์จะพร้อมให้บริการ

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

การสร้างหน้าด้วยส่วนต่าง ๆ

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

Hero with signup form — ส่วนเปิดหน้าที่โดดเด่น นำเสนอข้อเสนอและวางแบบฟอร์มไว้ใกล้กับข้อความหลัก

Benefit cards — การ์ดสามใบสำหรับอธิบายข้อดีหรือผลลัพธ์ที่สำคัญที่สุด

Image/text split — ส่วนแบบสองคอลัมน์สำหรับผสานรูปภาพเข้ากับข้อความประกอบ

Testimonial — ส่วนสำหรับความคิดเห็นจากลูกค้า คำพูดอ้างอิง หรือหลักฐานทางสังคมรูปแบบอื่น

FAQ — ส่วนคำถามและคำตอบสำหรับคลายข้อกังวลที่พบบ่อยก่อนสมัครสมาชิก

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

ใช้ส่วนต่าง ๆ เพื่อสร้างลำดับที่เข้าใจง่าย:

1. อธิบายข้อเสนอ
2. แสดงให้เห็นว่าเหตุใดข้อเสนอนั้นจึงมีคุณค่า
3. ตอบคำถามที่คาดว่าจะเกิดขึ้นหรือแสดงหลักฐาน
4. เชิญชวนผู้เยี่ยมชมให้สมัครสมาชิก

คุณไม่จำเป็นต้องใช้ทุกส่วน หน้าที่มุ่งเน้นข้อเสนอที่ชัดเจนเพียงหนึ่งอย่างมักเข้าใจได้ง่ายกว่าหน้าที่มีข้อมูลไม่เกี่ยวข้องจำนวนมาก

การเพิ่มแบบฟอร์มสมัครสมาชิก

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

เทมเพลตส่วนใหญ่มีแบบฟอร์มสมัครสมาชิกอยู่แล้ว หากคุณเริ่มจากหน้าว่าง ให้เปิด “Content” แล้วเพิ่ม “Signup form” เมื่อมีแบบฟอร์มแล้ว เครื่องมือสร้างจะป้องกันไม่ให้เพิ่มบล็อกแบบฟอร์มสมัครสมาชิกที่สอง

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

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

การใช้รูปภาพ วิดีโอ และเนื้อหาประกอบ

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

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

บล็อกวิดีโอรองรับ YouTube, Vimeo, URL สำหรับฝัง และไฟล์วิดีโอโดยตรง คุณสามารถกำหนดค่ารูปภาพตัวอย่างและสไตล์ปุ่มเล่นแยกกันได้

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

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

การตั้งค่าลักษณะที่ปรากฏของหน้า

เปิด “Page settings” ในแถบด้านขวาเพื่อกำหนดดีไซน์โดยรวมของหน้า

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

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

ใช้ “Preview” เป็นประจำขณะแก้ไข ตรวจสอบว่าข้อเสนอสมัครสมาชิกเข้าใจได้ก่อนเลื่อนหน้า ปุ่มค้นหาได้ง่าย และรูปภาพไม่ดึงความสนใจมากเกินไปจนกลบแบบฟอร์ม

การบันทึกร่าง Landing Page

คุณสามารถบันทึก Landing Page เป็นฉบับร่างโดยยังไม่เผยแพร่สู่สาธารณะ

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

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

การเปิดการตั้งค่าการเผยแพร่

คลิก “Publish” เมื่อเวอร์ชันแรกพร้อม สำหรับหน้าสาธารณะที่มีอยู่แล้ว ปุ่มอาจแสดงเป็น “Publish changes” หรือ “Manage publication”

หน้าต่างการเผยแพร่รวบรวมทุกสิ่งที่จำเป็นในการทำให้ Landing Page เป็นสาธารณะ:

• สถานะการเผยแพร่
• ที่อยู่สาธารณะ
• ขั้นตอนการสมัครสมาชิกและผลกระทบต่อจำนวนสมาชิก
• ตัวอย่างการค้นหา
• รูปภาพสำหรับการแชร์บนโซเชียล
• Favicon
• โปรไฟล์ข้อมูลทางกฎหมายของหน้าที่โฮสต์
• ความพร้อมในการเผยแพร่

Maildroppa จะตรวจสอบการตั้งค่าเหล่านี้ก่อนเผยแพร่ หากมีสิ่งที่จำเป็นขาดหาย ส่วน “Ready to publish” จะอธิบายสิ่งที่ต้องดำเนินการและแสดงการดำเนินการให้ทำเมื่อเป็นไปได้

การเลือกที่อยู่สาธารณะ

Landing Page ที่เผยแพร่ทุกหน้าต้องมีที่อยู่สาธารณะที่ไม่ซ้ำกัน

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

ตัวอย่างเช่น ที่อยู่แบบกำหนดเองอาจใช้เส้นทางอย่าง /newsletter, /webinar หรือ /summer-guide

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

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

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

การตรวจสอบขั้นตอนการสมัครสมาชิก

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

ตรวจสอบว่าจะเกิดอะไรขึ้นหลังส่งแบบฟอร์ม อีเมล Double Opt-in ฉบับใดที่จะถูกส่ง และจะเกิดอะไรขึ้นหลังการยืนยัน หากขั้นตอนไม่สมบูรณ์หรือไม่เหมาะกับหน้าปัจจุบัน ให้เปิด “Signup flow settings” เพื่อเลือก สร้าง หรือแก้ไขขั้นตอน

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

การกำหนดค่าตัวอย่างการค้นหา

ส่วน Search Preview ควบคุมวิธีอธิบายหน้าให้เครื่องมือค้นหา

ป้อนชื่อ SEO และคำอธิบาย SEO ที่อธิบายหน้าได้อย่างถูกต้อง เลือกภาษาของหน้าและกำหนดว่าควรแสดงหน้าในผลการค้นหาหรือไม่

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

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

การเพิ่มรูปภาพสำหรับการแชร์บนโซเชียล

ส่วน Social Sharing Preview ช่วยให้คุณระบุรูปภาพที่จะใช้เมื่อมีการแชร์ลิงก์ Landing Page ผ่านบริการที่รองรับตัวอย่างลิงก์

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

การเพิ่ม Favicon

Favicon คือไอคอนขนาดเล็กที่แสดงในแท็บเบราว์เซอร์และพื้นที่อื่น ๆ ของอินเทอร์เฟซเบราว์เซอร์

ป้อน URL ของ Favicon หรืออัปโหลดรูปภาพในส่วน Favicon Branding เครื่องหมายแบรนด์ที่เรียบง่ายและเป็นสี่เหลี่ยมมักเหมาะกับการแสดงผลขนาดเล็กเช่นนี้ที่สุด

การกรอกโปรไฟล์ข้อมูลทางกฎหมายของหน้าที่โฮสต์

เนื่องจาก Maildroppa เป็นผู้โฮสต์และเผยแพร่ Landing Page การตั้งค่าการเผยแพร่จึงมีโปรไฟล์ข้อมูลทางกฎหมายสำหรับหน้า

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

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

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

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

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

การเผยแพร่หน้า

ตรวจสอบส่วน “Ready to publish” ที่ด้านล่างของหน้าต่างการเผยแพร่ แก้ไขปัญหาทุกรายการที่แสดง จากนั้นคลิก “Publish”

Maildroppa จะบันทึกร่างปัจจุบันและการตั้งค่าการเผยแพร่ก่อนทำให้หน้าเป็นสาธารณะ หลังเผยแพร่สำเร็จ คุณสามารถ:

• เปิดหน้าที่เผยแพร่แล้ว
• คัดลอกลิงก์สาธารณะ
• กลับไปยังเครื่องมือแก้ไข

เปิดหน้าที่เผยแพร่แล้วหนึ่งครั้งและทดสอบเส้นทางการสมัครสมาชิกทั้งหมดด้วยตัวเอง ตรวจสอบที่อยู่สาธารณะ เลย์เอาต์ ช่องข้อมูล การตรวจสอบความถูกต้อง การตอบกลับหลังส่ง อีเมล Double Opt-in และผลลัพธ์หลังยืนยัน

การจัดการหน้าที่เผยแพร่แล้ว

หลังเผยแพร่ ให้ใช้ “Manage publication” ในเครื่องมือสร้าง หรือใช้การดำเนินการต่าง ๆ ในภาพรวม Signup Forms

Publish changes แทนที่เวอร์ชันที่เผยแพร่แล้วด้วยร่างที่บันทึกไว้ปัจจุบัน

View live page เปิดเวอร์ชันสาธารณะในแท็บเบราว์เซอร์ใหม่

Copy link คัดลอกที่อยู่สาธารณะปัจจุบัน

Unpublish นำหน้าออกจากระบบโดยไม่ลบ Landing Page ออกจากบัญชีของคุณ คุณยังคงแก้ไขหน้าและเผยแพร่อีกครั้งในภายหลังได้

ภาพรวม Signup Forms จะแสดงว่า Landing Page เป็นฉบับร่าง เผยแพร่แล้ว หรือไม่เป็นสาธารณะ พร้อมการดำเนินการแชร์และจัดการที่เหมาะสม