คู่มือ Shopify + Swarmify ฉบับสมบูรณ์สำหรับการโฮสต์วิดีโออีคอมเมิร์ซ

Swarmify ช่วยคุณเร่งความเร็ววิดีโอบนร้านค้าออนไลน์ของ Shopify เพื่อเพิ่มการมีส่วนร่วมของผู้ใช้และเพิ่มรายได้ของคุณ

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

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

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

และในบล็อกโพสต์ของวันนี้ เราจะแสดงให้คุณเห็นถึงวิธีการใช้ Swarmify และ Shopify เพื่อให้บริการวิดีโอที่เริ่มต้นทันที ปราศจากบัฟเฟอร์ และรวดเร็วอย่างเหลือเชื่อแก่ผู้ใช้ของคุณ การตั้งค่าทั้งหมดนั้นง่ายเหมือน A, B, C ดังนั้นอย่ากังวลหากคุณไม่เข้าใจเทคโนโลยี :)

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

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

Shopify คืออะไร?

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

ไม่ว่าคุณจะเป็นมือใหม่หรือมืออาชีพ Shopify ทำให้การเริ่มต้นขายเป็นเรื่องง่ายอย่างน่าทึ่ง ไม่ว่าจะเป็นทางออนไลน์หรือในร้านค้าทั่วไปของคุณ

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

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

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

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

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

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

Shopify เป็นแพลตฟอร์มอีคอมเมิร์ซที่ผู้ใช้หลายล้านคนเลือกใช้ ต้องขอบคุณคุณสมบัติต่างๆ เช่น:

• เครื่องมือแก้ไขเว็บไซต์ที่ใช้งานง่ายเพื่อสร้างร้านค้าออนไลน์อย่างนักพัฒนาเว็บที่มีประสบการณ์
• ธีมมากกว่า 70 แบบที่คุณปรับแต่งให้เหมาะกับร้านค้าของคุณได้
• จุดขาย (POS) เพื่อให้คุณสามารถขายในร้านค้าของคุณหรือบนสมาร์ทโฟน / อุปกรณ์มือถือของคุณ
• การรวม Oberlo ที่ง่ายดายสำหรับธุรกิจการขนส่งทางเรือ
• ตัวสร้างร้านค้าออนไลน์
• ตัวประมวลผลการชำระเงินหลายตัว
• การออกแบบที่ตอบสนองและเป็นมิตรกับมือถือ
• รูปถ่ายหุ้นฟรี
• แก้ไข HTML, CSS และ JS ของร้านค้าของคุณได้อย่างง่ายดาย
• ชื่อโดเมนที่กำหนดเอง เช่น swarmify.com
• แพลตฟอร์มบล็อกเต็มรูปแบบซึ่งเหมาะสำหรับการตลาดเนื้อหา
• ฟรีใบรับรอง SSL
• การกู้คืนการชำระเงินที่ถูกละทิ้ง
• อัตราค่าจัดส่งที่ยืดหยุ่นและภาษีอัตโนมัติ
• หลายภาษา
• เครดิตโฆษณา Google $100 หากคุณใช้จ่าย $25 ในบัญชีโฆษณา Google ใหม่
• การรวมโซเชียลมีเดียอย่างราบรื่น
• แบนด์วิดธ์ไม่จำกัด
• การสนับสนุนตลอด 24 ชั่วโมงทุกวัน
• และอีกมากมาย!

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

เพื่อให้ข้อตกลงนี้หวานขึ้น Shopify เสนอแผนราคาไม่แพงโดยเริ่มต้นเพียง $ 9 ต่อเดือน หากคุณกำลังเริ่มต้นธุรกิจใหม่ แผน Basic Shopify ($29/เดือน) จะมอบความคุ้มค่าคุ้มราคา

ที่กล่าวว่า Swarmify คืออะไร?

Swarmify คืออะไร?

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

เราใช้เทคโนโลยีเดียวกับที่สตรีมมิ่งยักษ์ใหญ่อย่าง Netflix และ Hulu ใช้เพื่อมอบประสบการณ์วิดีโอที่ปราศจากความล่าช้าและปราศจากบัฟเฟอร์

หากคุณใช้ (หรือวางแผนที่จะใช้) วิดีโอบนร้านค้า Shopify ของคุณ เราขอเสนอสิ่งที่คุณต้องการเพื่อเพิ่มความเร็วในการโหลดวิดีโอของคุณ

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

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

เครื่องเล่นวิดีโอที่ปฏิวัติวงการของเราไม่มีการสร้างแบรนด์หรือลิงก์ใดๆ ไม่เกะกะ 100% นอกจากนี้คุณสามารถปรับแต่งให้เข้ากับร้านค้า Shopify ของคุณได้ในไม่กี่นาที

