วิธีการสร้างเว็บไซต์ร้านค้าออนไลน์ด้วย WordPress

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


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

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

สิ่งที่คุณต้องมีคือบัญชีเว็บโฮสติ้งและความพยายามเล็กน้อยและคุณจะสามารถสร้างเว็บไซต์อีคอมเมิร์ซได้ในเวลาไม่นาน.


มาเริ่มกันเลย!

Contents

สิ่งที่คุณต้องการ:

  • โฮสติ้ง. ฉันแนะนำ SiteGround.
  • ชื่อโดเมน.
  • ธีม WordPress. สำหรับบทช่วยสอนนี้เราใช้ธีม Astra ฟรี.
  • WordPress สร้างหน้า. สำหรับสิ่งนี้เราใช้เครื่องมือสร้างเพจ Elementor ฟรี.
  • WooCommerce, ปลั๊กอิน WordPress อีคอมเมิร์ซที่ดีที่สุด.

ขั้นตอนที่ 1 ซื้อเว็บโฮสติ้งและชื่อโดเมน.

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

โฮสติ้งและชื่อโดเมนคืออะไร?

เว็บโฮสติ้งเป็นสถานที่บนอินเทอร์เน็ตที่เว็บไซต์ของคุณจะอยู่ มันเหมือนบ้านที่มีอยู่จริงซึ่งคุณสามารถหาของได้ ในทางกลับกันชื่อโดเมนคือที่อยู่ของเว็บไซต์ของคุณ เหมือนที่อยู่ที่คุณมอบให้คนอื่นเพื่อให้พวกเขาสามารถมาเยี่ยมคุณที่บ้านได้ “ Facebook.com”,“ Google.com” และ“ WordPress.com” เป็นตัวอย่างของชื่อโดเมนทั้งหมด.

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

Siteground บริการเว็บโฮสติ้งที่ฉันต้องการ

คุณสามารถใช้บริการเว็บโฮสติ้งคุณภาพสูงเพื่อสร้างเว็บไซต์อีคอมเมิร์ซ แต่ในบทช่วยสอนนี้เราจะใช้ Siteground.

SiteGround เป็นผู้ให้บริการพื้นที่เว็บออนไลน์ที่ได้รับการแนะนำอย่างสูงเพราะพวกเขาให้ความสำคัญกับผู้ใช้งาน WordPress และยังมีราคาที่เหมาะสม พวกเขาเป็นที่รู้จักมากที่สุดสำหรับการทำงานที่รวดเร็วและการสนับสนุนที่รวดเร็วเท่าเทียมกัน.

นี่คือคุณสมบัติที่สำคัญของ SiteGround:

  • ฟรีใบรับรอง SSL
  • สนับสนุน FAST Knowledgable
  • WordPress การจัดเตรียมสภาพแวดล้อม
  • การโยกย้ายเว็บไซต์ฟรี
  • สำรอง 30 วัน

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

ฉันได้ทำข้อตกลงที่ยอดเยี่ยมกับพวกเขาเพื่อมอบส่วนลด 70% ให้กับทุกคนที่สมัครใช้งาน ลิงค์นี้. ดังนั้นหากคุณต้องการประหยัดเงินในการโฮสต์ของคุณ, คลิกที่ลิงค์นี้ และซื้อโฮสติ้งของคุณตอนนี้.

เมื่อคุณลงจอดในหน้าแรกของพวกเขาคุณจะเห็นโฮสติ้งที่แตกต่างกันสี่ประเภท:

เลือกแผนพื้นที่ไซต์

เลือกโฮสติ้ง WordPress แล้วคลิก เริ่ม. จากนั้นคุณจะเห็นแผนการกำหนดราคาสามแบบ:

การกำหนดราคาพื้นที่เว็บไซต์ wordpress

เลือกหนึ่งรายการตามความต้องการและงบประมาณของคุณ คุณสามารถตรวจสอบพวกเขา เปรียบเทียบแต่ละแผนโฮสต์ เพื่อให้ได้แนวคิดที่ดีที่สุดว่าแผนใดเหมาะสมกับความต้องการของคุณมากที่สุด.

