วิธีที่ทีม Instapage ใช้แพลตฟอร์มเพื่อสร้างประสบการณ์หลังการคลิกที่ไม่เหมือนใครสำหรับทุกแคมเปญ
เผยแพร่แล้ว: 2019-05-30ลิงค์ด่วน
- การปรับเปลี่ยนในแบบของคุณ
- แอมป์
- Instablocks™ และ Global Blocks
- การทำงานร่วมกัน
- แบบฟอร์มหลายขั้นตอน
- แนวทางปฏิบัติที่ดีที่สุดในการออกแบบ
- กำลังลบการนำทาง
- แบบฟอร์มการเลือกรับสองขั้นตอน
- พื้นที่สีขาวและรูปแบบ z-pattern
- หลักฐานทางสังคม
- ทดลองกับเนื้อหาและเลย์เอาต์
- ตัวอย่าง Instapage Enterprise
ทีมของเรามักถูกถามโดยผู้มีแนวโน้มจะเป็นลูกค้าและลูกค้าว่าเราใช้ Instapage สำหรับแคมเปญของเราเองอย่างไร ตั้งแต่การปรับเปลี่ยนในแบบของคุณ, AMP, การจัดการการอัปเดตจำนวนมากในเพจ, แบบฟอร์มหลายขั้นตอน และอื่นๆ — ไม่มีทางที่เราจะได้ใช้ประโยชน์จากแพลตฟอร์มอย่างเต็มที่
บทความของวันนี้ให้รายละเอียดตัวอย่างและการออกแบบแนวทางปฏิบัติที่ดีที่สุดจากทีมผู้เชี่ยวชาญของเรา เช่น สร้างหน้า Landing Page หลังคลิกสำหรับแต่ละแคมเปญ
การปรับเปลี่ยนในแบบของคุณ: หน้า Landing Page ของโฆษณาต่อหลังการคลิก
หากคุณเคยเจอการค้นหาที่เสียค่าใช้จ่าย การแสดงผล หรือการกำหนดเป้าหมายโฆษณาโดย Instapage มาก่อน คุณจะรู้ว่า — การคลิกหลังโฆษณา — คุณมาถึงหน้าที่ไม่ซ้ำกันซึ่งเชื่อมต่อกับโฆษณานั้น การส่งการคลิกโฆษณาไปยังหน้า Landing Page เฉพาะหลังการคลิกเป็นแนวทางปฏิบัติที่ดีที่สุดที่เราบอกทุกคน
การสร้างผลลัพธ์ที่ดีที่สุด (Conversion) ไม่ได้เกี่ยวกับการใช้หน้าเว็บแบบสแตนด์อโลนที่ไม่ซ้ำกันสำหรับโฆษณาแต่ละรายการทางออนไลน์ เป็นมากกว่าการ ปรับแต่งประสบการณ์ สำหรับผู้มีโอกาสเป็นลูกค้าแต่ละรายที่เราติดต่อด้วย เมื่อนั้นเราจะคาดหวังผลลัพธ์ที่ดีที่สุดจากความพยายามในการโฆษณาดิจิทัลของเรา มาดูตัวอย่างกัน
การคลิกโฆษณา Google นี้:

ไปที่หน้า Landing Page หลังการคลิกนี้:

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


ประสบการณ์ทั้งสองใช้ URL เดียวกันทุกประการ ยกเว้นพารามิเตอร์ UTM สุดท้าย:


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