นี่คือเหตุผลที่ผู้ประกอบการจำนวนมากเช่นคุณเลือก Swarmify SmartVideo สำหรับร้านค้าออนไลน์ของ Shopify

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

เราเป็นผู้นำในด้านนี้ และนำเสนอคุณลักษณะที่ตรงกับชื่อเสียงของเรา

• แบนด์วิดธ์ ไม่จำกัด เช่นเดียวกับ Shopify :)
• พื้นที่เก็บข้อมูลไม่จำกัด
• เครือข่ายการจัดส่งเนื้อหาวิดีโอ SmartCDN - ผู้ซื้อของคุณเพลิดเพลินกับวิดีโอที่เร็วกว่าค่าเฉลี่ยของอุตสาหกรรมถึง 12 เท่า ไม่ว่าพวกเขาจะอยู่ที่ใด
• การแปลง YouTube อัตโนมัติ - หากคุณใช้ YouTube อยู่แล้วและมีวิดีโอ YouTube บางรายการในร้านค้า Shopify ของคุณ SmartVideo จะแปลงวิดีโอทั้งหมดโดยอัตโนมัติและให้บริการจากสแต็คและ CDN ที่เร็วมากของเรา
• ความสามารถในการโฮสต์วิดีโอบนหลายแพลตฟอร์มเช่น YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud เป็นต้น ลูกค้าของคุณไม่เห็นความแตกต่าง เพราะเราให้บริการวิดีโอทั้งหมดของคุณในเครื่องเล่นวิดีโอที่ไม่เกะกะ
• การเข้ารหัสวิดีโอที่ยอดเยี่ยมเพื่อประสบการณ์การรับชมที่ดีที่สุดบนทุกอุปกรณ์
• การเพิ่มประสิทธิภาพการสตรีมอย่างต่อเนื่อง - ตลอดการเล่น SmartVideo จะตรวจสอบประสบการณ์วิดีโอของผู้ใช้แต่ละรายอย่างต่อเนื่องและ ป้องกันความล้มเหลวก่อนที่จะเกิดขึ้น
• การเล่นแบบไม่มีแผงลอย - SmartVideo ให้การบัฟเฟอร์ระหว่างการเล่นน้อยกว่าเครื่องเล่นอื่นโดยเฉลี่ยถึง 8 เท่า ตอนนี้ ลูกค้าของคุณไม่ต้องรอให้วิดีโอผลิตภัณฑ์บัฟเฟอร์ คุณมี EdgeAI ของเราที่จะขอบคุณสำหรับมัน :)
• ติดตั้งง่าย
• การสนับสนุนระดับสุดยอดที่ได้รับการสนับสนุนจากนักพัฒนาที่กระตือรือร้น
• และอีกมากมาย (อ่านเพิ่มเติมเกี่ยวกับคุณสมบัติที่นี่)

ในฐานะผู้ประกอบการ คุณต้องการใช้วิดีโอในร้านค้าออนไลน์ Shopify ของคุณเพื่อการรักษาผู้ใช้ที่ดีขึ้น อัตรา Conversion ที่สูงขึ้น และยอดขายที่มากขึ้น

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

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

ด้วยการเล่นวิดีโอที่รวดเร็วและคุณภาพสูงจากฝั่งของคุณ การขายบนร้านค้า Shopify ของคุณจะง่ายกว่าหากคุณให้บริการวิดีโอโดยตรงจาก YouTube, Wistia, Vimeo หรือเว็บไซต์โฮสต์วิดีโออื่นๆ

ด้วยคำนำดังกล่าว ให้เราก้าวไปข้างหน้าและผสานรวม SmartVideo กับร้านค้า Shopify ของคุณ

วิธีใช้ Shopify + SmartVideo สำหรับการโฮสต์วิดีโออีคอมเมิร์ซ

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

ยิ่งไปกว่านั้น คุณต้องมีบัญชี Swarmify ที่พร้อมใช้งาน ตรวจสอบแผนราคาที่ไม่แพงและเลือกแผนที่เหมาะสำหรับธุรกิจของคุณ กำลังมองหาที่จะเรียนรู้เพิ่มเติม? ตรวจสอบรายชื่อกรณีศึกษาที่เพิ่มขึ้นของเรา

วิธีเพิ่ม SmartVideo ในหน้าสินค้าของ Shopify

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

หากต้องการแสดงวิดีโอในเครื่องเล่น SmartVideo คุณจะต้องให้ SmartVideo แปลงวิดีโอ YouTube หรือ Vimeo โดยอัตโนมัติ

