ตัวอย่างหน้า Landing Page ของ Squarespace: สิ่งที่พวกเขาทำเพื่อดึงดูดและดึงดูดผู้เข้าชม

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

จากบุคคลที่แยกจากกันอย่างช่างประปาบนถนนสายหลัก ไปจนถึงผู้ประกอบการที่คลั่งไคล้ในการสร้างแอพที่จะเปลี่ยนชีวิตคนต่อไป ไปจนถึงบริษัทที่ติดอันดับ Fortune 500; Squarespace เป็นผู้สร้างเว็บไซต์ที่ได้รับเลือกจากลูกค้าที่จ่ายเงินกว่า 1,000,000 รายนับตั้งแต่เปิดตัวในปี 2547

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

หน้า Landing Page หลังการคลิกคืออะไร

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

ดูโปรโมชั่น Squarespace อย่างรวดเร็ว

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

เพื่อแสดงให้เห็น นี่คือทวีตที่เชื่อมโยงไปยังเว็บไซต์ของ Tom Delavan - สร้างโดย Squarespace:

ถัดไปคือโฆษณา Google เมื่อค้นหาด้วยชื่อแบรนด์ที่ไม่เชื่อมโยงไปยังหน้า Landing Page หลังการคลิก:

และอีกข้อความหนึ่งที่ปรากฏสำหรับข้อความค้นหา “ตัวสร้างเว็บไซต์:”

ในทั้งสองกรณี โฆษณาจะนำผู้ใช้การค้นหาไปยังหน้าแรกของแบรนด์ แทนที่จะลิงก์ไปยัง หน้า Landing Page หลังคลิก ของ Squarespace

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

วิธีที่ Squarespace ใช้แลนดิ้งเพจหลังการคลิก

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

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

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

1. เพื่อสร้างการสมัคร

โพสต์บน Facebook ด้านล่าง (พร้อมกับโฆษณา Super Bowl) เป็นส่วนหนึ่งของแคมเปญทั้งหมดที่มี John Malkovich ออกแบบมาเพื่อให้ผู้คน "รับโดเมนของคุณก่อนที่มันจะหายไป:"

ในตอนท้ายของวิดีโอ ผู้ดูจะถูกส่งไปยังหน้าแรกของแบรนด์ที่พวกเขาพบแบนเนอร์ส่วนหัวที่มีไฮเปอร์ลิงก์ไปยังหน้าการคลิกผ่าน นี่เป็นหน้าแรกในซีรี่ส์ Squarespace / John Malkovich:

เมื่อผู้มีแนวโน้มจะเป็นลูกค้าคลิกปุ่ม “ดูแคมเปญ” ในหน้าแรกนั้น พวกเขาจะถูกนำไปที่หน้าที่สองในซีรีส์นี้:

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

สิ่งที่เพจทำได้ดี:

• การใช้สีดำให้ ความรู้สึกแบบมืออาชีพ ระดับพรีเมียม และให้กลิ่นอายของคุณภาพ
• วิดีโอคุณภาพสูง ช่วยยกระดับความน่าเชื่อถือให้กับเพจ และเพิ่มโอกาสที่ผู้มีแนวโน้มจะสนใจสร้างเว็บไซต์ของตนเองด้วย Squarespace
• ภาพที่คมชัด ให้เอฟเฟกต์ระดับไฮเอนด์ หน้าแรกมีภาพใบหน้าของ John Malkovich ซึ่งน่าจะเชื่อมโยงกับอารมณ์ของผู้คน หน้าที่สองมีรูปภาพของเว็บไซต์ Squarespace ของเขา ซึ่งแสดงให้ผู้คนเห็นถึงคุณภาพของแพลตฟอร์ม
• ทั้งสองหน้าสามารถบอกเล่าเรื่องราวได้เป็นอย่างดี วิดีโอสองรายการในหน้าแรกมีชื่อว่า “Part I” และ “Part II” ซึ่งแนะนำเรื่องราว ในหน้าที่สอง มีการแสดงให้เห็นแคมเปญของ John Malkovich ชักชวนให้ผู้ที่มีแนวโน้มจะเป็น "ก้าวต่อไป"
• ”รับโดเมนของคุณก่อนที่จะหมด” ให้ความรู้สึกเร่งด่วนที่กระตุ้นให้ผู้มีแนวโน้มเป็นลูกค้าเปลี่ยนใจเลื่อมใสได้อย่างรวดเร็ว
• การเปรียบเทียบราคา ในหน้าแรกทำให้ผู้มีโอกาสเป็นลูกค้าทราบว่าพวกเขากำลังได้รับข้อตกลงที่ดีที่สุดโดยทำงานร่วมกับแบรนด์แทนผู้สร้างเว็บไซต์ที่แข่งขันกัน
• การใช้พื้นที่สีขาวใน ทั้งสองหน้าช่วยให้หน้าจัดระเบียบและดึงความสนใจไปยังองค์ประกอบที่สำคัญของหน้า

