[เวอร์ชัน 6.1] Essential Addons x WooCommerce: สำรวจวิดเจ็ตใหม่เพื่อปรับแต่งหน้าผลิตภัณฑ์เดียวของ WooCommerce

Essential Addons—โปรแกรมเสริม Eelementor อันดับ 1 ที่ได้รับความไว้วางใจจาก ผู้ใช้มากกว่า 2 ล้านคนทั่วโลก นำเสนอวิดเจ็ตและส่วนขยายเพื่อทำให้การสร้างเว็บของคุณง่ายขึ้นและเร็วขึ้น ด้วยที่กล่าวมา รุ่นล่าสุดของ Essential Addons ขอแนะนำ 5 วิดเจ็ตอันทรงพลังที่ปรับแต่งหน้าผลิตภัณฑ์เดียวของ WooCommerce ได้อย่างง่ายดาย การแก้ไขหน้าผลิตภัณฑ์เดียวของ WooCommerce มีการพึ่งพาแบบ PRO แต่ตอนนี้ ด้วยวิดเจ็ต Essential Addons ใหม่เหล่านี้ คุณสามารถบรรลุผลลัพธ์เดียวกันได้ฟรี

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

ภาพรวมของวิดเจ็ตใหม่ทั้งหมดของ Essential Addons สำหรับ Elementor

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

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

1. รูปภาพผลิตภัณฑ์ Woo: นำเสนอผลิตภัณฑ์ของคุณอย่างมีสไตล์

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

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

2. ราคาผลิตภัณฑ์ Woo: การกำหนดราคาที่สมบูรณ์แบบ

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

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

3. Woo Add To Cart: ลดความซับซ้อนของประสบการณ์การช็อปปิ้ง

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

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

4. การให้คะแนนผลิตภัณฑ์ Woo: สร้างความน่าเชื่อถือผ่านการวิจารณ์

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

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

5. Breadcrumbs: นำทางได้อย่างง่ายดาย

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

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

วิธีปรับแต่งหน้าผลิตภัณฑ์เดียวของ WooCommerce โดยใช้วิดเจ็ตเหล่านี้

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

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

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

จะเปิดใช้งานรูปภาพผลิตภัณฑ์ EA Woo ได้อย่างไร

หากต้องการเปิดใช้งานรูปภาพผลิตภัณฑ์ EA Woo ให้ไปที่ 'ส่วนเสริมที่จำเป็น' → 'องค์ประกอบ' และเลือกแท็บ 'องค์ประกอบ WooCommerce' จากแดชบอร์ดผู้ดูแลระบบ จากนั้น เปิดใช้งานองค์ประกอบ 'รูปภาพผลิตภัณฑ์ Woo' องค์ประกอบจะเปิดใช้งานทันทีเมื่อคุณกดปุ่ม "บันทึกการตั้งค่า"

วิธีเพิ่มวิดเจ็ตรูปภาพผลิตภัณฑ์ EA Woo ในหน้าผลิตภัณฑ์เดียวโดยใช้ Templately

หากต้องการกำหนดค่ารูปภาพผลิตภัณฑ์ Woo ใน Essential Addons สำหรับ Elementor คุณจะต้องมีฟังก์ชันการแก้ไขไซต์เต็มรูปแบบในไซต์ WordPress ของคุณผ่านปลั๊กอินหรือธีมเพื่อแก้ไขเทมเพลตหน้าผลิตภัณฑ์เดียว เรากำลังใช้ Templately Theme Builder สำหรับ FSE

ไปที่ Templately → ตัวสร้างธีมในเมนูแดชบอร์ด WordPress คลิกที่ปุ่ม 'เพิ่มเทมเพลตใหม่' เลือก 'องค์ประกอบ' จากนั้นเลือกเทมเพลต 'Product Single' จากดรอปดาวน์ เพิ่มชื่อเทมเพลตแล้วกดปุ่ม 'สร้างเทมเพลต' . เทมเพลตหน้าเดียวผลิตภัณฑ์ของคุณจะถูกสร้างขึ้นบนเครื่องมือสร้างธีมของ Templately

วิธีกำหนดค่ารูปภาพผลิตภัณฑ์ EA Woo ใน Essential Addons

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

เนื้อหา

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

สไตล์

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

ขั้นสูง

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

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

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

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

เปลี่ยนโฉมร้านค้า WooCommerce ของคุณด้วย Addons ที่จำเป็น

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

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