วิธีตั้งค่าการทดสอบการแยกการแปลงในชุดเค้าโครงเอเจนซี่การออกแบบใหม่ด้วย Divi

เผยแพร่แล้ว: 2017-11-09

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

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

การตั้งค่าเว็บไซต์ของคุณโดยใช้ Design Agency Layout Pack

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

การใช้ Divi Leads สำหรับการทดสอบแบบแยกส่วน

เอเจนซี่ออกแบบ

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

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

สิ่งอื่น ๆ ที่ควรพิจารณา…

Divi นำชีวิตใน Backend Builder (สำหรับตอนนี้)

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

หัวเรื่อง & เป้าหมาย

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

การเลือกรูปแบบการออกแบบที่ชนะรางวัล

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

ตกลง ได้เวลาเริ่มต้นแล้ว

วิธีตั้งค่าการทดสอบการแยกการแปลงในชุดเค้าโครงเอเจนซี่การออกแบบใหม่ด้วย Divi

สมัครสมาชิกช่อง Youtube ของเรา

เริ่มการทดสอบแบบแยกส่วน

ทดสอบ #1: เปลี่ยนพาดหัว Copy

เอเจนซี่ออกแบบ

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

เปิดใช้งานการทดสอบแบบแยกส่วน

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

เอเจนซี่ออกแบบ

ในป๊อปอัปที่ปรากฏขึ้น ให้ดำเนินการต่อและเปิดใช้งานการทดสอบแยก

เอเจนซี่ออกแบบ

เลือกโมดูลข้อความพาดหัวเป็นหัวเรื่อง

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

เอเจนซี่ออกแบบ

เลือกแบบฟอร์มการติดต่อเป็นเป้าหมาย

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

เอเจนซี่ออกแบบ

โมดูลข้อความโคลน

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

เอเจนซี่ออกแบบ

เปลี่ยนโมดูลข้อความ

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

เอเจนซี่ออกแบบ

ปรึกษาสถิติและเลือกผู้ชนะ

คุณสามารถตรวจสอบข้อมูลการทดสอบแยกของคุณโดยคลิกที่ไอคอนต่อไปนี้ภายใน Divi Builder ของคุณ:

เอเจนซี่ออกแบบ

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

เอเจนซี่ออกแบบ

และคลิกที่โมดูลข้อความพาดหัวที่คุณต้องการเก็บไว้

การทดสอบ #2: เปลี่ยนตำแหน่งการนำเสนอ

เอเจนซี่ออกแบบ

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

เปิดใช้งานการทดสอบแบบแยกส่วน

อีกครั้ง เริ่มต้นด้วยการเปิดใช้งานการทดสอบแยกบนหน้าแรก

เอเจนซี่ออกแบบ

เลือกแถวที่มีโมดูล Blurb เป็นหัวเรื่อง

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

เอเจนซี่ออกแบบ

เลือกแบบฟอร์มการติดต่อเป็นเป้าหมาย

เป้าหมายของเราคือแบบฟอร์มการติดต่ออีกครั้ง

เอเจนซี่ออกแบบ

เปลี่ยนตำแหน่งประกาศ

เมื่อคุณเลือกหัวข้อและเป้าหมายแล้ว คุณสามารถเปลี่ยนตำแหน่งของคำประกาศภายในหนึ่งในแถวที่คุณกำลังทดสอบได้

เอเจนซี่ออกแบบ

ปรึกษาสถิติและเลือกผู้ชนะ

ตรวจสอบสถิติอีกครั้งและเลือกผู้ชนะที่มีอัตราการแปลงสูงสุด

เอเจนซี่ออกแบบ

การทดสอบ #3: เปลี่ยนตำแหน่งของส่วนรับรอง

เอเจนซี่ออกแบบ

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

เปิดใช้งานการทดสอบแบบแยกส่วน

เปิดหน้า Landing Page ที่คุณสร้างขึ้นและเปิดใช้งานตัวเลือกการทดสอบแยก

เอเจนซี่ออกแบบ

เลือกส่วนรับรองเป็น Subject

ถัดไป เลือกส่วนที่มีข้อความรับรองที่ส่วนท้ายของหน้าเป็นหัวข้อของคุณ

เอเจนซี่ออกแบบ

เลือกแบบฟอร์มการติดต่อเป็นเป้าหมาย

อีกครั้ง เลือกแบบฟอร์มการติดต่อเป็นเป้าหมายของคุณ

เอเจนซี่ออกแบบ

ลากส่วนคำรับรองที่สองขึ้นไปบนหน้า

เปิดส่วนคำรับรองรุ่นทดสอบที่สองแล้ววางไว้ด้านล่างส่วนฮีโร่

เอเจนซี่ออกแบบ

ปรึกษาสถิติและเลือกผู้ชนะ

หลังจากได้ผลลัพธ์ที่ถูกต้องแล้ว ให้เลือกผู้ชนะภายในป๊อปอัปสถิติ

เอเจนซี่ออกแบบ

การทดสอบ #4: ใช้แบบฟอร์มการติดต่อเป็นเป้าหมายทั้งสองเรื่อง

เอเจนซี่ออกแบบ

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

เปิดใช้งานการทดสอบแบบแยกส่วน

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

เอเจนซี่ออกแบบ

เลือกแบบฟอร์มการติดต่อเป็น Subject

จากนั้นไปข้างหน้าและเลือกแบบฟอร์มการติดต่อเป็นหัวข้อของคุณ

เอเจนซี่ออกแบบ

เลือกแบบฟอร์มการติดต่อเป็นเป้าหมายด้วย

คลิกอีกครั้งที่แบบฟอร์มการติดต่อเพื่อทำให้เป็นเป้าหมายของคุณเช่นกัน

เอเจนซี่ออกแบบ

เปลี่ยนสีปุ่ม

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

ปรึกษาสถิติและเลือกผู้ชนะ

และอีกครั้ง เมื่อคุณผ่านความแตกต่างในการแปลงแล้ว คุณสามารถเลือกผู้ชนะได้

เอเจนซี่ออกแบบ

ความคิดสุดท้าย

ในโพสต์นี้ เราได้แสดงให้คุณเห็นว่าคุณสามารถใช้ Divi Leads เพื่อทำการทดสอบแยกบนเว็บไซต์ของคุณที่สร้างด้วย Design Agency Layout Pack ฟรีได้อย่างไร แม่นยำยิ่งขึ้น เราได้แสดงให้คุณเห็นว่าคุณสามารถทำการทดสอบแยกเพื่อเพิ่มอัตรา Conversion ของเว็บไซต์ของคุณได้อย่างไร หากคุณมีคำถามหรือข้อเสนอแนะโปรดแสดงความคิดเห็นในส่วนความคิดเห็นด้านล่าง!

อย่าลืมสมัครรับจดหมายข่าวทางอีเมลและช่อง YouTube ของเรา เพื่อที่คุณจะได้ไม่พลาดประกาศสำคัญ เคล็ดลับที่เป็นประโยชน์ หรือ Divi freebie!

ภาพเด่นโดย Andrii Symonenko / shutterstock.com