สิ่งที่ควรทำและไม่ควรทำในการเพิ่มป๊อปอัปในเว็บไซต์ของคุณ + ตัวอย่าง

เผยแพร่แล้ว: 2023-01-12

คืนวันพฤหัสบดีเวลา 9 โมงเช้า และคุณกำลังจิบชาหรืออาจจะดื่มไวน์หากเป็นวันที่เหน็ดเหนื่อย และช้อปปิ้งสบายๆ บนเว็บไซต์โปรดของคุณ คุณเริ่มหาวและคิดว่าได้เวลาเตรียมตัวเข้านอนแล้ว ในขณะที่คุณกำลังจะปิดแท็บ BAM! ป๊อปอัปเจตนาออกแสดงข้อความต่อไปนี้ “รอสักครู่! คุณมีของอยู่ในกระเป๋าของคุณ” คำกระตุ้นการตัดสินใจจะแจ้งให้คุณ "ชำระเงินทันที" และคุณก็ลงเอยด้วยการซื้อกระเป๋าเงินใบใหม่

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

อย่ายัดเยียดข้อมูลมากเกินไป

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

Old Navy ใช้ป๊อปอัปเพื่อกระตุ้นให้ลูกค้าสมัครบัตรเครดิต พวกเขาได้รวมสำเนาข้อมูลและปุ่มเรียกร้องให้ดำเนินการ (CTA) นำลูกค้าไปยังแอปพลิเคชัน นี่เป็นตัวอย่างป๊อปอัปที่เรียบง่ายแต่มีประสิทธิภาพ

รวบรวมข้อมูลผู้ใช้

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

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

เคล็ดลับ: หากคุณไม่ต้องการให้ผู้เข้าชมเดารหัสคลาสสิก “Welcome10” เป็นรหัสส่วนลด 10% ของคุณ ให้ใช้รหัสที่กำหนดเองแทน

อย่าครอบงำผู้ชมของคุณด้วยป๊อปอัปมากเกินไป

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

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

อีกตัวอย่างที่ไม่ดีคือการแสดงป๊อปอัปสองครั้งของ NFL

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

อ่านต่อเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ป๊อปอัปแบบตั้งเวลา

เสนอคูปองเพื่อแลกกับอีเมล (ลูกค้าเป้าหมาย)

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

ดึงดูดความสนใจของผู้เยี่ยมชมด้วยป๊อปอัปสีและกำหนดเวลา

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

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

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

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

อย่าลืมเพิ่มตัวเลือกเพื่อปิดป๊อปอัป

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

ใช้ Action Widget ของ ShortStack เพื่อสร้างการปิดป๊อปอัป ข้อความที่ดีที่จะใช้สำหรับผู้เยี่ยมชมเพื่อปิดป๊อปอัปคือ:

  • ปฏิเสธข้อเสนอ
  • ปิด I
  • คราวหน้า
  • เตือนฉันภายหลัง
  • ไม่เป็นไรขอบคุณ
  • ขอบคุณสำหรับข้อมูล

อย่าใช้ป๊อปอัปเพื่อจำกัดอายุไซต์หรือผลิตภัณฑ์เฉพาะของคุณ

คุณขายผลิตภัณฑ์ เช่น นิโคตินหรือแอลกอฮอล์ที่กำหนดให้ผู้ซื้อต้องมีอายุตามที่กำหนดหรือไม่? ใช้ป๊อปอัปง่ายๆ เช่น Rogue Brewery's เพื่อให้แน่ใจว่าเนื้อหาที่เห็นนั้นเหมาะสมกับวัย

คุณสามารถใช้เทมเพลตที่สร้างไว้ล่วงหน้าแบบนี้เพื่อให้แน่ใจว่าผู้เข้าชมมีอายุที่ถูกต้องในการเข้าสู่ไซต์ของคุณ

แจ้งให้ลูกค้าทราบเกี่ยวกับการเปลี่ยนแปลงที่สำคัญ

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

ใครก็ตามที่กำลังมองหาข้อมูลเพิ่มเติมเกี่ยวกับคุณลักษณะใหม่นี้สามารถคลิกปุ่ม CTA เพื่อดูคำอธิบายเชิงลึกเพิ่มเติมได้ ในทำนองเดียวกัน หากลูกค้าไม่ต้องการเรียนรู้เกี่ยวกับคุณลักษณะนี้หรือทราบข้อมูลอยู่แล้ว ตัวเลือกในการปิดป๊อปอัปจะแสดงอยู่ในสองตำแหน่งอย่างชัดเจน: ไอคอนถังขยะและ "ขอบคุณสำหรับข้อมูล!" ตัวเลือก.

บทสรุป

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