สิ่งที่สามารถทดสอบ A/B ได้:

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

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

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

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

2. เพื่อช่วยบริษัททำโลโก้

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

สิ่งที่เพจทำได้ดี:

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

สิ่งที่สามารถทดสอบ A/B ได้:

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

3. เจาะกลุ่มธุรกิจเฉพาะกลุ่ม

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

โดยเฉพาะหน้านี้สนับสนุนให้ผู้เยี่ยมชมสร้างบล็อก:

สิ่งที่เพจทำได้ดี:

• พาดหัวและพาดหัวย่อย พูดโดยตรงกับผู้มีโอกาสเป็นลูกค้าด้วยวิธีที่น่าสนใจ การใช้คำว่า "ของคุณ" ทำให้ผู้อ่านรู้สึกเชื่อมโยงกับข้อเสนอมากขึ้น ในขณะที่ "ไม่ต้องใช้บัตรเครดิต" ช่วยเพิ่มความโน้มน้าวใจให้กับหน้า
• คิวภาพลูกศร ช่วยให้ผู้เยี่ยมชมรู้ว่ามีครึ่งหน้าล่างที่พวกเขาควรเห็นมากกว่านี้ แม้ว่าจะทำให้เห็นได้อย่างชัดเจน แต่ลูกศรควรใหญ่กว่า โดดเด่นกว่า และไม่กลมกลืนกับพื้นหลัง
• สำเนา ใช้รูปแบบต่างๆ ของคำว่า "คุณ" ซึ่งพูดโดยตรงกับผู้มีแนวโน้มจะเป็นลูกค้าและสร้างความสัมพันธ์กับพวกเขา
• รายการประโยชน์ที่ สามารถดูได้จากการเลื่อนดูเป็นส่วนเสริมที่ดี เนื่องจากช่วยป้องกันไม่ให้หน้าดูรกและทำให้มีพื้นที่ว่างสำหรับรูปภาพที่เกี่ยวข้อง
• รูปภาพของพนักงานบริการลูกค้า และการแจ้งให้ผู้ชมทราบว่าพวกเขาพร้อมให้บริการทุกวันตลอด 24 ชั่วโมง ช่วยให้ผู้มีโอกาสเป็นลูกค้ามั่นใจว่าการทำงานกับ Squarespace เป็นประสบการณ์ที่ดี
• การใช้พื้นที่สีขาว ช่วยให้หน้าจัดระเบียบและดึงความสนใจไปที่องค์ประกอบที่สำคัญ เช่น ปุ่ม CTA “เริ่มต้นใช้งาน” และตัวเลือกเทมเพลต

สิ่งที่สามารถทดสอบ A/B ได้:

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

4. เพื่อให้ชุมชนออนไลน์สำหรับผู้ใช้ Squarespace

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

ลิงก์ไปยังหน้า Squarespace Circle สามารถพบได้ในส่วน "ชุมชน" ของส่วนท้ายของหน้าแรก:

สิ่งที่เพจทำได้ดี:

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

สิ่งที่สามารถทดสอบ A/B ได้:

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

หน้า Landing Page หลังคลิก Squarespace ใดเป็นแรงบันดาลใจให้คุณ

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

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