8 ตัวอย่างแบบฟอร์มหลายขั้นตอนเพื่อลดแรงเสียดทานของหน้า Landing Page

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

วิธีหนึ่งในการทำเช่นนี้คือใช้แบบฟอร์มหลายขั้นตอน

แบบฟอร์มหลายขั้นตอนคืออะไร?

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

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

แบบฟอร์มหลายขั้นตอนกับแบบฟอร์มการเลือกใช้สองขั้นตอน

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

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

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

ตัวอย่างแบบฟอร์มหลายขั้นตอน

Uber

Uber ใช้หน้า Landing Page หลังจากคลิกเพื่อดึงดูดให้ผู้คนขับรถเป็นงานเสริม:

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

ใครเป็นใครของผู้บริหารและผู้เชี่ยวชาญ

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

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

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

มหาวิทยาลัยฟีนิกซ์

ดูว่าบัณฑิตวิทยาลัยของ University of Phoenix ใช้แถบความคืบหน้าใกล้ด้านบนได้อย่างไร?

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

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

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

GreenGeeks

GreenGeeks สร้างหน้า Landing Page หลังคลิกเพื่อรวมแบบฟอร์มหลายขั้นตอน ขั้นแรก หน้า Landing Page หลังการคลิกเสนอข้อเสนอ:

เมื่อผู้เยี่ยมชมคลิกปุ่ม CTA “เริ่มต้นใช้งานทันที” หน้านี้จะปรากฏขึ้นพร้อมกับขั้นตอนที่หนึ่งของแบบฟอร์ม:

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

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

ซิริอุส มาร์เก็ตติ้ง

นี่คือตัวอย่างจาก Cirius Marketing พวกเขาใช้หน้าการเลือกใช้สองขั้นตอนพร้อมแบบฟอร์มหลายขั้นตอนในช่องป๊อปอัป นี่คือหน้า Landing Page หลังการคลิก โดยมีปุ่ม CTA ปรากฏที่ครึ่งหน้าบนทันที:

และนี่คือแบบฟอร์มหลายขั้นตอนในกล่องป๊อปอัป:

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

Sprout Social

Sprout Social ได้ออกแบบแบบฟอร์มหลายขั้นตอนนี้เพื่อให้ผู้มีโอกาสเป็นลูกค้ากรอก:

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

ฐานด่วน

หน้า Landing Page หลังการคลิกของ Quick Base ด้านล่างมีบริการฝึกอบรมพนักงาน:

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

สังเกตว่าส่วนนี้ของแบบฟอร์มมีป้ายกำกับว่า "ขั้นตอนที่ 1 จาก 2" โดยเฉพาะอย่างไร การแจ้งผู้มีแนวโน้มจะเป็นลูกค้าว่า "อีกไม่กี่วินาที" จากการทดลองใช้ฟรีเป็นตัวบ่งชี้ว่าการกรอกแบบฟอร์มจะใช้เวลาไม่นาน

Hootsuite

Hootsuite จะแนะนำผู้ที่มีแนวโน้มจะเป็นลูกค้าผ่านกระบวนการลงทะเบียนบัญชีด้วยขั้นตอนที่กำหนดไว้อย่างชัดเจน:

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

เพิ่มการมีส่วนร่วมของเพจด้วยแบบฟอร์มหลายขั้นตอน

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

เชื่อมต่อโฆษณาทั้งหมดของคุณกับหน้า Landing Page หลังการคลิกในแบบของคุณเสมอเพื่อลดต้นทุนต่อการได้มาซึ่งลูกค้า เริ่มสร้างหน้าโพสต์คลิกโดยเฉพาะของคุณโดยสมัครใช้งานตัวอย่าง Instapage Enterprise วันนี้