จะปรับแต่งหน้าร้านค้า WooCommerce (ชำระเงินและผลิตภัณฑ์) ได้อย่างไร

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

สารบัญ

• การปรับแต่งหน้าร้านค้า WooCommerce
• ปรับแต่งผลิตภัณฑ์ WooCommerce
• ออกแบบหน้าชำระเงินด้วยฟิลด์ที่กำหนดเอง

การปรับแต่งหน้าร้านค้า WooCommerce

สรุปง่ายๆ การตั้งค่าและปรับหน้าร้านค้าใน WooCommerce จะปิดใน 4 ขั้นตอนนี้:

ปรับแต่งเพจร้านยังไง?

1. เลือกหน้า

   การแสดงหน้าร้านจำเป็นต้องมี อาจเป็นหน้าที่มีอยู่หรือหน้าใหม่ก็ได้

   

2. ปรับแต่งตัวเลือกแคตตาล็อกผลิตภัณฑ์

   หน้าผลิตภัณฑ์สามารถออกแบบได้ใน เมนูลักษณะที่ปรากฏ → ปรับแต่ง → WooCommerce → แคตตาล็อกผลิตภัณฑ์

   

3. เพิ่มหน้าลงในเมนูหรือวิดเจ็ต

   WooCommerce อนุญาตให้แสดงลิงก์ไปยังแคตตาล็อกผลิตภัณฑ์ในเมนูหรือ/และวิดเจ็ต ( ลักษณะ → เมนู/ วิดเจ็ต )

   

4. การปรับแต่งแคตตาล็อกผลิตภัณฑ์

   มีตัวเลือกเพิ่มเติมในการปรับหน้าหรือไม่?

   ใช่. ตัวอย่างเช่น การจัดสไตล์ CSS การเพิ่มเนื้อหา รหัสย่อ การเปลี่ยนเส้นทาง หรือรหัสที่กำหนดเอง

   ดังนั้นเค้าโครงหน้ามาตรฐานอาจได้รับการปรับปรุงด้วยส่วนหรือองค์ประกอบใหม่

   

   

ปรับแต่งผลิตภัณฑ์ WooCommerce

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

แน่นอนว่ารูปแบบต่างๆ สามารถช่วยได้ (ยังใช้แอตทริบิวต์ด้วย):

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

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

จะปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ด้วยปลั๊กอินได้อย่างไร

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

1. เพิ่มกลุ่มฟิลด์สำหรับผลิตภัณฑ์เฉพาะ

   ขั้นแรก คุณสามารถเลือกผลิตภัณฑ์อย่างน้อยหนึ่งรายการสำหรับฟิลด์ใหม่ได้ (มองเห็นได้ในภาพหน้าจอด้านล่าง)

2. เลือกที่ตั้งสนาม

   นอกจากนี้ปลั๊กอินยังช่วยให้แสดงตัวเลือกผลิตภัณฑ์ใหม่ก่อนหรือหลังปุ่มเพิ่มลงตะกร้า

   

3. ปรับหน้าผลิตภัณฑ์ WooCommerce ด้วยฟิลด์ที่กำหนดเอง

   คุณสมบัติหลักของปลั๊กอินคือการเพิ่มฟิลด์ใหม่ ในเวอร์ชันฟรีของฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น มีฟิลด์ 18 ประเภท

   

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

   

4. การปรับแต่งหน้าผลิตภัณฑ์ WooCommerce - ตัวอย่าง

   เอฟเฟกต์สุดท้ายสำหรับผลิตภัณฑ์หนึ่งรายการขึ้นไป (พร้อมปลั๊กอินฟรี)

   

อย่างที่คุณเห็น คุณสามารถปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ด้วยปลั๊กอินฟรีได้ คุณสามารถดาวน์โหลดหรืออ่านเพิ่มเติมได้จากที่เก็บ WordPress

โดยสรุป ปลั๊กอินฟิลด์ผลิตภัณฑ์แบบยืดหยุ่นอนุญาตให้สร้างผลิตภัณฑ์ที่กำหนดเองใน WooCommerce

ออกแบบหน้าชำระเงินด้วยฟิลด์ที่กำหนดเอง

ยิ่งไปกว่านั้น WP Desk ยังมีปลั๊กอินฟรีเพื่อปรับแต่งหน้าชำระเงินของ WooCommerce

ฟิลด์การชำระเงินที่ยืดหยุ่นช่วยให้สามารถจัดการฟิลด์ที่มีอยู่รวมทั้งเพิ่มฟิลด์ที่กำหนดเองใหม่ลงในหน้าชำระเงิน

คู่มือฉบับย่อการปรับแต่งหน้าชำระเงิน WooCommerce

(หลังจากติดตั้งและเปิดใช้งานปลั๊กอิน)

1. แบบฟอร์มการชำระเงินเริ่มต้น

   หน้าชำระเงินมาตรฐาน (คลาสสิก) มีฟิลด์ที่กำหนดไว้ล่วงหน้า

   

2. ปรับรูปแบบ

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

   

3. จัดเรียงใหม่และจัดการช่องชำระเงิน

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

   

4. ฟิลด์น้อยลงในการชำระเงิน

   ดูเอฟเฟกต์สุดท้าย - รูปแบบที่เรียบง่ายกว่า

   

สรุป

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