“เราใช้หน้า Landing Page เฉพาะหลังจากคลิกเพื่อเพิ่ม Conversion เนื่องจากความเกี่ยวข้องกับผู้มีโอกาสเป็นลูกค้าเมื่อพวกเขาเลือกที่จะมีส่วนร่วมกับโฆษณานั้นมีความสำคัญต่อความสำเร็จหรือความล้มเหลวของโฆษณานั้นไม่เพียงเท่านั้น การไม่ส่งแคมเปญ/กลุ่มโฆษณา/การเข้าชมโฆษณาของคุณไปยังหน้า Landing Page ที่มีความเกี่ยวข้องสูงหลังการคลิก แสดงว่าคุณกำลังบอกผู้มีโอกาสเป็นลูกค้าว่าคุณไม่เข้าใจหรือแม้แต่สนใจพวกเขา
การปรับเปลี่ยนในแบบของคุณหลังคลิกเป็นสิ่งที่สำคัญที่สุดที่คุณสามารถทำได้ที่ด้านบนและตรงกลางของช่องทาง”
เราใช้การทดสอบฝั่งเซิร์ฟเวอร์เพื่อมอบประสบการณ์ที่ไม่เหมือนใครโดยไม่ทำให้ความเร็วในการโหลดหน้าเว็บลดลงสำหรับผู้ใช้ (ซึ่งฝั่งไคลเอ็นต์สั้น) สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างการตั้งค่าส่วนบุคคลฝั่งเซิร์ฟเวอร์และฝั่งไคลเอ็นต์ โปรดอ่านบทความนี้
การปรับเปลี่ยนในแบบของคุณแตกต่างจากการทดสอบแยก A/B อย่างไร
ด้วยการทดสอบ A/B คุณจะตั้งค่าการแยกการเข้าชมใน Analytics เป็นชุดค่าผสมใดก็ได้ที่คุณต้องการ (50/50, 75/25 เป็นต้น) การปรับเปลี่ยนในแบบของคุณไม่เกี่ยวข้องกับการแยกการรับส่งข้อมูล เพื่อชี้แจงเพิ่มเติม:
- การทดสอบ A/B นำเสนอ ประสบการณ์หน้าเว็บแบบสุ่มให้กับผู้ชมของคุณ
- ส่วนบุคคลที่แสดงให้เห็นรูปแบบที่แน่นอนที่คุณต้องการที่จะ audence กำหนดเป้าหมายที่คุณเลือก
ดังนั้น หากคุณตั้งค่าพารามิเตอร์ UTM อย่างถูกต้อง หากโฆษณาของคุณพูดถึงการผสานรวม หน้า Landing Page หลังการคลิกจะแสดงเฉพาะเนื้อหาการผสานรวม ในทางกลับกัน หากโฆษณาโน้มน้าวให้เผยแพร่ไปยัง WordPress โฆษณานั้นจะแสดงให้เห็นเฉพาะบนหน้าเท่านั้น
สำหรับรายละเอียดเพิ่มเติม ไปที่นี่เพื่อดูว่าเหตุใดการตั้งค่าส่วนบุคคลจึงดีกว่าด้วยการทดสอบ A/B
AMP: เพื่อการโหลดหน้าที่เร็วที่สุด
คุณน่าจะรู้ว่าการใช้อุปกรณ์มือถือมีการใช้งานเดสก์ท็อปเป็นเวลานานทั่วโลก เมื่อทราบแล้ว และต้องการมอบประสบการณ์ที่ดีที่สุดสำหรับผู้ใช้อุปกรณ์เคลื่อนที่ ทีมงานของเราจึงได้สร้างหน้าหลังการคลิก AMP สำหรับผู้ชมอุปกรณ์เคลื่อนที่ขึ้น
ตัวอย่างเช่น หากคุณใช้อุปกรณ์เคลื่อนที่และบังเอิญเห็นโฆษณาแบบรูปภาพนี้:

การคลิกผ่านจะแสดงประสบการณ์นี้ซึ่งคุณสามารถขอตัวอย่าง AMP ได้:

