การติดตั้งและกำหนดค่า WooCommerce เพื่อให้ได้ร้านค้าออนไลน์ที่ราบรื่น (และสวยงาม)

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

การติดตั้งและกำหนดค่า WooCommerce WooCommerce น่าทึ่งมาก

ลงมือ. คุณไม่สามารถเอาชนะมันได้เมื่อพัฒนาเว็บไซต์อีคอมเมิร์ซบนแพลตฟอร์ม WordPress และมันเข้ากันได้ดีในแง่ของความสามารถในการปรับขนาดถัดจากระบบเช่น Magento, Shopify และ BigCommerce

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

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

ด้วยสถานที่ตั้งธุรกิจที่ตรวจสอบแล้วกว่า 230,000 แห่งโดยใช้ WooCommerce ในสหรัฐอเมริกา เป็นตัวเลือกยอดนิยมสำหรับนักพัฒนาที่กำลังปรับปรุงระบบทุกปี

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

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

เริ่มต้นด้วยการติดตั้งเว็บไซต์ WordPress ของคุณบนโฮสต์ที่มีชื่อเสียง

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

โดยทั่วไป บริษัทโฮสติ้งส่วนใหญ่มีปุ่มติดตั้ง WordPress เพียงคลิกเดียว ดังนั้นกระบวนการจึงง่ายกว่าที่เคย

ค้นหาธีมที่สมบูรณ์แบบสำหรับ WooCommerce

การเลือกธีม WooCommerce

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

การค้นหาตัวเลือกเหล่านี้ค่อนข้างง่าย โดยพิจารณาจากนักพัฒนาธีม WordPress ชั้นนำที่มีตัวกรองเพื่อค้นหาธีมที่มีฟังก์ชัน WooCommerce

หากคุณกำลังมองหาลิงก์ด่วนไปยังคำแนะนำธีม WooCommerce ที่ยอดเยี่ยม นี่คือบางส่วนที่เราชอบ:

  • ลุค
  • Mystile
  • เจ้าของร้าน
  • Exhist
  • อวาดา
  • Divi

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

  • ThemeForest
  • WooThemes
  • ธีมโมโจ
  • มอนสเตอร์เทมเพลต
  • Themify

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

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

การติดตั้งธีม WooCommerce พร้อมกับปลั๊กอิน WooCommerce

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

ก่อนอื่น คุณจะต้องไปที่ส่วนหลังของแดชบอร์ด WordPress ของคุณ ไปที่ด้านซ้ายมือของแดชบอร์ด แล้วไปที่ ลักษณะที่ปรากฏ > ธีม

ปุ่มธีม WooCommerce

จะเป็นการโหลดหน้าใหม่โดยมีปุ่มไม่กี่ปุ่มที่ด้านบน เลือกปุ่มอัปโหลดเพื่อดำเนินการต่อ

อัปโหลดธีม WooCommerce

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

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

เลือกไฟล์และเปิดใช้งาน

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

ปลั๊กอิน WordPress - เพิ่มใหม่

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

พิมพ์ใน WooCommerce

มีปลั๊กอิน WooCommerce อยู่สองสามตัว แต่คุณกำลังมองหาปลั๊กอินที่มีการติดตั้งนับล้านที่สร้างโดย WooThemes คลิกที่ปุ่มติดตั้งทันที

ติดตั้ง WooCommerce ตอนนี้

หลังจากที่ WooCommerce แตกแพ็คเกจออกมาแล้ว ให้คลิกที่ลิงก์ Activate Plugin

เปิดใช้งานปลั๊กอิน WooCommerce

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

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

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

ตั้งค่าหน้าสำคัญของคุณ

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

หน้าเหล่านี้เป็นหน้าที่ไม่ใช่ผลิตภัณฑ์ และรวมถึงรายการต่อไปนี้: ร้านค้า ตะกร้าสินค้า ชำระเงิน และบัญชีของฉัน

ตั้งค่าสี่หน้า

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

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

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

กำหนดค่าสถานที่ร้านค้าของคุณ การจัดส่ง และภาษี

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

การตั้งค่าสถานที่ร้านค้า WooCommerce

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

การตั้งค่าการจัดส่งและภาษี

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

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

เชื่อมต่อเกตเวย์การชำระเงินที่เหมาะกับคุณ

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

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

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

ช่องทางการชำระเงิน

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

รับสินค้าของคุณบนเว็บไซต์

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

เสร็จสิ้นขั้นตอน

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

เพิ่มปุ่มสินค้า

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

ชื่อเรื่องและคำอธิบาย

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

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

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

ข้อมูลและรูปภาพผลิตภัณฑ์ WooCommerce

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

คำอธิบายสั้น ๆ และแกลเลอรี่

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

ผลิตภัณฑ์ส่วนหน้า

ดึงดูดความงามและประสิทธิผล

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

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

บทสรุป

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