เมื่อคุณตัดสินใจเลือกแล้วให้คลิก รับแผน. จากนั้นคุณจะถูกนำไปยังหน้าที่คุณจะต้องเลือกโดเมน หากคุณซื้อชื่อโดเมนแล้วเลือก“ ฉันมีโดเมนแล้ว” แต่หากคุณยังไม่มีให้เลือก“ ลงทะเบียนโดเมนใหม่” เพื่อซื้อโดเมนที่อยู่ภายใน Siteground.

เลือกโดเมน

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

ขั้นตอนที่สอง ติดตั้ง WordPress.

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

จริง ๆ แล้ว Siteground มาพร้อมกับการติดตั้ง WordPress แบบคลิกเดียวซึ่งทำงานหนักทั้งหมดในการติดตั้งและตั้งค่า WordPress ให้คุณ.

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

จากนั้นคุณจะเห็นรายการซอฟต์แวร์ที่คุณสามารถติดตั้งได้ เลือก WordPress.

ติดตั้ง wordpress

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

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

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

ไปที่แผงควบคุมของ wordpress admin

หน้าเข้าสู่ระบบ WordPress มักจะมีรูปแบบเหล่านี้: yourdomain.com/wp-admin และ yourdomain.com/wp-login. จำ URL หน้าเข้าสู่ระบบของคุณเพื่อให้ครั้งต่อไปคุณจะสามารถเข้าถึงได้โดยพิมพ์ URL ลงในแถบที่อยู่ของคุณโดยตรงโดยไม่ต้องลงชื่อเข้าใช้ที่หน้าจออีกต่อไป.

หน้าเข้าสู่ระบบ WordPress มีลักษณะดังนี้:

หน้าเข้าสู่ระบบ wordpress

ป้อนชื่อผู้ใช้และรหัสผ่านของคุณที่นี่เพื่อเข้าสู่เว็บไซต์ของคุณเป็นครั้งแรก.

ขั้นตอนที่ 3 ติดตั้งธีม Astra และ Astra Sites.

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

แอสตร้าเป็นธีมเวิร์ดเพรสฟรีที่มีความเร็วและความเรียบง่ายที่ยอดเยี่ยม จับคู่กับ Astra Sites (ปลั๊กอินฟรี) และทุกคนสามารถมีเว็บไซต์ที่สวยงามด้วยการคลิกเมาส์เพียงไม่กี่ นอกจากนี้ยังมีรุ่น Pro ที่ทำให้ Astra เป็นธีมที่สมบูรณ์แบบ.

นี่คือคุณสมบัติที่ฉันชอบมากที่สุดเกี่ยวกับแอสตร้า:

  • หนึ่งในธีมที่เร็วที่สุดที่มีให้
  • มากกว่า 100 ไซต์เริ่มต้น (ส่วนใหญ่จะฟรี 100%)
  • คุณสมบัติเมนู Mega ยืดหยุ่น
  • แพ็คเกจเสริมที่ทรงพลัง
  • สนับสนุน WooCommerce อย่างกว้างขวาง

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

ฉันมีความมั่นใจอย่างเต็มที่ในการพัฒนาและประทับใจมากกับการเขียนโค้ดธีมเป็นอย่างไร.

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

ในการติดตั้ง Astra ไปที่ การปรากฏ > กระทู้ > เพิ่มใหม่. ค้นหา Astra คลิก ติดตั้ง, และ เปิดใช้งาน.

ติดตั้งธีมแอสตร้า

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

หลังจากติดตั้งแอสตร้าคุณจะเห็นข้อความนี้บนแผงควบคุมของคุณ:

เว็บไซต์ Astra เริ่มต้นใช้งาน

คลิก เริ่ม. สิ่งนี้จะติดตั้ง Astra Starter Sites ให้คุณ.

เลือกตัวสร้างหน้าของคุณ

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