ไม่เพียงแต่ความสอดคล้องของการจับคู่ข้อความจะเหมือนกันเท่านั้น แต่หน้าเว็บจะโหลดเกือบจะในทันที ซึ่งสร้างประสบการณ์ที่ดีที่สุดสำหรับทุกคนที่เข้าถึงหน้าบนอุปกรณ์เคลื่อนที่
Instablocks™ & Global Blocks: สำหรับการปรับขนาดและจัดการการอัปเดตจำนวนมาก
ซอฟต์แวร์อื่นๆ ชอบอวดอ้างว่ามีความสามารถในการขยายขนาดการผลิตหน้า Landing Page และจัดการการอัปเดตหน้าด้วยการโน้มน้าวคุณลักษณะต่างๆ เช่น เทมเพลตที่ปรับให้เหมาะสม เทมเพลตนั้นยอดเยี่ยมสำหรับการเผยแพร่หน้าเว็บที่ค่อนข้างรวดเร็ว แต่สิ่งเหล่านี้จะพาคุณไปไกลได้เท่านั้น แต่ถ้าคุณต้องการอัปเดต:
- การสร้างแบรนด์องค์กรของคุณและจำเป็นต้องสะท้อนถึงการเปลี่ยนแปลงเหล่านั้นในหน้า Landing Page ทั้งหมดหลังการคลิกหรือไม่
- ปีลิขสิทธิ์ทุกหน้า? หรือ…
- ภาพหน้าจอผลิตภัณฑ์ทั้งหมดของคุณทุกที่?
เทมเพลตจะไม่ช่วยอะไรคุณในการจัดการการเปลี่ยนแปลงและการอัปเดตเหล่านั้น
Global Blocks สามารถประหยัดเวลาและอาการปวดหัวจากการเปลี่ยนแปลงการออกแบบเหล่านั้นได้มากมาย ดูวิธีสร้าง Global Block ในวิดีโอแรกด้านล่างและดูการเปลี่ยนแปลงที่มีผลในหลาย ๆ หน้าด้วยการคลิกเพียงครั้งเดียว (วิดีโอที่สอง):
ตัวอย่าง: วิธีสร้าง Global Block
ตัวอย่าง: กำลังอัปเดตการสร้างแบรนด์
สำหรับกรณีการใช้งานเพิ่มเติมอีก 15 กรณีว่าควรใช้ Global Blocks เมื่อใด ไปที่นี่

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

Rafal Bogdan ผู้จัดการฝ่ายออกแบบกราฟิกอธิบายเพิ่มเติมว่า:

“มันยากสำหรับฉันที่จะจินตนาการว่าผู้สร้างของเราจะเป็นอย่างไรหากไม่มีฟีเจอร์นี้ การทำงานร่วมกันเป็นหนึ่งในคุณสมบัติที่ฉันโปรดปรานในตัวสร้างของเรา เพราะช่วยให้ฉันสามารถแบ่งปันความคิดของฉันได้อย่างรวดเร็ว และทำให้สมาชิกในทีมทุกคนมีความเข้าใจตรงกัน ประหยัดเวลาได้มาก และหลีกเลี่ยงความสับสนระหว่างกระบวนการตรวจสอบ”
(*ไม่มีซอฟต์แวร์หลังการคลิกอื่นใดที่มีฟังก์ชันนี้)
แบบฟอร์มหลายขั้นตอน: เพื่อคุณสมบัตินำที่ดีขึ้น
ทีม Conversion ของเราทำการทดสอบ A/B เป็นจำนวนมากในแต่ละแคมเปญ: โฆษณา หน้า Landing Page อีเมล ฯลฯ สำหรับบางหน้าโดยเฉพาะ เช่น หน้าสาธิต Enterprise เราจำเป็นต้องคัดเลือกผู้ที่มีแนวโน้มจะเป็นลูกค้าซึ่งส่งแบบฟอร์มโดยขอข้อมูลเพิ่มเติมนอกเหนือจากนี้ เพียงชื่อทั่วไป อีเมล และหมายเลขโทรศัพท์ ในขณะเดียวกัน เราไม่ต้องการที่จะครอบงำคนที่มีรูปร่างยาว
Jonathan Pantani ผู้อำนวยการแบรนด์อธิบายว่า:

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


เมื่อเรา A/B ทดสอบลำดับของรูปแบบสามส่วนนั้น เราพบว่า Conversion เพิ่มขึ้น 18%
ออกแบบแนวทางปฏิบัติที่ดีที่สุดจากทีมงาน Instapage
ตอนนี้ มาทบทวนแนวทางปฏิบัติที่ดีที่สุดที่เรามักจะรวมไว้เพื่อเพิ่มการมีส่วนร่วมของผู้ใช้ การแปลง และการแสดงประโยชน์สูงสุด
ไม่มีการนำทางส่วนหัว: เพื่อให้ผู้คนจดจ่ออยู่กับเพจ
เคล็ดลับนี้มักจะเป็นสิ่งแรกที่เราแนะนำให้นักการตลาดดิจิทัลเพิ่งเริ่มใช้แนวคิดหน้า Landing Page หลังคลิก นี่คือเหตุผล:
- หน้า Landing Page หลังคลิก ได้รับการออกแบบมาสำหรับ การแปลง
- เว็บไซต์ มีไว้สำหรับประสบการณ์ การท่องเว็บ
ดังนั้นจึงทำให้รู้สึกว่าเว็บไซต์มีเมนูการนำทางส่วนหัวและส่วนท้าย เป็นประสบการณ์ที่จับต้องได้ทั้งหมด
ทุกหน้า Landing Page หลังการคลิกที่ Instapage เผยแพร่มีสิ่งหนึ่งที่เหมือนกัน: ไม่มีเมนูการนำทาง แม้แต่โลโก้ของ Instapage ก็ยังถูกยกเลิกการเชื่อมโยงเพราะเราต้องการให้ผู้คนโฟกัสที่หน้านั้นและหน้านั้นเพียงอย่างเดียว นั่นหมายความว่ามีวิธีออกจากหน้าเพียงสองวิธี: โดยการแปลงผ่านแบบฟอร์มหรือคลิก X ในแท็บเบราว์เซอร์
นี่คือตัวอย่างหน้า Landing Page หลังการคลิกที่ไม่มีการนำทาง (เปรียบเทียบกับหน้าแรกของเราซึ่งมีรายการการนำทาง):

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

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

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

ทดลองกับเลย์เอาต์ต่างๆ
เคล็ดลับสุดท้ายนี้ไม่ควรมองข้าม เนื่องจากการทดสอบ A/B เป็นหนึ่งในสิ่งสำคัญที่สุดที่คุณสามารถทำได้กับหน้า Landing Page หลังการคลิก เราไม่ได้แค่พูดถึงการเปลี่ยนสีของปุ่ม CTA หรือข้อความเท่านั้น แต่เป็นการทดลองเกี่ยวกับลำดับและเนื้อหาของการจัดวางหน้าเว็บของคุณ
ตัวอย่างเช่น ขึ้นอยู่กับผู้ชมของคุณและสิ่งที่พวกเขากำลังมองหา การวางข้อความรับรองไว้ใกล้กับด้านบนของหน้าอาจเป็นการกระตุ้นให้พวกเขาต้องโน้มน้าวพวกเขาว่าข้อเสนอของคุณคือสิ่งที่พวกเขากำลังมองหา รวมสิ่งนั้นเข้ากับรูปภาพและข้อความที่พูดกับผู้ชมของคุณ (คำรับรองเหล่านี้มาจากคนที่ฉันสามารถเกี่ยวข้องหรือไม่) และคุณมีเลย์เอาต์ของส่วนที่แข็งแกร่งยิ่งขึ้น
แต่บางทีการจองที่ใหญ่ที่สุดสำหรับผู้ชมของคุณอาจไม่ใช่การที่คนอื่นเห็นความสำเร็จกับผลิตภัณฑ์ของคุณ แต่เป็นขั้นตอนที่จำเป็นในการเปิดตัวโซลูชันไม่ว่าจะผ่านการสาธิตหรือการเปิดตัวโซลูชันอย่างเต็มรูปแบบ ต้องใช้อะไรบ้างในการทดสอบโซลูชันนี้หรือเพื่อให้บริษัทของฉันเริ่มเห็นคุณค่า
คนอื่นๆ ยังอาจต้องการเห็นราคาของคุณที่ด้านบนสุดของหน้า เนื่องจากราคาเป็นปัจจัยที่สำคัญที่สุดในการก้าวไปข้างหน้า คุณไม่สามารถรู้คำตอบของคำถามเหล่านี้ได้อย่างแท้จริงโดยไม่ต้องทดสอบเลย์เอาต์และเนื้อหาที่แตกต่างกัน
ใช้ประโยชน์จากแพลตฟอร์ม Instapage อย่างเต็มที่
นี่เป็นเพียงตัวอย่างบางส่วนและแนวทางปฏิบัติที่ดีที่สุดจากทีมของเรา เพื่อแสดงให้คุณเห็นว่าเราปฏิบัติตามสิ่งที่เราประกาศอย่างไร เราได้สร้างเวิร์กโฟลว์ที่มีประสิทธิภาพและใช้คุณลักษณะต่างๆ ของผลิตภัณฑ์อย่างต่อเนื่องกับการออกแบบแต่ละหน้า
รับการสาธิตของ Instapage วันนี้และสัมผัสกับพลังด้วยตัวคุณเอง
