วิธีสร้างร้านค้า WooCommerce แบบกำหนดเองด้วย OceanWP และชุดเครื่องมือ (ไม่มีการเข้ารหัส)

เผยแพร่แล้ว: 2021-05-05

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

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

หรือ คุณสามารถสร้างร้านค้า WooCommerce ที่กำหนดเองได้อย่างสมบูรณ์ด้วย Toolset และ OceanWP และไม่มีการเข้ารหัส

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

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

ต่อไปนี้คือสี่ขั้นตอนในการปรับแต่งร้านค้าออนไลน์ของคุณโดยใช้ Toolset และ OceanWP:

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

ตัดสินใจว่าคุณต้องการแสดงและโปรโมตอะไร

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

q-and-a-section-toolset
สร้าง Q+A ของผลิตภัณฑ์โดยใช้แบบฟอร์มและฟิลด์การทำซ้ำแบบกำหนดเอง
เพิ่มยอดขายข้ามการขายชุดเครื่องมือ
แสดงการเพิ่มยอดขายและการขายต่อเนื่องที่เป็นที่นิยมโดยใช้ความสัมพันธ์ของโพสต์
ยี่ห้อ-กำหนดเอง-อนุกรมวิธาน-ชุดเครื่องมือ
แสดงผลิตภัณฑ์ตามแบรนด์หรือนักออกแบบโดยใช้การจัดหมวดหมู่แบบกำหนดเอง
ข้อเสนอพิเศษ-ชุดเครื่องมือ
แบ่งปันข้อเสนอพิเศษโดยใช้การบล็อกแบบมีเงื่อนไขพร้อมข้อมูลจากฟิลด์ที่กำหนดเอง
front-end-forms-toolset
อนุญาตให้ผู้ขายส่งสินค้าไปยังไซต์ของคุณโดยตรงโดยใช้แบบฟอร์ม
Store-locations-toolset
แสดงที่ตั้งร้านค้าของคุณบนแผนที่โดยใช้มุมมองที่กำหนดเอง
สร้างบัญชีชุดเครื่องมือ
สร้างการเข้าสู่ระบบของลูกค้าหรือผู้ขายที่มีสิทธิ์ตามประเภทผู้ใช้

ผลิตภัณฑ์ต่อชุด-ชุดเครื่องมือ
สร้างแรงบันดาลใจในการเลือกซื้อเสื้อผ้าโดยใช้ความสัมพันธ์ในการโพสต์

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

กำหนดผลิตภัณฑ์ของคุณด้วยประเภทโพสต์ ฟิลด์ และอนุกรมวิธานแบบกำหนดเอง

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

WooCommerce ให้ฟิลด์พื้นฐานแก่คุณในการกำหนดผลิตภัณฑ์ของคุณ เช่น คุณลักษณะของผลิตภัณฑ์ คำอธิบาย ราคา และข้อมูลการจัดส่ง เช่น น้ำหนักและขนาด

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

custom-fields-products
ช่องแบบกำหนดเองบนผลิตภัณฑ์

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

สร้างหน้าผลิตภัณฑ์ที่กำหนดเอง

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

Toolset ช่วยให้คุณสร้างเทมเพลตผลิตภัณฑ์ของคุณตั้งแต่เริ่มต้นโดยใช้ WooCommerce Blocks ของ Toolset

woocommerce-default-template
เทมเพลตผลิตภัณฑ์ WooCommerce เริ่มต้น
custom-product-template-toolset
เทมเพลตผลิตภัณฑ์ Toolset ที่กำหนดเองอย่างเต็มที่

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

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

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

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

in-stock-item-toolset
สินค้าในสต๊อก
out-of-stock-item-toolset
สินค้าหมด

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

ธีม-ตัวเลือก-owp-toolset
การเลือกตัวเลือกธีม OceanWP ของคุณต่อเทมเพลต

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

global-styling-toolset-oceanwp
การเพิ่มสไตล์สากลให้กับเว็บไซต์ของคุณ

สร้างหน้าร้านค้า รายการสินค้า และเพิ่มฟังก์ชันการค้นหา

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

การสร้างหน้าร้านค้าแบบกำหนดเองและหน้าเก็บถาวรอื่น ๆ

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

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

archive-page-toolset
เพจร้านรองเท้าส้นสูง
shop-page-bags-toolset
เพจร้านกระเป๋า

การสร้างรายการเนื้อหาแบบไดนามิก

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

ดูบล็อกชุดเครื่องมือ
การเลือกเนื้อหาที่จะแสดงบนหน้าร้านค้า

การเพิ่มตัวเลือกการค้นหาและตัวกรองแบบกำหนดเอง

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

custom-search-toolset
การค้นหาแบบกำหนดเองที่ให้คุณกรองตามฟิลด์ที่กำหนดเองได้

คุณสมบัติหน้าร้านค้าแบบกำหนดเองอื่น ๆ จาก OceanWP

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

quick-view-option-oceanwp
ตัวเลือกมุมมองด่วน
ceanwp-off-screen-filters
ซ่อนฟิลเตอร์ปิดหน้าจอ

OceanWP ยังให้ตัวเลือกแก่คุณในการแสดงตะกร้าสินค้าของคุณ:

  • ป๊อปอัปรถเข็นพื้นเมือง
  • แถบรายการสินค้าแบบลอยตัว
  • แสดงรถเข็น
  • ชำระเงินที่ปราศจากสิ่งรบกวน

..และอื่น ๆ!

ลอง OceanWP และ Toolset วันนี้ แล้วบอกเราเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น!

เรียนรู้การสร้างร้านค้า WooCommerce แบบกำหนดเองทีละขั้นตอนด้วยหลักสูตร WooCommerce ฟรีของ Toolset


คุณสามารถ ลองใช้ Toolset และ OceanWP ร่วมกันได้ฟรี ด้วยการสาธิตร้านค้า WooCommerce