ฉันจะแสดงวิธีออกแบบเว็บไซต์อีคอมเมิร์ซของคุณอย่างรวดเร็วด้วย Elementor
มุมมองส่วนหน้า
จากส่วนหลังของเว็บไซต์ของคุณ เลื่อนเมาส์ไปที่ชื่อเว็บไซต์ของคุณที่แผงด้านซ้ายบน คลิกขวาที่ชื่อเว็บไซต์ของคุณแล้วคลิก “เปิดลิงก์ในแท็บใหม่”
คุณจะสามารถเห็นส่วนหน้าของเว็บไซต์ของคุณในแท็บใหม่
หากส่วนหน้าของคุณไม่มีลักษณะเช่นนี้ แสดงว่าคุณเคยใช้การออกแบบชุดบนเว็บไซต์มาก่อน
รีเซ็ตเว็บไซต์
หากคุณไม่ต้องการใช้เทมเพลตนั้น คุณสามารถกลับไปที่โฮสติ้งแบ็กเอนด์ของคุณ (ใต้ “จัดการเว็บไซต์นี้”) และรีเซ็ตเป็นเว็บไซต์ของคุณ
โปรดทราบว่านี่หมายความว่าคุณจะต้องติดตั้งปลั๊กอิน WooCommerce ใหม่อีกครั้ง
ห้องสมุด Kit ของ Elementor
หากคุณต้องการสำรวจคอลเลกชันตัวเลือกการออกแบบของ Elementor คุณสามารถวางเมาส์เหนือ "เทมเพลต" แล้วคลิก "Kit Library"
คุณจะเห็นเทมเพลตที่หลากหลายที่คุณสามารถใช้ได้
เทมเพลตเหล่านี้มีทั้งหมด 5 หมวดหมู่กว้างๆ ได้แก่ “เว็บไซต์อย่างง่าย” “ไวร์เฟรม” “พอร์ตโฟลิโอ” “ร้านค้าออนไลน์” และ “บล็อกหรือนิตยสาร”
ดูการสาธิตบนเทมเพลต
คุณสามารถคลิกที่ “ดูการสาธิต” เพื่อดูว่าเว็บไซต์เทมเพลตจะมีลักษณะอย่างไร ฉันกำลังแสดงหน้าสาธิตของเทมเพลตโครงลวด
Wireframes เป็นเพียงการออกแบบเลย์เอาต์และไม่ได้มาพร้อมกับเนื้อหารูปภาพ
สิ่งหนึ่งที่ฉันชอบเกี่ยวกับ Elementor คือมันสามารถช่วยคุณสร้างเว็บไซต์ที่ตอบสนองมือถือได้อย่างง่ายดาย ที่หน้าสาธิต คุณยังสามารถดูว่าเว็บไซต์ของคุณจะมีลักษณะอย่างไรในมุมมองแท็บเล็ตและมือถือ
เทมเพลตร้านค้าสำหรับการสาธิตอีคอมเมิร์ซ
สำหรับบทช่วยสอน ฉันจะใช้เทมเพลต “ร้านขายของ”
เนื่องจากดูสะอาดตาเหมาะกับสินค้าทุกประเภทและเหมาะสำหรับผู้ขายที่อาจมีรูปใช้ไม่มากนัก
หากต้องการใช้เทมเพลต “ร้านขายของ” ให้เลือกหมวดหมู่ “ร้านค้าออนไลน์” จากนั้นมองหา "ร้านค้าสินค้า" และคลิกที่ "ดูการสาธิต"
คลิกที่ปุ่มสีชมพู Apply Kit ที่มุมขวาบน
คลิกที่ "ใช้ทั้งหมด" เมื่อหน้าต่างป๊อปอัปปรากฏขึ้น
รอให้ Elementor ตั้งค่าชุดของคุณ
ใช้เวลาสักพัก.
เมื่อติดตั้งชุดอุปกรณ์สำเร็จแล้ว คุณจะเห็นหน้านี้
เพียงคลิกที่ "ปิด" ที่มุมล่างขวา
ในบทช่วยสอนถัดไป ฉันจะแสดงวิธีตั้งค่าเอกลักษณ์ของไซต์ของคุณ
