Nếu bạn đã sử dụng Shopify, bạn biết chủ đề Bình minh. Đây là một trong những chủ đề miễn phí dành cho các doanh nhân mới và là một tùy chọn có khả năng tùy chỉnh cao để thiết kế mặt tiền cửa hàng độc đáo.
Chủ đề Dawn đi kèm với nhiều mô-đun, như khối tải lên video tiêu chuẩn và biểu ngữ hình ảnh.
Banner hình ảnh cho phép các nút và văn bản đóng vai trò là nền trước, trong khi hình ảnh là nền sau. Thật không may, mô-đun video không cho phép loại nền trước này. Tuy nhiên, có những cách để tận dụng tối đa cả hai thế giới, tạo một banner video trong đó video là nền sau—và có văn bản ở nền trước.
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách xây dựng một Chủ đề bình minh biểu ngữ video để thu hút sự chú ý trên trang chủ của bạn!
Tổng quan về chủ đề Bình minh
Chủ đề Bình minh là miễn phí Shopify chủ đề được các nhà bán lẻ thương mại điện tử sử dụng rộng rãi. Với thiết kế đơn giản và cài đặt dễ hiểu, nó vẫn là một lựa chọn phổ biến để thiết lập một cửa hàng có vẻ ngoài hấp dẫn và trang nhã.
Nền/Biểu ngữ video là gì và tại sao bạn nên sử dụng nó trên trang web của mình?
Biểu ngữ video là một khu vực của trang web hiển thị video dưới dạng nền có chiều rộng đầy đủ, cùng với các thành phần khác ở nền trước, như các nút và văn bản.
Một mô-đun như biểu ngữ video chủ đề Bình minh mang lại nhiều lợi ích để nâng cao trải nghiệm trang web tổng thể cho khách truy cập. Dưới đây là một số lợi thế chính:
- Các yếu tố hình ảnh phong phú: Bằng cách kết hợp các video hấp dẫn, trang web trở nên hấp dẫn hơn về mặt hình ảnh, thu hút sự chú ý của khách truy cập.
- Nội dung sinh động và hấp dẫn: Video truyền tải thông tin hiệu quả. Chúng có thể giới thiệu các tính năng sản phẩm, hướng dẫn cách thực hiện hoặc kể một câu chuyện thương hiệu hấp dẫn, giữ chân khách truy cập.
- Tăng cường sự tham gia của người dùng: Video có khả năng tạo ấn tượng lâu dài với khách truy cập. Sự kết hợp giữa hình ảnh, âm thanh và chuyển động sẽ thu hút sự chú ý và khuyến khích người dùng khám phá sâu hơn.
- Truyền thông thương hiệu hiệu quả: Nền video hoặc biểu ngữ có thể truyền tải thông điệp của thương hiệu tới khách hàng. Nó cho phép các doanh nghiệp làm nổi bật đề xuất giá trị độc đáo của họ, giới thiệu sản phẩm hoặc dịch vụ và thiết lập bản sắc thương hiệu mạnh mẽ.
Bằng cách tận dụng sức mạnh của video trong thiết kế trang web, bạn có thể làm cho trang web của mình trở nên thú vị hơn và tăng cường chuyển đổi.
Hướng dẫn từng bước để thêm nền/Biểu ngữ video vào chủ đề Bình minh
Về mặt kỹ thuật, có bốn cách để thêm biểu ngữ video chủ đề Bình minh (không phải tất cả đều lý tưởng):
- Chuyển đổi video sang định dạng video/hình ảnh WebP.
- Điều chỉnh Shopify mã cho biểu ngữ hình ảnh thông thường để hỗ trợ video.
- Chuyển đổi video sang định dạng GIF.
- Chỉ cần tải video lên khối Video trong Shopify, bỏ qua ý tưởng có các phần tử tiền cảnh (vì vậy nó sẽ không phải là một biểu ngữ thực sự).
Việc sửa đổi nó không quá khó khăn Shopify mã cho biểu ngữ hình ảnh chuẩn, nhưng quá trình này kéo dài không cần thiết vì bạn có thể truy cập vào định dạng tệp như WebP. GIF làm giảm đáng kể chất lượng video và tùy chọn 4 không cung cấp cho chúng ta biểu ngữ video thực sự.
Do đó, chúng tôi khuyên bạn nên chuyển đổi bất kỳ định dạng video nào bạn có (.mp4, .mov, .wmv) sang định dạng WebP. WebP kết hợp các ưu điểm của hình ảnh JPEG, video và GIF có độ phân giải cao, ở chỗ bạn có thể tạo ra các video chuyển động đẹp mắt mà không cần quá nhiều dữ liệu và không mất nhiều độ phân giải. Và bạn có thể tải video/hình ảnh WebP lên Shopify biểu ngữ hình ảnh.
Đây là cách thực hiện:
Bước 1: Lấy video của bạn và chuyển đổi nó thành tệp WebP Format
Có nhiều bộ chuyển đổi “video sang WebP” miễn phí trực tuyến. Hãy thử tìm kiếm trực tuyến hoặc sử dụng một trong các trình chuyển đổi mà chúng tôi đã thử nghiệm:
Tải video của bạn lên công cụ chuyển đổi miễn phí, sau đó chọn chuyển đổi sang định dạng WebP. Lưu tệp mới vào máy tính của bạn.
Bước 2: Tìm chủ đề Bình minh trong Shopify
Đi tới “Cửa hàng trực tuyến” > “Chủ đề”.
Nếu bạn chưa có, hãy cài đặt chủ đề Dawn. Nếu không, bạn sẽ thấy chủ đề Dawn được chỉ định là Shopifycủa “Chủ đề hiện tại.” Nhấp vào nút “Tùy chỉnh” để tiếp tục.
Bước 3: Thêm và chọn khối biểu ngữ hình ảnh
Khối “Biểu ngữ hình ảnh” được thêm theo mặc định trong chủ đề Bình minh. Vì vậy, bạn có thể nhấp vào mô-đun đó để mở cài đặt của nó ở bảng điều khiển bên trái. Bạn cũng có thể nhấp vào biểu ngữ hình ảnh trong phần xem trước trực quan ở bên phải. Sử dụng liên kết “Thêm khối” nếu bạn cần chèn “Biểu ngữ hình ảnh” từ đầu.
Bước 4: Tải lên tệp video WebP
Nhấp vào nút “Chọn hình ảnh” trong phần “Hình ảnh đầu tiên”.
Thao tác này sẽ tải một khu vực để tải hình ảnh lên thư viện phương tiện lưu trữ của bạn. Bạn cũng có thể dán URL video vào nhưng chúng tôi sẽ sử dụng chức năng tải lên. Chọn nút “Thêm hình ảnh” và chọn tệp WebP bạn đã tạo trước đó. Đánh dấu tệp mới tải lên bằng dấu kiểm, sau đó nhấp vào nút “Xong”.
Thao tác này sẽ thả tệp video WebP vào Biểu ngữ hình ảnh, cho phép bạn chỉnh sửa bất kỳ nội dung nào ở nền trước. Nhấp vào để lưu."
Xin chúc mừng, bạn đã thêm thành công biểu ngữ video chủ đề Bình minh!
Bước 5: Xem trước video
Nhưng hãy đợi đã, tốt nhất là bạn nên xem trước video ở giao diện để đảm bảo nó trông ổn, chạy mượt mà và có độ phân giải phù hợp.
Quay lại màn hình chính của bảng điều khiển, nhấp vào biểu tượng nhãn cầu để “Xem cửa hàng trực tuyến của bạn”. Cửa hàng này nằm cạnh “Cửa hàng trực tuyến” bên dưới phần “Kênh bán hàng”.
Thành công!
Tùy chỉnh biểu ngữ video chủ đề Bình minh của bạn: Biến nó thành của riêng bạn
Khả năng tùy chỉnh đảm bảo video của bạn phù hợp hoàn hảo với thương hiệu và tính thẩm mỹ của cửa hàng. Vì vậy, chúng ta hãy xắn tay áo lên và lao vào, nhé?
Bạn phải luôn chọn biểu ngữ hình ảnh để xem cài đặt của nó. Khi đó, bạn có thể sửa đổi độ mờ của lớp phủ hình ảnh và thay đổi chiều cao biểu ngữ. Sau đó, bạn có thể sửa đổi vị trí nội dung trên màn hình, thay đổi vị trí của văn bản lớp phủ.
Di chuyển nội dung và vị trí nút có tác dụng hiển thị văn bản và nút phía trên một khu vực của video nơi chúng được nhìn thấy rõ nhất.
Để tùy chỉnh thêm, bạn có quyền truy cập vào phần “CSS tùy chỉnh”.
Và tất nhiên, có thể chọn nội dung văn bản hoặc nút để thay đổi nội dung và cách chúng xuất hiện.
Mẹo tối ưu hóa tệp video của bạn để có tốc độ và khả năng tương thích tối đa
Việc có một video ấn tượng sẽ không thành vấn đề nếu nó làm chậm quá trình thu thập dữ liệu trang web của bạn hoặc không hiển thị chính xác trên một số thiết bị nhất định.
Đó là lý do tại sao việc tối ưu hóa tệp video của bạn để có tốc độ và khả năng tương thích tối đa là một nhiệm vụ không thể thương lượng. Trong phần này, chúng tôi sẽ chia sẻ một số gợi ý hữu ích để đảm bảo nội dung video của bạn được sắp xếp hợp lý để tải hiệu quả và phát lại phổ biến.
- Sử dụng định dạng tệp video (như WebP) tương thích rộng rãi với hầu hết các trình duyệt web.
- Giữ kích thước tệp video càng nhỏ càng tốt. WebP thực hiện công việc nén video tuyệt vời mà không làm giảm chất lượng.
- Đặt tỷ lệ khung hình của video vừa khít với kích thước màn hình.
- Chọn video có màu sắc và độ tương phản cân bằng phản ánh cá tính của cửa hàng.
Khắc phục sự cố thường gặp khi thêm nền/Biểu ngữ video vào chủ đề Bình minh
Đôi khi, cho dù bạn có cẩn thận đến đâu thì vấn đề vẫn có thể xuất hiện khi thêm biểu ngữ video chủ đề Bình minh. Dưới đây là một số mẹo khắc phục sự cố khi bạn gặp sự cố:
Vấn đề không tương thích
Hãy thử chuyển đổi video sang định dạng tệp tương thích như WebP hoặc sử dụng liên kết nhúng video.
Kích thước video quá lớn
Cắt hoặc nén video để giảm kích thước tệp mà vẫn giữ được chất lượng.
Video không tự động phát
Kiểm tra xem bạn đã bật tùy chọn “Tự động phát” trong cài đặt chủ đề chưa.
Kết luận của chúng tôi về việc thêm biểu ngữ video chủ đề Bình minh
Bằng cách làm theo hướng dẫn từng bước và mẹo khắc phục sự cố của chúng tôi, bạn sẽ có thể thêm biểu ngữ video chủ đề Bình minh vào Shopify một cách dễ dàng.
Quan điểm của bạn là gì? Hãy cho chúng tôi biết trong phần nhận xét nếu bạn thêm thành công biểu ngữ video chủ đề Bình minh!
Nhận xét Responses 0