คุณสมบัติองค์ประกอบที่สำคัญ:

  • เครื่องมือแก้ไขส่วนหน้าสด
  • คุณสมบัติการปรับแต่งเว็บไซต์
  • เทมเพลต & บล็อกไลบรารี
  • ตัวเลือกตอบสนองมือถือที่กว้างขวาง
  • เครื่องมือสร้างป๊อปอัพที่ทรงพลังที่สุด
  • PRO: สร้างส่วนหัว / ส่วนท้ายที่กำหนดเอง
  • PRO: สร้างเลย์เอาต์โพสต์ประเภท

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

เลือกธีมเว็บไซต์ของคุณ Astra

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

สำหรับบทช่วยสอนนี้ฉันจะใช้เทมเพลตการพิมพ์แบบกำหนดเองเพราะมันดูน่าตื่นตาตื่นใจและมีความสำคัญกับอีคอมเมิร์ซมาก.

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

หากคุณสังเกตเห็นจะมีกล่องที่เขียนว่า “ติดตั้งปลั๊กอินที่จำเป็น” การทำเครื่องหมายในช่องนี้จะติดตั้งปลั๊กอินที่จำเป็นทั้งหมดสำหรับธีมเพื่อดูว่ามันเป็นอย่างไร สำหรับธีม Custom Printing จะติดตั้ง Elementor, WooCommerce และ WPForms การทำเช่นนี้ช่วยประหยัดเวลาได้มากเพราะไม่ต้องติดตั้งปลั๊กอินเหล่านี้ทีละตัว ทุกอย่างทำเพื่อฉัน.

การนำเข้าชุดรูปแบบเว็บไซต์แอสตร้า

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

ขั้นตอน 4. ปรับแต่งเว็บไซต์ของคุณ.

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

การเลือกจานสี

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

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

หน้าแรกของ coolors

หากคุณเห็นจานสีที่คุณชอบให้เลื่อนเม้าส์ของคุณเหนือมันคลิก ดู, และคุณจะเข้าสู่หน้าต่างใหม่ที่คุณจะเห็นรหัส Hex ของแต่ละสี.

จานสีพร้อมรหัสฐานสิบหก

รหัส Hex เหล่านี้คือสิ่งที่คุณต้องใช้สีเหล่านี้ในเว็บไซต์ของคุณ หลังจากนั้นฉันจะแสดงวิธีใช้รหัส Hex เหล่านี้ให้กับแบ็กเอนด์ WordPress.

เครื่องมือที่ยอดเยี่ยมอีกอย่างคือ Colorzilla ซึ่งเป็นส่วนเสริมของ Google Chrome ที่ให้คุณได้รหัส Hex ของสีใด ๆ ที่คุณเห็นบนเว็บไซต์ใด ๆ เพื่อให้คุณสามารถใช้มันได้ด้วยตัวคุณเอง หากคุณต้องการได้รับส่วนขยาย Colorzilla, คลิกที่นี่. จากนั้นคลิก เพิ่มใน Chrome.

ColorZilla

อาจใช้เวลาสักครู่ แต่เมื่อเสร็จแล้วคุณจะเห็นไอคอนนี้บนแถบเครื่องมือของคุณ:

ไอคอน colorzilla

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

การปรับแต่งตัวอักษร

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

ฉันชอบใช้ Fontpair.co ซึ่งเป็นเว็บไซต์ที่แสดงให้คุณเห็นว่าแบบอักษรที่แตกต่างกันสองแบบมีลักษณะอย่างไร.

ใช้ fontpairs.co

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

ฉันชอบใช้ WhatFont ส่วนขยายของ Google Chrome ที่บอกให้คุณทราบว่าจะใช้แบบอักษรใดในเว็บไซต์ใด ๆ เพื่อติดตั้ง WhatFont, คลิกที่นี่ จากนั้นคลิก เพิ่มใน Chrome. จากนั้นคุณจะเห็นไอคอนนี้บนแถบเครื่องมือ:

ไอคอน whatfont

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

ใช้ whatfont

รับโลโก้

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

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