สำหรับผลิตภัณฑ์ตัวอย่างของเรา ฉันยืมวิดีโอรีวิวจาก Unbox Therapy บน YouTube

จากนั้นฉันก็สร้างผลิตภัณฑ์ตัวอย่างพร้อมวิดีโอ YouTube นี่คือลักษณะที่ปรากฏในร้านตัวอย่าง Shopify ของเรา:

สวยเรียบร้อยใช่มั้ย? ฉันต้องยอมรับว่ามันดูดีในตอนแรก แต่มีปัญหาสองสามอย่าง

ประการแรก มีการสร้างแบรนด์ YouTube ที่ชัดเจน ซึ่งอาจไม่เหมาะกับร้านค้า Shopify ของคุณ

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

ประการที่สาม นี่คือลักษณะของโปรแกรมเล่น YouTube เมื่อผู้ใช้เล่นและหยุดวิดีโอชั่วคราว:

ดูนั่นสิ; โปรแกรมเล่น YouTube นั้นเต็มไปด้วยความยุ่งเหยิงและสิ่งรบกวนสมาธิซึ่งตั้งใจจะดูดผู้เข้าชมของคุณออกไป

ดูส่วน "วิดีโอเพิ่มเติม" หรือไม่

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

หากคุณต้องการใช้วิดีโอสินค้าบนร้านค้า Shopify ของคุณ คุณสามารถเห็นได้อย่างชัดเจนว่าการ โฮสต์วิดีโอจาก YouTube เป็นปัญหา อย่างไร แม้ว่าจะเป็นบริการฟรีก็ตาม

หรืออย่างที่เขาว่ากัน ไม่มีอะไรที่เหมือนกับอาหารกลางวันฟรี :)

พูดง่ายๆ ว่า...

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

วิธีเพิ่ม SmartVideo ไปยังหน้า Shopify มาตรฐาน

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

ในส่วนเนื้อหาของผู้ดูแลเพจของคุณ ให้คลิกปุ่ม "แทรกวิดีโอ" และวางแท็ก SmartVideo ของคุณในกล่องข้อความ

หลังจากติดตั้ง SmartVideo (ดังที่เราจะพูดถึงในหัวข้อถัดไป) วิดีโอจะปรากฏบนหน้าของคุณ:

เมื่อคุณทราบแล้วว่าเรากำลังทำอะไรอยู่ ให้เราผสานรวม Swarmify กับร้านค้า Shopify ของคุณ และดูความแตกต่าง

คัดลอกข้อมูลโค้ดการกำหนดค่า Swarmify ของคุณ

ในขณะที่เขียน เราไม่มีแอป Shopify ซึ่งหมายความว่าคุณต้องผสานรวม Swarmify กับ Shopify ด้วยตนเอง กระบวนการนี้ง่ายเหมือน A, B, C

จะทำอย่างไร?

เข้าสู่ระบบ แดชบอร์ด Swarmify ของคุณ:

แดชบอร์ด Swarmify นั้นตรงไปตรงมาและใช้งานง่าย เราไม่รบกวนคุณด้วยคุณสมบัติที่ไร้ประโยชน์ เราให้มันยันในแบบที่คุณชอบ :)

ถัดไป คลิกแท็บการ กำหนดค่า ตามที่แสดงด้านล่าง

ในหน้าจอถัดไป ให้เลือกว่าคุณมีวิดีโอ YouTube บนร้านค้า Shopify ของคุณหรือไม่ แล้วคลิก ถัดไป :

เคล็ดลับสำหรับมือโปร : ดีที่สุดคือเลือก " ใช่ " เพื่อเปิดการแปลงอัตโนมัติของ YouTube ฉันยังเลือก " ใช่ "

หลังจากนั้น เลือกว่าคุณมีวิดีโอพื้นหลังในร้านค้า Shopify ของคุณหรือไม่ แล้วคลิก ถัดไป ฉันไม่มีวิดีโอพื้นหลัง ฉันจึงเลือก " ไม่ :"

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

หากคุณต้องการเปลี่ยนรูปแบบสี ให้เลือก ใช่ (1) เลือกสีที่คุณกำหนดเอง (2) แล้วคลิก ถัดไป (3) ตามที่เราไฮไลต์ในหน้าจอด้านล่าง

คุณทำได้ดีมาก :)

จากนั้นเลือกรูปร่างปุ่มโปรแกรมเล่นวิดีโอแล้วคลิก ถัดไป ในขณะนี้ เรามีสามตัวเลือก: ค่าเริ่มต้น (หกเหลี่ยม), สี่เหลี่ยมผืนผ้า และ วงกลม :

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

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

