การทดสอบ A/B ที่คุณควรลองใช้กับเพจของคุณด้วยฟอร์ม

เผยแพร่แล้ว: 2022-06-02

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

จากมุมมองของการแปลง การออกแบบและเนื้อหาของหน้าที่มีแบบฟอร์มอาจมีความสำคัญ และด้วยเหตุนี้ วันนี้ฉันอยากจะแบ่งปันตัวอย่างประเภทการทดสอบ A/B ที่คุณสามารถลองใช้เพื่อเพิ่มประสิทธิภาพการแปลง (ผู้เยี่ยมชมติดต่อหรือสมัครสมาชิก) ในตัวอย่างต่อไป คุณจะเห็นว่าแบบฟอร์มบนหน้าสร้างด้วย Nelio Forms ซึ่งเป็นปลั๊กอินสำหรับสร้างแบบฟอร์มที่ผสานรวมกับ WordPress อย่างสมบูรณ์

ตำแหน่งของแบบฟอร์มภายในเพจ

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

สมมติว่าเราต้องการสร้างการทดสอบหน้า Nelio Unlocker (ปลั๊กอินของเราที่แปลงหน้าเว็บใด ๆ เป็น WordPress หรือตัวแก้ไขบล็อก Elementor) และตรวจดูว่ามีผู้เยี่ยมชมติดต่อเรามากขึ้นโดยวางแบบฟอร์มไว้บนหน้า

ทางเลือกในการทดสอบ ดังที่คุณเห็นในภาพก่อนหน้านี้ ฉันไม่ได้เพียงแค่เลื่อนแบบฟอร์มขึ้นเท่านั้น แต่ยังทำให้ดูสวยงามขึ้นด้วย ฉันได้วางส่วนที่มีตัวอย่างเพิ่มเติมลงในหน้า

เราจะทำการทดสอบนี้ด้วยปลั๊กอินการทดสอบ A/B ของ Nelio ได้อย่างไร ก่อนอื่นให้เลือกว่าคุณต้องการสร้างหน้าทดสอบใหม่:

รายการการทดสอบในการทดสอบ Nelio A/B
รายการการทดสอบในการทดสอบ Nelio A/B

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

การสร้างแบบทดสอบการจัดวางแบบฟอร์มหน้า
การสร้างการทดสอบการจัดวางแบบฟอร์มหน้า

ข้อได้เปรียบที่ยอดเยี่ยมของการทดสอบ Nelio A/B (การเป็นปลั๊กอินที่ผสานรวมอย่างสมบูรณ์ใน WordPress) คือการเปลี่ยนแปลงตัวแปรนั้นง่ายพอๆ กับการแก้ไขหน้าใดๆ ในตัวแก้ไขบล็อก ในกรณีนี้ คุณเพียงแค่เลือกบล็อกหรือบล็อกของหน้าที่คุณต้องการย้ายและเปลี่ยนตำแหน่ง

การแก้ไขตัวแปรหน้าทดสอบ A/B
การแก้ไขรูปแบบหน้าของการทดสอบ A/B

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

คำจำกัดความของวัตถุประสงค์และการดำเนินการแปลงของการทดสอบ
คำจำกัดความของเป้าหมายการแปลงและการดำเนินการของการทดสอบ

ดังที่คุณเห็นในภาพก่อนหน้านี้ คุณมีเมนูแบบเลื่อนลงซึ่งคุณสามารถเลือกแบบฟอร์มที่ต้องส่งเพื่อบันทึกเป็นการกระทำที่ถือเป็น Conversion สำหรับการทดสอบนี้

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

จำนวนและประเภทของฟิลด์ที่จะกรอกข้อมูล

ในการศึกษาที่ดำเนินการโดย Hubspot ซึ่งวิเคราะห์หน้าเว็บมากกว่า 40,000 หน้า พวกเขาสังเกตเห็นว่าจำนวนฟิลด์ที่ต้องกรอกและประเภทของแต่ละฟิลด์มีผลกระทบต่อการแปลงที่ได้รับ

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

ลองทำการทดสอบ A/B แบบต่างๆ เพื่อแก้ไขจำนวนและประเภทของฟิลด์ในแบบฟอร์ม และวิเคราะห์ว่าอะไรดีที่สุดสำหรับคุณ ดังที่คุณเห็นในตัวอย่างต่อไปนี้:

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

สร้างแบบฟอร์มการติดต่อใหม่
การสร้างแบบฟอร์มการติดต่อใหม่

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

แทนที่ในรูปแบบเดิมด้วยรูปแบบใหม่ที่สร้างขึ้น
แทนที่ในรูปแบบเดิมด้วยรูปแบบใหม่ที่สร้างขึ้น

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

ข้อมูลจำเพาะของการกระทำที่ถือเป็น Conversion ทดสอบทั้งสองรายการ
ข้อมูลจำเพาะของการกระทำที่ถือเป็น Conversion ทดสอบทั้งสองรายการ

ที่จะแสดงฉลากแบบฟอร์ม

บทความโดย Luke Wroblewski เมื่อหลายปีก่อน ข้อมูลอ้างอิงในการออกแบบแบบฟอร์ม เปรียบเทียบข้อดีและข้อเสียของการแสดงป้ายกำกับฟิลด์ด้านบนหรือด้านซ้ายของแต่ละฟิลด์

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

ในกรณีที่คุณใช้ Nelio Forms ง่ายพอๆ กับการระบุในการตั้งค่าฟิลด์ที่ควรซ่อนป้ายกำกับ จากนั้นคุณเพียงแค่เขียนตัวยึดตำแหน่งที่เหมาะสม:

ซ่อนป้ายชื่อช่องและเขียนตัวยึด
ซ่อนป้ายชื่อฟิลด์และเขียนตัวยึดตำแหน่ง

ด้วยวิธีนี้ คุณจะลดความสูงของแบบฟอร์ม และผู้ใช้จะเห็นว่าต้องพิมพ์อะไรในแต่ละฟิลด์อย่างง่ายดาย

แบบฟอร์มไม่มีป้ายกำกับและมีตัวยึด
แบบฟอร์มไม่มีป้ายกำกับและตัวยึดตำแหน่ง

ส่งข้อความปุ่มและสี

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

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

แบบฟอร์มด้วยปุ่มส่งแบบกำหนดเอง
แบบฟอร์มพร้อมปุ่มส่งแบบกำหนดเอง

ข้อมูลเกี่ยวกับความเป็นส่วนตัวของข้อมูล

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

แบบฟอร์มพร้อมข้อความแสดงแทนความเป็นส่วนตัวของข้อมูล
แบบฟอร์มด้วยถ้อยคำอื่นเกี่ยวกับความเป็นส่วนตัวของข้อมูล

ลองใช้ถ้อยคำทางเลือกอื่นที่มีสไตล์ต่างกัน และวิเคราะห์ผลกระทบที่ทางเลือกแต่ละทางอาจมี

บทสรุป

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

หากคุณใช้ปลั๊กอิน WordPress ดั้งเดิม เช่น Nelio Forms เพื่อสร้างแบบฟอร์ม และ Nelio A/B Testing เพื่อทำการทดสอบ A/B หน้าการทดสอบด้วยแบบฟอร์มจะง่ายกว่าที่เคย!

ภาพเด่นโดย Robert Anasch บน Unsplash