โลโก้ canva

หากคุณต้องการประหยัดเวลาคุณสามารถจ้างนักออกแบบโลโก้อิสระเพื่อทำเพื่อคุณ คุณสามารถลองเว็บไซต์เช่น Fiverr.com หรือ 99design ได้ แต่คุณต้องระวังในการเลือกศิลปินตามสไตล์, ประวัติเพลง, รีวิว, การให้คะแนนและอื่น ๆ.

ปรับแต่งเว็บไซต์ของคุณ

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

ปรับแต่งธีม

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

ปรับแต่งธีม

นี่คือลักษณะที่ตัวปรับแต่งธีมมีลักษณะดังนี้:

ตัวปรับแต่งธีม

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

ใน Astra หากต้องการเปลี่ยนสีของไซต์ให้ไปที่ สีและพื้นหลัง. คุณจะมีตัวเลือกในการเปลี่ยนสีพื้นฐาน breadcrumbs ส่วนหัวและสีของแถบท้ายกระดาษ.

ตัวแก้ไขพื้นหลังสี

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

โปรแกรมแก้ไขสีพื้นฐาน

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

เครื่องมือปรับแต่งการพิมพ์

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

อัพโหลดโลโก้

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

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

เมื่อปรับแต่งเสร็จแล้วอย่าลืมคลิก ประกาศ เพื่อให้การเปลี่ยนแปลงของคุณเป็นจริงบนไซต์ของคุณ.

ขั้นตอน 5. ปรับแต่งเว็บไซต์ของคุณด้วย Elementor.

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

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

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

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

หน้า

หากต้องการแก้ไขหน้าด้วยเครื่องมือสร้างหน้าของคุณให้วางเมาส์ไว้เหนือหน้านั้นแล้วคลิก แก้ไขด้วย (เครื่องมือสร้างหน้า). ในกรณีของฉันมันจะเป็น แก้ไขด้วย Elementor.

แก้ไขด้วย elementor

เมื่อคุณคลิกแล้วคุณจะเข้าสู่ Elementor.

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

แก้ไขด้วย elementor

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

ข้อความแก้ไขในองค์ประกอบหรือ

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

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

การแก้ไขภาพในองค์ประกอบหรือ

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

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

หากคุณต้องการซื้อ Elementor Pro และในเวลาเดียวกันสามารถเข้าใช้หลักสูตร Elementor Pro ของฉันได้ฟรีคลิกที่ลิงค์นี้ที่นี่.

ขั้นตอนที่ 5. ตั้งค่า WooCommerce.

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

WooCommerce ได้รับการติดตั้งสำหรับฉันแล้วโดยธีม Custom Print Astra Site ดังนั้นตอนนี้ฉันต้องเข้าไปและติดตั้งแล้ว หากคุณยังไม่ได้ติดตั้ง WooCommerce ให้ไปที่ ปลั๊กอิน > เพิ่มใหม่ และค้นหา WooCommerce.

สิ่งแรกที่เราต้องทำคือไปที่ WooCommerce > การตั้งค่า. คุณจะเห็นแท็บ 7 แท็บ: ทั่วไป, ผลิตภัณฑ์, การจัดส่ง, การชำระเงิน, บัญชีและความเป็นส่วนตัว, อีเมล, และขั้นสูง.

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

การตั้งค่าทั่วไปของ woocommerce

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

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

การตั้งค่าผลิตภัณฑ์ woocommerce

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

การตั้งค่าสินค้าคงคลัง woocommerce

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

ตัวเลือกผลิตภัณฑ์ที่สามารถดาวน์โหลดได้

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

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

การจัดส่งสินค้าโซน

หากคุณต้องการความช่วยเหลือเพิ่มเติมเกี่ยวกับเขตการจัดส่งคุณสามารถตรวจสอบโซนการจัดส่งของ WooCommerce เอกสาร.

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

ตัวเลือกการจัดส่งสินค้า

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

เรียนการจัดส่งสินค้า

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

เพิ่มค่าจัดส่ง

