Storefront Parallax Hero là một extension chính thức từ WooCommerce, được thiết kế đặc biệt để hoạt động với theme Storefront. Plugin này cho phép bạn thêm một phần “hero” tùy chỉnh vào trang chủ, với khả năng sử dụng hình ảnh nền hoặc video, hiệu ứng cuộn parallax và các tùy chọn bố cục linh hoạt. Điều này giúp tạo ra một trang chủ bắt mắt và chuyên nghiệp mà không cần kiến thức lập trình.​

1. Tùy Chỉnh Nội Dung Hero

Tiêu đề và mô tả: Thêm tiêu đề và mô tả với màu sắc tùy chỉnh để nổi bật trên nền.​

Nút Call to Action (CTA): Tạo nút CTA với văn bản và liên kết tùy chỉnh để dẫn khách hàng đến các trang quan trọng.​

Căn chỉnh văn bản: Chọn căn giữa, trái hoặc phải cho văn bản để phù hợp với thiết kế của bạn.​

2. Hiệu Ứng Parallax Ấn Tượng

Hiệu ứng cuộn parallax: Tạo chiều sâu và chuyển động cho nền khi người dùng cuộn trang.​

Tốc độ cuộn nền: Điều chỉnh tốc độ cuộn của nền để tạo hiệu ứng mượt mà và phù hợp với thiết kế.​

3. Tùy Chỉnh Nền

Hình ảnh nền: Tải lên hình ảnh nền với kích thước phù hợp để có hiệu ứng tốt nhất.​

Video nền: Thêm video nền (định dạng .mp4) để tạo trải nghiệm sinh động hơn.​

Màu nền: Chọn màu nền cho phần hero nếu không sử dụng hình ảnh hoặc video.​

Lớp phủ nền: Thêm lớp phủ với màu sắc và độ mờ để làm nổi bật văn bản trên nền.​

4. Tùy Chỉnh Bố Cục

Chiều rộng: Chọn giữa bố cục chiều rộng đầy đủ hoặc cố định để phù hợp với thiết kế trang web của bạn.​

Chiều cao đầy đủ: Tùy chọn để phần hero chiếm toàn bộ chiều cao cửa sổ trình duyệt, tạo trải nghiệm nhập vai.​

5. Sử Dụng Shortcode

Từ phiên bản 1.1.0, bạn có thể sử dụng shortcode [parallax_hero] để thêm phần hero vào bất kỳ trang nào, bao gồm trang sản phẩm, danh mục hoặc bài viết blog. Điều này giúp linh hoạt trong việc tạo các phần hero tùy chỉnh trên toàn bộ trang web.​

Tăng Tính Thẩm Mỹ: Hiệu ứng parallax tạo chiều sâu và chuyển động, làm cho trang chủ của bạn trở nên sinh động và hấp dẫn hơn.​

Thu Hút Khách Hàng: Phần hero bắt mắt giúp thu hút sự chú ý của khách hàng ngay khi họ truy cập trang web.​

Tăng Tỷ Lệ Chuyển Đổi: Nút CTA rõ ràng và nổi bật khuyến khích khách hàng thực hiện hành động, như mua hàng hoặc đăng ký nhận tin.​

Dễ Dàng Tùy Chỉnh: Giao diện người dùng thân thiện giúp bạn dễ dàng tùy chỉnh nội dung và thiết kế mà không cần kiến thức lập trình.​

Để cài đặt và sử dụng plugin Storefront Parallax Hero, bạn có thể tham khảo video hướng dẫn chi tiết dưới đây:

https://www.youtube.com/watch?v=rz–lS9Iink

Storefront Parallax Hero là một công cụ mạnh mẽ giúp bạn tạo ra một trang chủ WooCommerce hấp dẫn và chuyên nghiệp. Với khả năng tùy chỉnh linh hoạt và hiệu ứng parallax ấn tượng, plugin này giúp nâng cao trải nghiệm người dùng và tăng cường hiệu quả kinh doanh. Nếu bạn đang sử dụng theme Storefront, đây là một extension không thể thiếu để làm nổi bật cửa hàng trực tuyến của bạn.