วิธีเพิ่มคำอธิบายผลิตภัณฑ์สั้นๆ ใน WooCommerce

เผยแพร่แล้ว: 2022-08-26

คุณต้องการเพิ่มคำอธิบายผลิตภัณฑ์สั้น ๆ ใน WooCommerce หรือไม่?

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

ในบทความนี้ เราจะแสดงวิธีเพิ่มคำอธิบายผลิตภัณฑ์สั้นๆ ในร้านค้า WooCommerce ของคุณ

How to add a short product description in WooCommerce

ทำไมต้องเพิ่มคำอธิบายผลิตภัณฑ์สั้น ๆ ใน WooCommerce?

คล้ายกับข้อความที่ตัดตอนมาจากข้อความที่ตัดตอนมา คำอธิบายผลิตภัณฑ์สั้นๆ สามารถทำให้ผู้ซื้อสนใจเรียนรู้เพิ่มเติมเกี่ยวกับผลิตภัณฑ์

ธีม WordPress ของ WooCommerce ส่วนใหญ่จะแสดงคำอธิบายใต้ราคาผลิตภัณฑ์ในหน้าผลิตภัณฑ์แต่ละรายการโดยตรง

A short production description created using WooCommerce

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

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

มาดูกันว่าคุณสามารถเพิ่มคำอธิบายผลิตภัณฑ์สั้นๆ ใน WooCommerce ได้อย่างไร

วิธีเพิ่มคำอธิบายผลิตภัณฑ์สั้นๆ ใน WooCommerce

หากต้องการสร้างคำอธิบายสั้นๆ ให้ไปที่ ผลิตภัณฑ์ » ผลิตภัณฑ์ทั้งหมด ในแดชบอร์ด WordPress ของคุณ

จากนั้น ค้นหาผลิตภัณฑ์ที่คุณต้องการเพิ่มคำอธิบายสั้นๆ แล้วคลิกลิงก์ 'แก้ไข'

Adding a short product description using WooCommerce

เมื่อคุณทำเสร็จแล้ว ให้เลื่อนไปที่ช่อง 'Product short description'

ตอนนี้คุณสามารถพิมพ์คำอธิบายลงในพื้นที่ข้อความ

Typing out a WooCommerce short product description

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

ตอนนี้ หากคุณไปที่หน้าผลิตภัณฑ์นี้บนเว็บไซต์ของคุณ คุณจะเห็นคำอธิบายสั้นๆ ที่ด้านบนของหน้าจอ

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

วิธีแสดงคำอธิบายผลิตภัณฑ์สั้นๆ บนหน้าร้านค้าหลักของคุณ

ตามค่าเริ่มต้น ธีม WooCommerce ส่วนใหญ่จะแสดงคำอธิบายสั้นๆ ในหน้าผลิตภัณฑ์แต่ละรายการเท่านั้น

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

An online store created using WooCommerce

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

หากต้องการแสดงคำอธิบายสั้นๆ ในหน้าร้านค้าหลักและหน้าหมวดหมู่สินค้า คุณจะต้องเพิ่มโค้ดลงในเว็บไซต์ของคุณ

หากคุณยังไม่เคยทำมาก่อน คุณสามารถทำตามคำแนะนำของเราเกี่ยวกับวิธีเพิ่มโค้ดที่กำหนดเองใน WordPress ได้อย่างง่ายดาย

คุณจะต้องคัดลอก/วางสิ่งต่อไปนี้ในปลั๊กอิน WPCode (แนะนำ) หรือในไฟล์ functions.php ของธีมของคุณ:

add_action( 'woocommerce_after_shop_loop_item', 'woo_show_excerpt_shop_page', 5 );
function woo_show_excerpt_shop_page() {
	global $product;

	echo $product->post->post_excerpt;
}

ตอนนี้ หน้าร้านค้าหลักและหมวดหมู่สินค้าจะแสดงคำอธิบายสั้นๆ สำหรับสินค้าต่างๆ ของคุณ

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

Short production descriptions on the storage homepage

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

หากคุณไม่ชอบรูปลักษณ์ของคำอธิบายผลิตภัณฑ์สั้นๆ คุณสามารถเปลี่ยนได้เสมอโดยทำตามขั้นตอนเดียวกับที่อธิบายไว้ข้างต้น

