ไฮไลท์ปลั๊กอิน Divi: Divi Magic

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

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

การตั้งค่าการมองเห็น Divi Magic

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

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

การเลือกผู้ใช้ที่เข้าสู่ระบบจะเพิ่มรายการใหม่ที่คุณสามารถเลือกผู้ใช้ที่ต้องการได้ ซึ่งรวมถึงผู้ใช้ WordPress มาตรฐานและผู้ใช้เพิ่มเติมที่คุณเพิ่ม ตัวอย่างของฉันแสดงผู้ใช้จาก WooCommerce, LifterLMS และ GiveWP เพราะฉันติดตั้งปลั๊กอินเหล่านั้นแล้ว

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

การเลือกวันที่เริ่มต้นหรือสิ้นสุดจะเปิดปฏิทินที่มีแถบเลื่อนชั่วโมงและนาที (อย่างน้อยก็เป็นวิธีที่ทำงานใน Chrome) นี่เป็นสิ่งที่ดีสำหรับการเปิดเผยข้อเสนอในช่วงเวลาหนึ่ง แสดงว่ามีการขายจริงหรือไม่ ฯลฯ

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

ตัวอย่าง Divi Magic สำหรับผู้ใช้เฉพาะ

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

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

เนื่องจากฉันเข้าสู่ระบบ ฉันจึงเห็นส่วนหัวตามปกติ

ใครก็ตามที่ไม่ได้เข้าสู่ระบบจะเห็นแบนเนอร์อยู่เหนือส่วนหัวเพื่อเชิญชวนให้เข้าร่วม

สำหรับตัวอย่างนี้ ฉันกำลังสร้างส่วนต่างๆ ที่จะแสดงต่อผู้ใช้ประเภทต่างๆ ผู้ใช้ที่ออกจากระบบจะเห็นหน้า Landing Page พร้อม CTA เพื่อลงทะเบียนหลักสูตร

ผู้ใช้ที่เข้าสู่ระบบในฐานะนักเรียนจะเห็นรายชื่อหลักสูตร

ผู้สอนที่เข้าสู่ระบบจะเห็นหน้าหลักสูตร

ในตัวอย่างนี้ ฉันไม่ได้เข้าสู่ระบบ ดังนั้นฉันจึงเห็นหน้าที่มี CTA เพื่อลงทะเบียนเรียน

สำหรับตัวอย่างนี้ ฉันเข้าสู่ระบบในฐานะผู้สอน ดังนั้นส่วนที่ฉันทำเครื่องหมายสำหรับผู้สอนจะแสดงบนหน้าจอ

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

ตัวอย่าง Divi Magic สำหรับการตั้งเวลารายวัน: แบนเนอร์เด่น

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

ฉันใช้โมดูลข้อความ โมดูล WooCommerce หลายโมดูล และปุ่มเพื่อสร้างแบนเนอร์ขายของฉัน

เนื่องจากไม่ใช่เวลาแสดงแบนเนอร์ หน้าจึงซ่อนแบนเนอร์ไว้

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

ตัวอย่าง Divi Magic สำหรับการตั้งเวลารายวัน: ยอดขายรายวัน

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

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

ฉันได้ตั้งค่าชุดของส่วนการขายและให้แต่ละส่วนแสดงตามวันที่ระบุเท่านั้น

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

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

Divi Magic พร้อมการตั้งค่าผู้ใช้และการจัดกำหนดการรวมกัน

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

เนื่องจากฉันไม่ได้เข้าสู่ระบบในฐานะลูกค้า ส่วนการขายจึงไม่แสดงให้ฉัน นี่คือลักษณะของหน้าสำหรับทุกคนที่ไม่ใช่ลูกค้าที่เข้าสู่ระบบ

ตอนนี้ฉันได้กลับไปและเพิ่มผู้ดูแลระบบเป็นผู้ใช้แล้ว ดังนั้นมันจึงปรากฏขึ้นเมื่อฉันดูที่หน้า

Divi Magic พร้อม Extra

Divi Magic ยังใช้งานได้กับ Extra ใน Divi Builder มาตรฐานและ Theme Builder ในขณะนี้ ยังใช้ไม่ได้กับตัวสร้างหมวดหมู่ ฉันได้พูดคุยกับนักพัฒนาซอฟต์แวร์แล้ว และคุณลักษณะนี้จะถูกเพิ่มในการอัปเดตในอนาคต ตัวอย่างนี้แสดงแบนเนอร์ในส่วนหัวส่วนกลางสำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ

ผู้ใช้ที่เข้าสู่ระบบจะเห็นส่วนหัวตามปกติ โดยไม่มีแบนเนอร์ขอให้เข้าร่วม

ราคา

คุณสามารถซื้อ Divi Magic ได้จากเว็บไซต์ของผู้พัฒนา มีให้เลือกซื้อสองแบบ:

• $25 ต่อปีสำหรับการใช้งานบนเว็บไซต์เดียวและการอัปเดตหนึ่งปี
• $39 ต่อปีสำหรับการใช้งานบนเว็บไซต์ไม่จำกัดและอัปเดตหนึ่งปี

จบความคิด

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

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

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

เราต้องการได้ยินจากคุณ คุณลอง Divi Magic แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็นด้านล่าง

ภาพเด่นผ่าน 4zevar / shutterstock.com