เมื่อคุณคลิก แก้ไข, หน้าต่างป๊อปอัพจะปรากฏขึ้น ที่นี่คุณจะสามารถเพิ่มอัตราการจัดส่งแบบคงที่และค่าใช้จ่ายเพิ่มเติมสำหรับชั้นการจัดส่งที่คุณเพิ่งสร้างขึ้น.

ค่าจัดส่งของชั้นการจัดส่งสินค้า

หากคุณต้องการความช่วยเหลือเพิ่มเติมในการกำหนดการตั้งค่าการจัดส่งคุณสามารถตรวจสอบ WooCommerce เอกสารสำหรับการจัดส่ง.

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

วิธีการชำระเงิน

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

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

บัญชีและความเป็นส่วนตัว

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

การแจ้งเตือนทางอีเมล

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

woocommerce การตั้งค่าหน้ากระดาษ

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

ขั้นตอน 6. เพิ่มผลิตภัณฑ์.

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

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

ตอนนี้เรามาดูวิธีที่เราสามารถเปลี่ยนแปลงและเพิ่มผลิตภัณฑ์ของเราเองในแบ็กเอนด์.

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

โปรแกรมแก้ไขผลิตภัณฑ์

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

WooCommerce ให้คุณเพิ่มผลิตภัณฑ์ประเภทนี้:

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

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

ตัวเลือกผลิตภัณฑ์ที่สามารถดาวน์โหลดได้

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

ใน สินค้าคงคลัง, คุณจะสามารถเพิ่ม SKU ระบุจำนวนหุ้นเฉพาะสำหรับผลิตภัณฑ์นี้กำหนดสถานะหุ้นและอื่น ๆ.

ใน การส่งสินค้า, คุณสามารถระบุน้ำหนักและขนาดของผลิตภัณฑ์รวมทั้งกำหนดคลาสการจัดส่งที่เราสร้างขึ้นในขั้นตอนก่อนหน้า.

จัดส่งในข้อมูลผลิตภัณฑ์

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

ผลิตภัณฑ์ที่เชื่อมโยง

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

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

คำอธิบายสั้น ๆ และภาพผลิตภัณฑ์

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

การมองเห็นแคตตาล็อก

เมื่อคุณทำทุกอย่างเสร็จแล้วให้คลิก ปรับปรุง เพื่อบันทึกการเปลี่ยนแปลงทั้งหมดของคุณ.

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

ขั้นตอนที่ 7 กำหนดค่าเช็คเอาต์ของคุณเอง.

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

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

cartflows

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีสร้างช่องทางการขายด้วย CartFlows คุณสามารถดูบทช่วยสอนนี้ที่ฉันทำ.

ขั้นตอนที่ 8. อยู่ด้านบนของการละทิ้งรถเข็น.

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

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

โชคดีที่มีปลั๊กอินที่เรียกว่า WooCommerce Recovery Cart Abandonment Recovery ปลั๊กอินที่ติดตามและส่งอีเมลติดตามโดยอัตโนมัติไปยังลูกค้าด้วยรถเข็นที่ถูกทิ้งร้าง – ทั้งหมดนี้ฟรี!

หากคุณใช้ธีม Astra Site ที่ฉันใช้ที่นี่ปลั๊กอินนี้จะถูกติดตั้งให้คุณแล้ว แต่ถ้าไม่คุณสามารถติดตั้งได้โดยไปที่ ปลั๊กอิน > เพิ่มใหม่ และค้นหาปลั๊กอิน.

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

รถเข็นคำสั่งซื้อคืนได้ละทิ้ง

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

ติดตามอีเมล

จากนั้นคุณจะถูกนำไปที่โปรแกรมแก้ไขอีเมล:

การปรับแต่งอีเมลติดตามผล

ห่อ

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

โรคติดต่อระหว่างประเทศ

