WooCommerce: รีวิวธีม Flatsome

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

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

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

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

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

Flatsome: ภาพรวมโดยย่อ

Flatsome - ธีม WooCommerce แบบตอบสนองอเนกประสงค์ที่เผยแพร่ในปี 2013 เป็นหนึ่งในธีมยอดนิยมและเป็นที่นิยมใน ThemeForest ในอีกไม่กี่วัน จะถึง 200,000 ยอดขายใน ThemeForest

ธีม UX ออกแบบและพัฒนาธีม Flatsome ที่ใช้งานง่ายและปรับแต่งได้ - เหมาะสำหรับผู้ที่ไม่ใช่ผู้เขียนโค้ดและผู้เริ่มต้น

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

นอกจากนี้ยังมาพร้อมกับการอัปเดตในอนาคตและทำงานร่วมกับ WooCommerce ได้อย่างราบรื่น เริ่มต้นด้วยการทบทวนธีม Flatsome ด้วยการติดตั้งและการตั้งค่า

การติดตั้งและตั้งค่าที่ราบรื่น

เมื่อคุณติดตั้งธีม Flatsome และเปิดบนแดชบอร์ดแบ็กเอนด์ของ WordPress คุณจะเข้าสู่หน้านี้

ที่นี่ คุณต้องคลิกปุ่ม วิซาร์ดการตั้งค่า ซึ่งจะนำคุณผ่านกระบวนการเพื่อเริ่มต้นและตั้งค่าธีมบนร้านค้า WooCommerce ของคุณ

คุณสามารถข้ามวิซาร์ดการตั้งค่าและคลิกที่ปุ่ม 'Not right now' และหากต้องการเริ่มต้นใหม่และตั้งค่าในภายหลัง ให้ไปที่ Flatsome > Setup > Wizard บนแดชบอร์ด WordPress ของคุณ

หรือคุณสามารถคลิกที่ 'ไปกันเถอะ!' ปุ่มเพื่อเริ่มการตั้งค่า เมื่อคุณคลิกที่ปุ่มนี้ ให้ป้อนรหัสการซื้อเพื่อลงทะเบียนธีมของคุณ และคลิกที่ปุ่ม 'ลงทะเบียน'

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

ถัดไป การตั้งค่าต้องการให้คุณติดตั้งปลั๊กอินหลายตัว รวมถึง:

  • WooCommerce
  • แบบฟอร์มติดต่อ 7 (จำเป็น)
  • Nextend Google Connect (จำเป็น)
  • Nextend Facebook Connect (จำเป็น)
  • แถบด้านข้างไม่ จำกัด Woosidebars (จำเป็น)
  • สร้างภาพขนาดย่อใหม่ (จำเป็น)
  • YITH WooCommerce Wishlist (จำเป็น)

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

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

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

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

ตอนนี้เราได้เห็นวิธีตั้งค่าธีมแล้ว มาดูคุณสมบัติของ Flatsome และการออกแบบกัน

ฟีเจอร์ยอดนิยมสำหรับ WooCommerce

หากต้องการแก้ไขด้วย Flatsome ให้ไปที่ Pages > Add New และคลิกที่ Edit with UX Builder ในหน้าถัดไป

คุณจะเข้าสู่หน้านี้

มาดูฟีเจอร์ทั้งหมดที่ Flatsome มีให้ทีละรายการ:

  1. อินเทอร์เฟซที่ใช้งานง่าย

Flatsome มาพร้อมกับอินเทอร์เฟซที่ไร้รอยต่อ ทำให้การเพิ่มและลบองค์ประกอบที่คุณเลือกทำได้ง่ายขึ้น

เมื่อคุณคลิกปุ่ม 'เพิ่มองค์ประกอบ' คุณจะเห็นตัวเลือกองค์ประกอบหลายรายการในแถบด้านข้าง ซึ่งรวมถึงเลย์เอาต์ เนื้อหา และร้านค้า

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

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

  1. ชุดตัวเลือกการออกแบบธีมที่หลากหลาย

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

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

  1. ตัวสร้างส่วนหัวและตัวแก้ไขส่วนหน้า

Flatsome เสนอตัวเลือกการปรับแต่งส่วนหัวที่ยอดเยี่ยมด้วยตัว สร้างส่วนหัว

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

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

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

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

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

  1. ตัวสร้าง UX

เช่นเดียวกับ Avada ที่มาพร้อมกับตัวสร้างเพจแบบสด Fusion Builder – Flatsome มาพร้อมกับ UX Builder

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

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

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

  1. Flatsome Studio

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

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

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

  1. องค์ประกอบตัวเลื่อนในตัว

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

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

คุณสามารถปรับแต่งการนำทางของแถบเลื่อน เลื่อนอัตโนมัติ และการตั้งค่าขั้นสูงได้อย่างง่ายดาย

  1. การเพิ่มประสิทธิภาพกลไกค้นหา

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

ดังนั้น การเลือกธีมที่มีฟีเจอร์เอนกประสงค์ควบคู่ไปกับความเร็วและประสิทธิภาพที่เร็วขึ้นจึงเป็นสิ่งสำคัญ

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

ยิ่งไปกว่านั้น ธีมยังคงรักษาเอฟเฟกต์พารัลแลกซ์และแอนิเมชั่น CSS ไว้อย่างน้อย 60 fps ทำให้เว็บไซต์ราบรื่นและมีประสิทธิภาพสูง

  1. ตัวเลือกสไตล์ที่ยืดหยุ่น

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

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

  1. การสนับสนุนและเอกสารประกอบ

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

คุณสามารถเข้าถึงการสนับสนุนนี้ได้โดยไปที่ Flatsome > Help & Guides บนแดชบอร์ด WordPress แบ็กเอนด์ของคุณ คุณยังได้รับการสนับสนุนเฉพาะ 6 เดือนจากธีม UX พร้อมการอัปเดตในอนาคต นอกจากนี้ คุณสามารถขยายการสนับสนุนนี้ได้นานถึง 12 เดือนโดยมีค่าใช้จ่ายเพิ่มเติม $17.63

นี่คือลิงค์ไปยังการสนับสนุน Flatsome ที่ครอบคลุม:

  • วิดีโอสอนเกี่ยวกับช่อง YouTube ของ Flatsome
  • คอลเล็กชันบทความมากมายในฐานความรู้ Flatsome
  • การสนับสนุนออนไลน์ผ่าน Themeforest
  • ตัวอย่างคร่าวๆ เพื่อดูกรณีการใช้งานต่างๆ และรับแรงบันดาลใจจาก

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

คุณสมบัติแบนอื่น ๆ

นี่คือรายการคุณสมบัติ Flatsome ที่สำคัญอื่นๆ ที่ทำให้เป็นหนึ่งในธีม WooCommerce ที่ได้รับความนิยมมากที่สุด:

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

คุณยังสามารถดูคุณสมบัติใหม่และอ่านบันทึกการเปลี่ยนแปลงใหม่ของ Flatsome 3.14 และ Flatsome 3.13 ได้อีกด้วย

รีวิวราคาแบน

สิทธิ์ใช้งานปกติ ของธีม Flatsome มีค่าใช้จ่าย 59 ดอลลาร์ (ไม่รวมภาษี) สำหรับไซต์เดียว

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

สรุป: คุณควรเลือก Flatsome หรือไม่?

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

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

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