Hướng dẫn cài đặt Sự kiện “Set Value” trong Ladipage đầy đủ và chi tiết nhất.
Cập nhật mới trong tháng 7/2021 từ ladipage. Sự kiện Set Value trong ladipage giúp bạn không cần phải chèn đoạn code để cài đặt sự kiển ẩn hiện phần tử … Chức năng này giúp thiết kế Play list cho Video Khóa học trong ladipage rất hữu ích cùng những ứng dụng hay khác. Cùng tìm hiểu tính năng này nhé bạn.
Ứng dụng của Sự kiện Set Value
Thay vì dùng code thì nay team ladipage đã update sự kiên mới tên là: Set Value. Sự kiện giúp tùy chỉnh cho những nhu cầu click set giá trị cho một đối tượng như: video, hình ảnh, text, input trong form... Dưới đây là một vài ứng dụng từ thông báo cập nhật tính năng mới của ladipage mà mình đã test và cho kết quả OK.
- Thay đổi đường dẫn của 1 khung video cố định (Thích hợp thiết kế Play list cho Video Khóa học)
- Thay đổi nội dung của Text ( Đoạn văn hoặc Heading)
- Thay đổi đường dẫn của 1 hình ảnh cố định
- Click vào hình ảnh chọn sản phẩm sẽ setup value sản phẩm vô Form (Linh động hơn cho form đặt hàng)
- …
Hướng dẫn cài đặt Sự kiện Set Value
Đầu tiên mình sẽ hướng dẫn bạn Thay đổi đường dẫn của 1 khung video cố định bằng Sự kiện Set Value nhé.
1. Thay đổi đường dẫn của 1 khung video cố định
Bài toán đặt ra là mình có 1 danh sách gồm nhiều video và muốn có 1 khung video cố định ở giữa. Chỉ việc ấn nút hay ấn tên video thì khung video sẽ hiển thị video đó( như hình minh họa bên dưới).
Như trước kia thì mình sẽ dùng code ẩn hiện phần tử hay sự kiện ẩn hiện phần tử cho từ video một. Còn bây giờ với sự kiện Set Value thì mọi thứ đã trở nên dễ dàng hơn nhiều. Bạn chỉ cần cài đặt giá trị cho Sự kiện đó là được.
Đầu tiên bạn truy cập builder ladipage chọn phần tử cần tạo sự kiện sau đó ấn Thiết lập phần Sự kiện => Sự kiện nhấp chuột bạn tiến hành cài cài đặt như sau:
- Sự kiện: Bạn ấn chọn giá trị Set value
- ID phần tử: Là tên ID của khung VIDEO bạn muốn đổi các video ở trong đó, thường sẽ có dạng VIDEO+Số (2). Thường thì ID sẽ Setup giống nhau ở các phần từ cần thiết lập.
- Giá trị: Là đường dẫn video mà bạn muốn thay đổi khi ấn nút.
Lưu ý: Chèn đúng đường dẫn, tránh nhầm lẫn giữa các nút.
Sau khi thiết lập xong 1 nút bạn tiến hành thiết lập Sự kiện Set value ở các nút khác cho đến khi hết danh sách video bạn muốn phát. Xuất bản lading page và thử nghiệm thành quả.
2. Thay đổi nội dung của Text
Tương tự như Set Value thay đổi đường dẫn của 1 khung video cố định. Đầu tiên bạn truy cập ladipage builder chọn phần tử cần tạo sự kiện sau đó ấn Thiết lập phần Sự kiện => Sự kiện nhấp chuột bạn tiến hành cài cài đặt như sau:
- Sự kiện: Bạn ấn chọn giá trị Set value
- ID phần tử: Là tên ID của đoạn văn PARAGRAPH hay HEADING tương tự như lấy ID của VIDEO. Thường thì ID sẽ Setup giống nhau ở các phần từ cần thiết lập.
- Giá trị: Là chữ, nội dung mà bạn muốn thay đổi khi ấn nút.
Lưu ý: Căn chỉnh nội dung hiển thị sao cho phù hợp tránh bị hiển thị đè lên phần tử khác vì nội dung dài.
Sau khi thiết lập xong 1 nút bạn tiến hành thiết lập Sự kiện Set value ở các nút khác cho đến hết. Xuất bản lading page và thử nghiệm thành quả.
3. Thay đổi đường dẫn của 1 hình ảnh cố định
Tương tự như Set Value thay đổi đường dẫn của 1 khung video cố định. Đầu tiên bạn truy cập ladipage builder chọn phần tử cần tạo sự kiện sau đó ấn Thiết lập phần Sự kiện => Sự kiện nhấp chuột bạn tiến hành cài cài đặt như sau:
- Sự kiện (3): Bạn ấn chọn giá trị Set value
- ID phần tử (4) : Là tên ID của ảnh (IMAGE+Số) tương tự như lấy ID của VIDEO,PARAGRAPH hay HEADING. Thường thì ID sẽ Setup giống nhau ở các phần từ cần thiết lập.
- Giá trị (5) : Bạn có thể chọn ảnh trong thư viện ảnh tải lên hoặc Copy link ảnh vào phần đường đẫn hình ảnh là được.
Lưu ý: Hình ảnh nên cùng 1 khích thước để hiển thị được đẹp và chuẩn nhất, tránh việc các hình ảnh không đồng bộ khi hiển thị sẽ bị cắt đầu cắt đuôi 🙂
Sau khi thiết lập xong 1 nút bạn tiến hành thiết lập Sự kiện Set value ở các nút khác cho đến khi hết hình ảnh. Xuất bản lading page và trải nghiệm thành quả vừa làm.
4. Click vào hình ảnh chọn sản phẩm sẽ setup value sản phẩm vô Form
Phần này khá là hay đối với landing page khi có nhiều sản phẩm trở lên. Tuy nhiên cũng hơi bất tiện vì nếu chọn nhiều giá trị thì chưa được tối ưu lắm. Click chọn được 1 và Form cũng chỉ tích chọn 1 cái, chọn cái khác thì bị xóa lựa chọn ban đầu. Mà kể ra nếu chọn nhiều sản phẩm thì lúc xóa cũng bất tiện, thôi thì tính năng được như thế nào thì dùng như vậy vậy.
Hi vọng trong tương lai ladipage có thể cập nhật và tối ưu hơn vấn đề Set value sản phẩm vô Form này. Giờ thì bắt tay vào thực hiện thôi, vì cũng khá đơn giản.
Đầu tiên khi thiết kế Form bạn tạo 1 trường giá trị để có thể Tích chọn được sản phẩm. Với landing page có nhiều sản phẩm hay nhiều combo ưu đãi… để lựa chọn thì chọn một trong 2 cái này:
- Chọn nhiều giá trị (Checkbox)
- Chọn một giá trị (Radio)
Cái tên nói lên tất cả.
Sau đó bạn chọn phần tử là ảnh, nút hay nhóm đều được sau đó ấn Thiết lập (1) phần Sự kiện (2) => Sự kiện nhấp chuột (3) bạn tiến hành cài cài đặt như sau:
- Sự kiện (4): Bạn ấn chọn giá trị Set value
- ID phần tử (5) : Là tên ID của trường giá trị bạn vừa tạo bên trên ( thường có dạng FORM_ITEM+số) bạn Click chọn khéo để lấy nhé. Nó chính là ID phần từ mình khoan đỏ và mũi tên chỉ vào (5). Thường thì ID sẽ Setup giống nhau ở các phần từ cần thiết lập.
- Giá trị (6): Bạn sẽ copy đúng giá trị trong trường giá trị bạn đã thiết lập, đúng 100% nhé nếu không sẽ lỗi đó. Như ảnh mình họa của mình thì mình đang cài đặt là option1 trùng với trường giá trị trong Form là option1.
Tiếp theo bạn thiết lập Set Value các phần tử còn lại cho đến khi hoàn thiện, xuất bản landing page và thử nghiệm nhé bạn. Nếu lỗi thì sửa lại để có kết quả như mong muốn.
Lời kết
Mình nghĩ sẽ có rất nhiều ứng dụng hữu ích từ sự kiện Set Value mà tạm thời chưa thể thiết lập thử và liệt kê ra ở đây. Hi vọng trong quá trình làm landing page cho khách hàng mình sẽ cập nhật thêm các ứng dụng hay của chức năng này.
Trên đây là bài chia sẻ Cài đặt Sự kiện Set Value trong Ladipage nếu như bạn thấy có thắc mắc cần giải đáp cho thể để lại bình luận ở phía dưới. Ngoài ra mình mong rằng bạn cũng sẽ chia sẻ bài viết đến bạn bè của bạn cùng quan tâm đến vấn đề này. Cảm ơn bạn!
Trả lời