SiteGround เป็นผู้ให้บริการพื้นที่เว็บออนไลน์ที่ได้รับการแนะนำอย่างสูงเพราะพวกเขาให้ความสำคัญกับผู้ใช้งาน WordPress และยังมีราคาที่เหมาะสม พวกเขาเป็นที่รู้จักมากที่สุดสำหรับการทำงานที่รวดเร็วและการสนับสนุนที่รวดเร็วเท่าเทียมกัน.

คุณสมบัติหลักของ SiteGround:

  • ฟรีใบรับรอง SSL
  • สนับสนุน FAST Knowledgable
  • สิ่งแวดล้อมการแสดงละคร WordPress
  • การโยกย้ายเว็บไซต์ฟรี
  • สำรองข้อมูลรายวัน

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

ตรวจสอบ SiteGround

ธีมแอสตร้า

แอสตร้าเป็นธีมเวิร์ดเพรสฟรีที่เน้นเรื่องความเร็ว คุณสามารถซื้อรุ่น Pro ได้ในราคา $ 59 ซึ่งจะเป็นการเพิ่มการตั้งค่าและตัวเลือกเพิ่มเติม.

คุณสมบัติเด่นของธีมแอสตร้า:

  • ไม่ใช่ชุดรูปแบบ Fastes แต่มันไม่ใช่เรื่องเหลวไหล
  • เว็บไซต์สาธิตฟรีมากมาย
  • คุณสมบัติเมนู Mega ที่ยืดหยุ่นได้
  • ตัวเลือกเลย์เอาต์ที่กำหนดเอง
  • สนับสนุน WooCommerce
  • สนับสนุน LearnDash

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

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

สำหรับฉันแล้วฉันคิดว่าธีมของ Astra ไม่สอดคล้องกับแนวโน้มปัจจุบันและฉันไม่แนะนำอีกต่อไป.

มีชุดรูปแบบที่ทันสมัยกว่าที่มีอยู่มากมายที่ให้ส่วนหัวและส่วนท้ายของบิวด์ inbuilt เทียบกับ 3 เลย์เอาต์รวมทั้งเพจที่ยืดหยุ่นมากขึ้นและเลย์เอาต์โพสต์.

ตรวจสอบธีมแอสตร้า

Elementor

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

คุณสมบัติองค์ประกอบที่สำคัญ:

  • เครื่องมือแก้ไขส่วนหน้าสด
  • คุณสมบัติส่วนบุคคลของเว็บไซต์
  • เทมเพลต & บล็อกไลบรารี
  • ตัวเลือกตอบสนองมือถือที่กว้างขวาง
  • เครื่องมือสร้างป๊อปอัพที่ทรงพลังที่สุด
  • PRO สร้างส่วนหัว / ท้ายกระดาษแบบกำหนดเอง
  • PRO สร้างเลย์เอาต์ประเภทโพสต์

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

Elementor Pro เป็นค่าที่เหลือเชื่อเมื่อพิจารณาโมดูลเพิ่มเติมและคุณสมบัติด้านพลังงานทั้งหมดที่มี.

ถ้าฉันเริ่มโครงการเว็บไซต์ใหม่วันนี้ Elementor จะเป็นผู้สร้างเพจที่ฉันจะเลือก ฉันคิดว่ามันจะต้องมีตัวสร้างหน้า WordPress ที่ยินดีใช้.

ตรวจสอบ Elementor

CartFlows

CartFlows เป็นเครื่องมือสร้างช่องทางการขายสำหรับ WordPress ช่วยให้คุณสร้างช่องทางการขายได้อย่างรวดเร็วและง่ายดายโดยใช้เครื่องมือสร้างหน้าเว็บที่คุณเลือก.

รถเข็นคีย์ไหลคุณสมบัติ:

  • เทมเพลตที่ออกแบบอย่างมืออาชีพ
  • 5 การข้ามคำสั่งตำแหน่ง
  • One Click Upsells
  • ใช้เครื่องมือสร้างเพจที่คุณต้องการ
  • ขยายได้ซึ่งแตกต่างจากช่องทางคลิก
  • ตัวนับถอยหลัง & การทดสอบแยก

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

ชำระเงินรถเข็นกระแส

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map