การออกแบบและการตั้งค่าของตัวสร้างหน้าร้าน
17 บทความ
- แท็บการตั้งค่าในตัวสร้างร้านค้ามีอะไรบ้าง และใช้อย่างไร ภาพรวมของทุกแท็บการตั้งค่าในตัวสร้างร้านค้า: แบรนด์ สี ฟอนต์ เลย์เอาต์ แอนิเมชัน ระบบอัตโนมัติ ช่องกรอก ไอคอน ข้อห้าม ชำระเงิน ฟอร์มชำระเงิน หน้าปิดปรับปรุง CSS ที่กำหนดเอง และ JavaScript ที่กำหนดเอง ซึ่งตั้งค่าแยกตามตลาด
- จะเพิ่ม Favicon รูปพื้นหลัง และโลโก้ให้ร้านค้าได้อย่างไร แท็บแบรนด์ในตัวสร้างร้านค้า: ตั้งค่า Favicon (ไอคอนบนแท็บเบราว์เซอร์) และรูปพื้นหลังของหน้าพร้อมขนาด (เต็มกรอบ พอดีกรอบ) และการทำซ้ำ ตั้งค่าโลโก้ในส่วนหัวและส่วนท้ายได้ที่ไหน และสีกับฟอนต์อยู่ที่ไหน
- ชุดสีทำงานอย่างไร และจะเปลี่ยนสีของร้านค้าได้อย่างไร สร้างและแก้ไขชุดสีในแท็บสีของตัวสร้างร้านค้า: พื้นหลัง ข้อความ ลิงก์ ป้าย เส้นขอบ เงา ปุ่มหลักและปุ่มรอง และช่องกรอกในฟอร์ม เรียนรู้วิธีที่ส่วนต่าง ๆ เลือกชุดสี ใช้ชุดสีของส่วนหลัก ขีดจำกัด 9 ชุดสี และทำไมการจัดลำดับใหม่จึงเปลี่ยนสี
- จะเปลี่ยนฟอนต์และน้ำหนักตัวอักษรของร้านค้าได้อย่างไร เปลี่ยนฟอนต์ของร้านค้าในแท็บฟอนต์ของตัวสร้างร้านค้า: ฟอนต์เนื้อความ หัวข้อ หัวข้อรอง และฟอนต์เน้น ฟอนต์ระบบกับฟอนต์ที่ไม่ใช่ฟอนต์ระบบ การค้นหาฟอนต์ ข้อความภาษาอาหรับ และน้ำหนักตัวอักษร (ปกติ กลาง หนา)
- จะเปลี่ยนความกว้างหน้าของร้านค้าได้อย่างไร ตั้งความกว้างหน้าสูงสุดของร้านค้าในแท็บเลย์เอาต์ของตัวสร้างร้านค้า (900 ถึง 1400 px) การทำงานบนโทรศัพท์และหน้าจอใหญ่ และส่วนที่กว้างเต็มจอขยายจากขอบถึงขอบอย่างไร
- จะเพิ่มหรือปิดแอนิเมชันเมื่อเลื่อนและการซูมรูปภาพในร้านค้าได้อย่างไร ใช้แท็บแอนิเมชันในตัวสร้างร้านค้า: แสดงเมื่อเลื่อน (ไม่มี จางเข้า เลื่อนขึ้น เลื่อนเข้า ซูม) เพื่อให้ส่วนต่าง ๆ เคลื่อนไหวเมื่อผู้ซื้อเลื่อนหน้า และเอฟเฟกต์ซูมรูปภาพเพื่อซูมรูปสินค้าเมื่อเมาส์ชี้ ทำไมแอนิเมชันไม่แสดงในตัวสร้างร้านค้า
- จะทำให้วิดีโอเล่นอัตโนมัติในร้านค้าได้อย่างไร เปิดเล่นวิดีโออัตโนมัติในแท็บระบบอัตโนมัติของตัวสร้างร้านค้า เพื่อให้วิดีโอเริ่มเล่นเมื่อผู้ซื้อเลื่อนมาถึง ครอบคลุมวิดีโอที่อัปโหลดและวิดีโอฝังจาก YouTube, Vimeo, TikTok และ Dailymotion ทำไมวิดีโอจึงปิดเสียง และหยุดเมื่ออยู่นอกหน้าจอ
- จะเปลี่ยนสไตล์ของช่องกรอกในฟอร์มของร้านค้าได้อย่างไร ใช้แท็บช่องกรอกในตัวสร้างร้านค้าเพื่อปรับสไตล์ทุกช่องในฟอร์มของร้านค้า (ชำระเงิน ติดต่อ จดหมายข่าว ฟอร์มรีวิว): ประเภทป้ายกำกับ (ย่อหรือขยาย) ไอคอนในช่อง (ไม่มี ค่าเริ่มต้น ป้ายกำกับ) และตำแหน่งไอคอน (ต้นหรือท้าย)
- จะทำให้ไอคอนในร้านค้าหนาขึ้นได้อย่างไร ใช้แท็บไอคอนในตัวสร้างร้านค้าเพื่อกำหนดเส้นของทุกไอคอนในร้านค้า แบบค่าเริ่มต้นหรือหนามาก: ไอคอนตะกร้าและค้นหาในส่วนหัว ลูกศรเมนู ไอคอนในช่องฟอร์ม และไอคอนในส่วนต่าง ๆ
- จะป้องกันไม่ให้ผู้เข้าชมคัดลอกข้อความและรูปภาพ หรือคลิกขวาในร้านค้าได้อย่างไร ใช้แท็บข้อห้ามในตัวสร้างร้านค้า: ป้องกันการคัดลอก การเลือกข้อความและรูปภาพ เมนูคลิกขวา การตรวจสอบหน้าเว็บด้วยเครื่องมือนักพัฒนา และหยุดไม่ให้โลโก้ในส่วนหัวลิงก์ไปหน้าแรก การป้องกันเหล่านี้ทำอะไรได้และทำอะไรไม่ได้
- จะเลือกระหว่างเพิ่มลงตะกร้าและชำระเงินด่วนได้อย่างไร ใช้แท็บชำระเงินในตัวสร้างร้านค้าเพื่อตั้งวิธีชำระเงิน (เพิ่มลงตะกร้าแบบมีตะกร้า หรือชำระเงินด่วนจากหน้าสินค้าโดยตรง) และวิธีรองที่เพิ่มปุ่มอีกแบบหนึ่ง สิ่งที่เปลี่ยนในหน้าสินค้า การ์ดสินค้า ตะกร้า และหน้าตะกร้าสินค้า
- จะเพิ่ม ซ่อน บังคับกรอก เปลี่ยนชื่อ หรือจัดลำดับช่องในฟอร์มชำระเงินได้อย่างไร แก้ไขฟอร์มชำระเงินในแท็บฟอร์มชำระเงินของตัวสร้างร้านค้า: ทุกช่อง (ชื่อ เบอร์โทร อีเมล ที่อยู่ เมือง จังหวัด รหัสไปรษณีย์ หมายเหตุ การจัดส่ง การชำระเงิน โค้ดส่วนลด) ปิดใช้งาน เปิดใช้งาน หรือจำเป็น ป้ายกำกับ ข้อความตัวอย่าง ดรอปดาวน์เลือกเมืองและจังหวัด พื้นที่จัดส่ง และลำดับช่อง
- จะเปิดโหมดปิดปรับปรุงหรือแสดงหน้า "เร็ว ๆ นี้" ในร้านค้าได้อย่างไร เปิดโหมดปิดปรับปรุงในแท็บหน้าปิดปรับปรุงของตัวสร้างร้านค้า เพื่อซ่อนร้านค้าไว้หลังข้อความขณะที่คุณเตรียมร้าน ตั้งหัวข้อ ข้อความ และชุดสี และเรียนรู้ว่าทำงานแยกตามตลาดอย่างไรและจะเปิดร้านอีกครั้งได้อย่างไร
- จะสร้างเมนูนำทางและเพิ่มลงในส่วนหัวและส่วนท้ายได้อย่างไร สร้างเมนูนำทางที่มีลิงก์ได้สูงสุดสามระดับ (ดรอปดาวน์และเมกะเมนู) ลิงก์ไปยังสินค้า คอลเลกชัน หน้า และนโยบาย จากนั้นเชื่อมเมนูกับส่วนหัวหรือส่วนท้ายของร้านค้าในตัวสร้างร้านค้า
- จะเพิ่มโค้ดที่กำหนดเอง สคริปต์ หรือเมตาแท็กในร้านค้าได้ไหม (HTML, CSS, JavaScript, ส่วน head) จุดที่คุณเพิ่ม HTML, CSS และ JavaScript ของตัวเองได้ในตัวสร้างร้านค้า (ส่วนโค้ดที่กำหนดเอง, CSS ที่กำหนดเอง, JavaScript ที่กำหนดเอง) ทำไมวางโค้ดในส่วน head ไม่ได้ และควรใช้แอปใดแทนสำหรับการยืนยัน Google Search Console, Google Tag Manager และพิกเซล
- จะเพิ่ม CSS ที่กำหนดเองให้ทั้งร้านค้าหรือส่วนเดียวได้อย่างไร เพิ่ม CSS ของคุณเองในตัวสร้างร้านค้า: แท็บการตั้งค่า CSS ที่กำหนดเองสำหรับทั้งร้าน และแท็บ CSS ที่กำหนดเองของส่วนที่ปรับสไตล์เฉพาะส่วนนั้น CSS ของส่วนถูกจำกัดขอบเขตอย่างไร ตัวเลือก & media query และเคล็ดลับเมื่อ CSS ไม่ทำงาน
- จะเพิ่ม JavaScript ที่กำหนดเองให้ทั้งร้านค้าได้อย่างไร เพิ่ม JavaScript ของคุณเองในทุกหน้าของร้านค้าด้วยแท็บ JavaScript ที่กำหนดเองในตัวสร้างร้านค้า โค้ดทำงานเมื่อใด ทำไมจึงไม่ทำงานซ้ำในทุกหน้า ข้อผิดพลาด และทำไมแท็กติดตามและโค้ดยืนยันควรใช้ผ่านแอปแทน