เนื่องจากคุณอาจเพิ่มวิดีโออธิบายให้กับสินค้าของ Shopify คุณจึงดีกว่าไม่มีโฆษณา

หลังจากนั้นคลิก คัดลอกไปยังคลิปบอร์ด ตามที่เราให้รายละเอียดด้านล่าง

เมื่อคัดลอกข้อมูลโค้ด Swarmify คุณก็พร้อมสำหรับส่วนถัดไป: เพิ่มไปยังร้านค้า Shopify ของคุณ

การเพิ่ม Swarmify Snippet ไปยัง Shopify Store

ในส่วนต่อไปนี้ เราจะเพิ่มข้อมูลโค้ด Swarmify ที่คุณเพิ่งคัดลอกไปยังร้านค้า Shopify ของคุณ

ไม่ต้องกังวลมันง่าย :)

เข้าสู่ระบบแดชบอร์ดร้านค้า Shopify ของคุณ แล้วคลิก ร้านค้าออนไลน์ จากเมนูการนำทางด้านซ้าย:

ถัดไป คลิก ธีม ตามที่เราแสดงด้านล่าง

หลังจากนั้น คลิกเมนูแบบเลื่อนลง Actions และเลือก Edit Code :

จากนั้น คลิก {/} theme.liquid :

เลื่อนลงมาจนกว่าคุณจะเห็นส่วนที่มีโค้ด JavaScript อื่นๆ โดยปกติ จะเริ่มต้นด้วยแท็ก <script> นี่คือภาพหน้าจอเพื่อช่วย:

ถัดไป วาง Swarmify Snippet ที่คุณคัดลอกไว้ก่อนหน้านี้เหนือแท็ก <script> แล้วคลิก บันทึก ดังที่แสดงด้านล่าง

และนั่นแหล่ะ!

ร้านค้า Shopify ของคุณเชื่อมต่อกับ Swarmify แล้ว!

ยอดเยี่ยมใช่มั้ย?

ขอบคุณที่อดทนรอ ฉันไม่ต้องการที่จะข้ามขั้นตอนใด ๆ เพราะการทำให้ถูกต้องตั้งแต่เริ่มต้นนั้นสำคัญ :)

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

คุณรู้บางอย่างเช่นนี้:

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

N/B : วิดีโอใช้เวลาในการปรับให้เหมาะสมขึ้นอยู่กับความยาว วิดีโอตัวอย่างของฉันมีความยาว 3.58 นาที ดังนั้นฉันจึงรอประมาณสี่นาที :)

และฉันรู้ได้อย่างไรว่าวิดีโอได้รับการปรับให้เหมาะสมที่สุดแล้ว บนเครื่องเล่นวิดีโอของคุณ คุณจะเห็น Video Acceleration: ON ดังที่แสดงด้านล่าง

วิดีโอเดียวกัน หน้าเดียวกัน - ผลลัพธ์ต่างกัน ทุกสิ่งที่จะสูบฉีดการจราจรของคุณหายไป

กะเทย! ไปหมดแล้ว

ตอนนี้คุณสามารถทำให้ผู้ซื้อของคุณอยู่ในที่ที่คุณต้องการมากที่สุด - บนหน้าผลิตภัณฑ์ของคุณ :)

วิดีโอโหลดเร็วกว่าโปรแกรมเล่นทั่วไปถึง 12 เท่า และโปรแกรมเล่นใหม่ที่ไม่เกะกะก็ดูน่าทึ่งและเป็นมืออาชีพ

คุณจะไม่รู้ว่าฉันได้รับวิดีโอจาก YouTube ถ้า Unbox Therapy ไม่ได้พูดว่า "โปรดสมัครรับข้อมูลและติดตามฉันผ่านลิงก์ในคำอธิบาย...บลา บลา..."

เขาเป็นคนดีมาก แต่ฉันหวังว่าคุณจะเข้าใจ :)

การปรับแต่งเครื่องเล่นวิดีโอเพิ่มเติม

เรามีแท็กสองสามแท็กเพื่อปรับแต่งเครื่องเล่นวิดีโอของคุณเพิ่มเติม

ไม่มี : ไม่เหมือนกับโค้ด JavaScript ที่เราเพิ่มลงในส่วน <HEAD> ของไฟล์ {/}theme.liquid คุณเพิ่มแท็ก SmartVideo ต่อไปนี้โดยตรงในตำแหน่งที่คุณต้องการแสดงโปรแกรมเล่นวิดีโอของคุณ เรามี ตัวอย่าง Shopify ที่ยอดเยี่ยม ในตอนท้าย :)

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

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" poster="path/to/my/image.png" controls></smartvideo>