วิธีแสดงคำอธิบายสั้น ๆ ในธีม WooCommerce ที่กำหนดเอง (ขั้นสูง)

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

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

SeedProd เวอร์ชันฟรีมีอยู่ใน WordPress.org แต่เราจะใช้ปลั๊กอินเวอร์ชัน Pro เนื่องจากมันมาพร้อมกับตัวสร้างธีมและบล็อก WooCommerce สำเร็จรูป บล็อกเหล่านี้รวมถึงบล็อก 'คำอธิบายสั้น'

ในส่วนนี้ เราจะแสดงวิธีสร้างเลย์เอาต์ Single Product ที่กำหนดเองอย่างสมบูรณ์สำหรับร้านค้า WooCommerce ของคุณ

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

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

หลังจากที่คุณติดตั้งปลั๊กอิน WordPress และเปิดใช้งานแล้ว SeedProd จะขอรหัสใบอนุญาตของคุณ

SeedProd license key

คุณสามารถค้นหาข้อมูลนี้ได้ภายใต้บัญชีของคุณบนเว็บไซต์ SeedProd และในอีเมลยืนยันการซื้อที่คุณได้รับเมื่อคุณซื้อ SeedProd

หลังจากพิมพ์รหัสของคุณแล้ว ให้ไปที่ SeedProd » Theme Builder ที่นี่ คุณจะคลิกที่ปุ่ม 'เพิ่มเทมเพลตธีมใหม่'

The SeedProd theme builder

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

เมื่อคุณทำเสร็จแล้ว ให้คลิกที่ปุ่ม 'บันทึก' การทำเช่นนั้นจะโหลดตัวสร้างเพจ SeedProd แบบลากและวาง

Creating a single product template with SeedProd

SeedProd แสดงตัวอย่างสดของหน้าผลิตภัณฑ์ของคุณที่ด้านขวาของหน้า สิ่งนี้จะว่างเปล่าเพื่อเริ่มต้น

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

A custom WooCommerce product page created with SeedProd

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

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

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

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

SeedProd's WooCommerce template tags

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

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

Adding a product title tag to your custom WooCommerce product page

หากต้องการเพิ่มคำอธิบายสั้นๆ ให้กับการออกแบบของคุณ ให้ค้นหาบล็อก 'คำอธิบายแบบย่อ' ในเมนูด้านซ้ายมือ

จากนั้นเพียงลากและวางบล็อกนี้ไว้ที่ใดก็ได้บนการออกแบบของคุณ

Adding a custom short product description with SeedProd

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

เมื่อคุณพอใจกับการออกแบบหน้าผลิตภัณฑ์ WooCommerce ของคุณแล้ว คุณสามารถคลิกที่ปุ่ม 'บันทึก' ที่มุมบนขวา

สุดท้าย คุณสามารถคลิกปุ่ม 'เผยแพร่' เพื่อให้หน้าผลิตภัณฑ์ WooCommerce ของคุณใช้งานได้จริง

Publishing a WooCommerce single product template

ตอนนี้คุณได้สร้างการออกแบบหน้าผลิตภัณฑ์ที่กำหนดเองอย่างสมบูรณ์สำหรับร้านค้าออนไลน์ของคุณแล้ว

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

Creating a new SeedProd theme

ในป๊อปอัปที่ปรากฏขึ้น ให้คลิกที่เมนูแบบเลื่อนลง 'ประเภท'

ตอนนี้ คุณจะเห็นรายการเทมเพลตต่างๆ ทั้งหมดที่คุณต้องสร้าง เช่น ส่วนหัว ส่วนท้าย และโพสต์เดี่ยว

Creating a custom WooCommerce theme

หลังจากสร้างการออกแบบสำหรับเนื้อหาแต่ละประเภทเหล่านี้แล้ว คุณก็พร้อมที่จะเผยแพร่ธีมที่กำหนดเองแล้ว

เพียงตรงไปที่ SeedProd » Theme Builder จากนั้นคลิกที่แถบเลื่อน 'เปิดใช้งาน SeedProd' เพื่อเปลี่ยนจาก 'ไม่' (สีเทา) เป็น 'ใช่' (สีเขียว)

Enabling your custom WooCommerce theme

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลจากบทแนะนำวิดีโอ YouTube Channel สำหรับ WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook