ในอดีตเว็บไซต์มีองค์ประกอบที่ไม่จำเป็นมากมายกล่าวคือหน้าเว็บที่เต็มไปด้วยโทนสีที่ฉูดฉาดและน่าเกลียดมีข้อความติดอยู่ในช่องว่างเล็ก ๆ มากเกินไปและป๊อปอัปที่ปรากฏขึ้นและรบกวนผู้เข้าชม
แต่ในตอนนั้นนักออกแบบไม่รู้มากกว่านั้นหรือ แต่พวกเขาทำงานกับเทรนด์การออกแบบและแนวทางปฏิบัติที่ดีที่สุดเท่านั้นที่พวกเขารู้
เวลามีการเปลี่ยนแปลงมากมายตั้งแต่นั้นมา
นักพัฒนาและนักออกแบบเว็บไซต์ไม่ถูกจำกัดด้วยเทคโนโลยีหรือเทคนิคอีกต่อไป ซึ่งหมายความว่าไม่มีข้อแก้ตัวสำหรับการออกแบบที่ไม่ดีอีกต่อไป สิ่งนี้เกี่ยวข้องกับทุกองค์ประกอบที่พบในไซต์ WordPress ตั้งแต่รูปภาพส่วนหัวของหน้าแรกไปจนถึง รูปแบบ ผู้ติดต่อตลอดจนจากการพิมพ์ไปจนถึงป๊อปอัป ทุกสิ่งมีความสำคัญเมื่อออกแบบเพื่อประสบการณ์ผู้ใช้
วันนี้ฉันต้องการมุ่งเน้นไปที่สิ่งที่ทำให้ป๊อปอัปมีประสิทธิภาพซึ่งเป็นสิ่งที่ฉันเห็นว่าเป็นส่วนสำคัญในกระบวนการแปลง โดยเฉพาะอย่างยิ่งฉันต้องการดูลักษณะทางกายวิภาคของป๊อปอัป WordPress ที่มีประสิทธิภาพและองค์ประกอบที่น่าตื่นเต้นนี้สามารถเพิ่มอัตราการแปลงของคุณได้อย่างไร
อาร์กิวเมนต์สำหรับการใช้ป๊อปอัปบน WordPress
ป๊อปอัปเป็นองค์ประกอบการออกแบบที่น่าสนใจ ในขณะที่พวกเขาขัดจังหวะประสบการณ์ของผู้ใช้ชั่วคราว (ซึ่งโดยปกติจะไม่ได้รับการชื่นชมมากนัก) สิ่งที่ทำถูกต้องนำเสนอสิ่งที่น่าสนใจหรือน่าตื่นเต้นจนผู้เยี่ยมชมไม่ต้องกังวลกับ นาทีที่จะใส่ใจ
แน่นอน ในกรณีนี้ เรากำลังพูดถึงป็อปอัพที่สร้างการแปลงซึ่งทำหน้าที่รวบรวมสมาชิกของ จดหมายข่าว หรือดึงดูดผู้เข้าชมให้ซื้อ อย่างไรก็ตาม สามารถใช้ป๊อปอัปเพื่อวัตถุประสงค์ต่างๆ ได้ ตัวอย่างเช่น คุณสามารถแบ่งปันคุกกี้หรือนโยบายความเป็นส่วนตัวของคุณ แนะนำรายการที่เกี่ยวข้องหลังจากที่ผู้เยี่ยมชมเพิ่มบางอย่างลงในรถเข็น หรือแม้แต่ขอให้พวกเขาทำแบบสำรวจอย่างรวดเร็ว
โดยส่วนใหญ่หากคุณใช้หน้าต่างป๊อปอัปคุณอาจต้องการให้ผู้เยี่ยมชมดำเนินการ ท้ายที่สุดแล้วทำไมต้องขัดจังหวะประสบการณ์ของพวกเขาหากการรบกวนนั้นไม่เป็นการใช้เวลาให้เป็นประโยชน์? จากการศึกษาเกือบสองพันล้านป๊อปอัปพบว่าอัตรา Conversion เฉลี่ยสำหรับป๊อปอัปประเภทนี้คือ 3,09%
ตอนนี้ทำให้เกิดคำถาม: ป๊อปอัปยังมีความเกี่ยวข้องและมีประสิทธิภาพหรือไม่? หากตลาดอิ่มตัวมากเกินไปด้วยการออกจากป๊อปอัปแถบสวัสดีการวางซ้อนแบบเต็มหน้าและอื่น ๆ เครื่องมือสร้าง Conversion นี้คุ้มค่าที่จะใช้กับไซต์ WordPress ของคุณหรือไม่?
แน่นอน !!!
มีแนวทางปฏิบัติในการออกแบบเว็บไซต์ที่ดีมากมายที่คำนึงถึงป๊อปอัป ตัวอย่างเช่น:
- ป๊อปอัปจะลบความยุ่งเหยิงที่ไม่จำเป็นออกจากหน้าเว็บไซต์ของคุณ
- พวกเขามักจะประกอบด้วยภาพที่สะอาดและข้อความน้อยที่สุด
- คำกระตุ้นการตัดสินใจได้รับการออกแบบมาอย่างดีและนำเสนอในรูปแบบของถ้อยคำ
- มีช่วงการเรียนรู้เล็กน้อยสำหรับผู้เยี่ยมชมของคุณเนื่องจากคนส่วนใหญ่คุ้นเคยกับป๊อปอัปและรู้วิธีโต้ตอบกับพวกเขา
- ป๊อปอัปเป็นโอกาสที่ดีในการทำให้ไซต์ของคุณมีภาพเคลื่อนไหววิดีโอหรือหลักฐานทางสังคม
- คุณสามารถสร้างได้อย่างง่ายดายด้วย ปลั๊กอิน WordPress คุณภาพสูงเช่น Hustle หรือ OptinMonster.
โดยทั่วไปแล้วป๊อปอัปที่ออกแบบมาอย่างดีนั้นยอดเยี่ยมสำหรับการดึงดูดความสนใจของผู้เยี่ยมชมในเวลาที่คุณต้องการมากที่สุด คุณสามารถใช้เพื่อส่งการแจ้งเตือนหรือคำขอได้อย่างทันท่วงที คุณยังสามารถใช้ข้อมูลผู้เยี่ยมชมเพื่อดึงดูดให้ซื้อสินค้าได้อีกด้วย
กายวิภาคของป๊อปอัป WordPress ที่มีประสิทธิภาพ
เห็นได้ชัดว่าความสำเร็จของป๊อปอัปไซต์ WordPress ของคุณขึ้นอยู่กับป๊อปอัปที่ออกแบบมาอย่างสมบูรณ์แบบและมีข้อเสนอที่น่าสนใจซึ่งผู้เยี่ยมชมไม่สามารถช่วยได้ แต่โต้ตอบ มาดูกันว่าสูตรสำเร็จสำหรับป๊อปอัปที่มีประสิทธิภาพเป็นอย่างไร
1 สไตล์
ป๊อปอัปประเภทต่างๆมีแนวโน้มที่จะมีประสิทธิภาพมากขึ้นในการเปลี่ยนผู้เข้าชมให้เป็นสมาชิก:
- ป๊อปอัปการสมัครอีเมลมีอัตรา Conversion 2,9%
- ป๊อปอัปยินดีต้อนรับ (ที่เติมเต็มหน้าเมื่อเข้า) แปลงที่ 2,6%
- ป๊อปอัปที่เรียกใช้งานแบบเลื่อนจะแปลง 1,9%
- สมาร์ทหรือสวัสดีป๊อปอัปแสดง Conversion จำนวน 0,5%
นั่นไม่ได้หมายความว่าคุณจะต้องใช้ป๊อปอัปสมัครรับอีเมลแบบเดิมเสมอไป นี่คือตัวอย่างจากเว็บไซต์ของ Neil Patel
อันนี้ทำได้ดีเพราะได้รับการออกแบบอย่างเรียบง่ายไม่ล่วงล้ำ et ใช้แอนิเมชั่นสนุก ๆ เพื่อดึงดูดความสนใจในกรณีที่ไม่มีใครสังเกตเห็นรอยเท้าน้อยที่สุด โปรดทราบว่าการเลือกสไตล์ไม่ได้เกี่ยวกับการใช้สไตล์ที่เป็นที่นิยมมากที่สุดหรือเป็นที่รู้จักกันดีสำหรับอัตรา Conversion ที่สูงขึ้น มันเกี่ยวกับการค้นหาสไตล์ที่เหมาะกับไซต์ของคุณผู้เยี่ยมชมของคุณและออกแบบมาเพื่อเสริมประสบการณ์ระหว่างนั้น
2 สี
แน่นอนว่าสีมักมีบทบาทสำคัญในการออกแบบเว็บไซต์ ด้วยการทำความเข้าใจจิตวิทยาเบื้องหลังสีที่คุณเลือกคุณสามารถสร้างป๊อปอัปที่มีประสิทธิภาพมากขึ้นซึ่งจะทำให้เกิด Conversion ได้ แน่นอนว่าคุณไม่สามารถลืมเกี่ยวกับโทนสีที่กำหนดไว้สำหรับแบรนด์ของคุณได้ดังนั้นทั้งหมดนี้คือการหาจุดสมดุลระหว่างการออกแบบหน้าต่างป๊อปอัปที่ดูดีบนไซต์ แต่ ยังบังคับให้ผู้เยี่ยมชมดำเนินการ
3 ส่วนประกอบ
สิ่งสำคัญคือต้องย้อนกลับไปดูป๊อปอัปโดยรวม แม้ว่าการออกแบบของแต่ละส่วนที่เคลื่อนไหวในป๊อปอัปจะมีความสำคัญเช่นเดียวกับการแต่งหน้าโดยรวมของป๊อปอัป
หน้าต่างป๊อปอัปของคุณควร:
- ง่ายและสะดวกในการติดตาม
- ออกแบบด้วยเส้นสายที่เรียบและสมดุลกัน
- รวมรูปภาพที่เกี่ยวข้องและมีความละเอียดสูง ตามหลักการแล้วคือภาพเดียวที่สรุปหัวข้อของข้อเสนอ
- ดูเหมือนว่าจะเป็นส่วนขยายของไซต์ของคุณและเห็นได้ชัดว่าไม่ได้สร้างจากป๊อปอัปที่มีตัวเลือกการปรับแต่งที่ จำกัด
- ใช้ตัวอักษรขนาดใหญ่ที่อ่านง่าย
4 ข้อความ
จากนั้นเราจะมีข้อความป๊อปอัป แม้ว่าคุณจะไม่ได้อยู่ในขั้นตอนการพัฒนาภาษาที่จะเข้าสู่สิ่งเหล่านี้ แต่ก็มีแนวทางปฏิบัติที่ดีที่สุดหลายประการที่คุณควรทราบเมื่อต้องกรอกป๊อปอัปด้วยข้อความ
โปรดทราบสิ่งต่อไปนี้:
- ใส่ชื่อเรื่องข้อความสั้น ๆ (จะทำหนึ่งประโยค) และคำกระตุ้นการตัดสินใจ
- ใช้ภาษาที่แข็งแกร่งซึ่งดึงดูดความสนใจของผู้มาเยือน
- พูดสั้น ๆ หากคุณไม่สามารถเขียนได้น้อยกว่า 30 คำแสดงว่าข้อความนี้ไม่ได้อยู่ในหน้าต่างป๊อปอัป
- ใช้น้ำเสียงและบุคลิกภาพแบบเดียวกับที่คุณใช้บนไซต์ของคุณ
- นำเสนอสิ่งที่มีค่าที่ผู้เข้าชมจะไม่พบที่อื่นในเว็บไซต์
- ใช้ความเร่งด่วนถ้าเป็นไปได้ ถ้าคุณไม่สามารถทำได้ด้วยคำพูดให้ทำด้วยสี
5 CTA
มีแนวโน้มการเติบโตที่แปลกประหลาดในทุกวันนี้ที่เว็บไซต์ต่างๆให้ตัวเลือกคำกระตุ้นการตัดสินใจแก่ผู้เข้าชมสองทาง ฉันเข้าใจว่าทำไมเทรนด์นี้จึงเติบโตขึ้น แต่ฉันเห็นว่ามันถูกนำไปใช้อย่างผิด ๆ ในเว็บไซต์จำนวนมากซึ่งฉันหวังว่าเทรนด์นี้จะหมดไปในที่สุด
คุณอาจเห็นแอปพลิเคชันที่ไม่ดีนี้ด้วยตนเอง:
- ตัวเลือกที่เป็นบวก : อันนี้พูดว่า "โอ้ขอบคุณขอบคุณ! ฉันรู้ว่าข้อเสนอนี้กำลังจะเปลี่ยนชีวิตของฉันให้ดีขึ้น! "
- ตัวเลือกเชิงลบ : อันนี้บอกว่า "ฉันชอบเลือกชีวิตที่ไม่ดีและฉันขอบคุณที่คุณถูหน้า" ให้ฉันคลิกที่ตัวเลือกการเลิกใช้งานอัตโนมัตินี้เท่านั้นเพื่อรับหน้าต่างอื่นที่ถามฉันอีกครั้งว่าฉันต้องการตัดสินใจที่เลวร้ายนี้หรือไม่ "
นี่ไม่ได้หมายความว่าป๊อปอัปทั้งหมดที่มีตัวเลือก CTA สองตัวได้รับการออกแบบมาไม่ดีหรือมีจุดมุ่งหมายเพื่อสร้างความอับอายให้กับผู้เข้าชม Tim Ferris มีตัวอย่างที่ดีของ CTA ตัวเลือกคู่ที่ทำได้ดี:
โดยรวมแล้วฉันจะบอกว่าถ้าคุณกำลังพยายามถากถางหรือข่มขู่ผู้เยี่ยมชมให้ตัดสินใจออกจากไซต์ของคุณและวางไว้บน Twitter เว็บไซต์ของคุณไม่ใช่สถานที่สำหรับสิ่งนั้นและ Twitter หวังว่าจะกลืนมันลงไปอย่างสมบูรณ์
นอกจากสัตว์เลี้ยงตัวนั้นฉันยังแนะนำให้ใช้คำกระตุ้นการตัดสินใจที่เรียบง่าย ใช้ภาษาง่ายๆที่ทำให้ชัดเจนว่าผู้เยี่ยมชมจะได้อะไรจากการป้อนอีเมลหรือคลิกปุ่ม นอกจากนี้ให้ทำงานให้น้อยที่สุด: ต้องกรอกไม่เกินสองช่อง (เช่นอีเมลและอาจเป็นชื่อ) และคลิกปุ่มเดียว
สำหรับบทช่วยสอนนี้ฉันหวังว่าจะช่วยให้คุณออกแบบปุ่มคำกระตุ้นการตัดสินใจได้ดี