หมายเหตุ:

• แทนที่ " path/to/my/video.mp4" และ " path/to/my/image.png" ด้วยเส้นทางจริงไปยังวิดีโอและภาพโปสเตอร์ของคุณตามลำดับ
• คุณสามารถปรับความกว้างและความสูงของเครื่องเล่นของคุณได้ตามที่เห็นสมควร

หากต้องการเล่นวิดีโอของคุณ โดยอัตโนมัติ ให้ใช้แท็ก SmartVideo ต่อไปนี้:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

เคล็ดลับแบบมือโปร: เบราว์เซอร์จำนวนมากจะจำกัดการ เล่นอัตโนมัติ เว้นแต่จะรวมกับ ปิดเสียง เราขอแนะนำให้ใช้การ เล่นอัตโนมัติ ร่วมกับ ปิดเสียง เท่านั้น นอกจากนี้ การเพิ่ม playinline เป็นสิ่งจำเป็นสำหรับการเล่นที่เหมาะสมใน IOS/Safari เมื่อเล่นอัตโนมัติ

หากต้องการบอกให้โปรแกรมเล่นวิดีโอเริ่มเล่นโดยปิดเสียงไว้ ให้ใช้:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted></smartvideo>

ในการวนซ้ำวิดีโอของคุณเพื่อเล่นซ้ำเมื่อสิ้นสุด ให้ใช้:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls loop></smartvideo>

ในการป้องกันไม่ให้วิดีโอเล่นแบบเต็มหน้าจอบน Safari iOS ให้ใช้:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls playsinline></smartvideo>

หากต้องการให้โปรแกรมเล่นไม่ตอบสนอง (ความกว้างและความสูงคงที่) ให้ลบ class="swarm-fluid" ออกจากแท็กของคุณ

N/B: หากคุณใช้ YouTube เป็นแหล่งวิดีโอของคุณ:

• เปลี่ยนวิดีโอทั้งหมดจาก "ส่วนตัว" เป็น "ไม่เป็นสาธารณะ" วิธีนี้ Swarmify สามารถดึงและประมวลผลวิดีโอของคุณได้
• ใช้ลิงก์สำหรับฝังที่ถูกต้อง ไม่ใช่ลิงก์โดยตรงไปยังหน้า ตัวอย่าง ใช้ https://www.youtube.com/embed/wBp0Rb-ZJak (ดี) แทน https://www.youtube.com/watch?v=wBp0Rb-ZJak (แย่)

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

ตัวอย่าง Shopify ที่ใช้งานได้

เพื่อแสดงวิธีใช้แท็ก SmartVideo ใน Shopify ฉันจะเพิ่มวิดีโอลงในหน้า Shopify ใหม่

คุณสามารถเพิ่มแท็ก SmartVideo ไปยังโพสต์บล็อกของ Shopify ได้เช่นกัน - ขั้นตอนยังคงเหมือนเดิม

ฉันกำลังใช้วิดีโอเดียวกันจาก Unbox Therapy อย่าลืมใช้โค้ดสำหรับฝัง ไม่ใช่ลิงก์โดยตรง

ดังนั้น แท็ก SmartVideo ที่พร้อมใช้งานของฉันจึงมีลักษณะดังนี้:

 <smartvideo src="https://www.youtube.com/embed/MPzBcvGtry8" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

ถัดไป เข้าสู่ระบบผู้ดูแลระบบร้านค้า Shopify ของคุณ และไปที่ ร้านค้าออนไลน์ > หน้า และเพิ่มหน้าใหม่ :

หมายเหตุ ร้านค้าของฉันเป็นร้านใหม่ที่ไม่มีหน้าใด ๆ :) หากคุณมีเพจอยู่แล้ว คุณจะเห็นสิ่งนี้:

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

ถัดไป เพิ่มชื่อในหน้าของคุณและสลับเป็น HTML ดังที่แสดงด้านล่าง

ถัดไป คัดลอกและวางแท็ก SmartVideo ของคุณแล้วคลิก บันทึก ตามที่เราเน้นด้านล่าง:

ตอนนี้ หากคุณดูเพจของคุณในส่วนหน้า คุณจะเห็น:

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

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

คำพูดสุดท้าย

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

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

อย่าเชื่อคำพูดของเรา ลองดูกรณีศึกษาของเราและค้นพบว่าธุรกิจอื่น ๆ กำลังทำลายมันด้วยโฮสติ้งวิดีโอ Swarmify สำหรับอีคอมเมิร์ซ