• Trang chủ
  • Landing page
    • Ladipage
      • Sử dụng Ladipage
      • Thủ thuật Ladipage
      • Mẫu Ladipage
  • Tôi khám phá
    • Kiếm tiền online – MMO
      • Affiliate Marketing
      • Bán hàng đa kênh
      • Bán hàng online
      • Dropshipping
    • Tài chính
    • LadiBoost
      • Ladipage
      • Ladisales
      • Ladichat
      • Ladiflow
      • Ladilab
    • WordPress
  • Dịch vụ
    • Các dịch vụ
    • Thiết kế Landing Page
  • Tư vấn & Đánh giá
  • Cửa hàng
    • Xem Cửa hàng
    • Tài khoản
    • Giỏ hàng
    • Thanh toán
  • Liên hệ
    • Thông tin liên hệ
    • Thanh toán
    • Mời mình cà phê
  • 0 - 0 ₫

Nguyễn Việt Anh

Hỗ trợ hết mìnhh

Bạn đang ở:Trang chủ / Sử dụng Ladipage / Cài đặt Sự kiện Set Value trong Ladipage chi tiết

Cài đặt Sự kiện Set Value trong Ladipage chi tiết

Cập nhật: 20/07/2021 Nguyễn Việt Anh 0 Bình luận

Nội dung bài viết

  1. Ứng dụng của Sự kiện Set Value
  2. Hướng dẫn cài đặt Sự kiện Set Value
    1. 1. Thay đổi đường dẫn của 1 khung video cố định
    2. 2. Thay đổi nội dung của Text
    3. 3. Thay đổi đường dẫn của 1 hình ảnh cố định
    4. 4. Click vào hình ảnh chọn sản phẩm sẽ setup value sản phẩm vô Form
  3. Lời kết

Hướng dẫn cài đặt Sự kiện “Set Value” trong Ladipage đầy đủ và chi tiết nhất.

Sự kiện Set Value trong Ladipage
Sự kiện Set Value trong Ladipage

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)
  • …

Xem Demo

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).

Sự kiện Set Value trong Ladipage
Sự kiện Set Value trong Ladipage

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.

ID phan tu video trong ladipage
ID phần tử video trong ladipage

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 Set Value cho hình ảnh
Sự kiện Set Value cho hình ảnh
  • 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.
Setup value sản phẩm vô Form
Setup value sản phẩm vô Form

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!

Xem thành quả nè

5/5 - (3 bình chọn)
  • Share on Facebook
  • Tweet on Twitter
  • Share on LinkedIn
Lượt xem: 364

Bài viết liên quan

Khắc phục lỗi truy cập Ladipage không có www
Khắc phục lỗi truy cập Ladipage không có www
15+ Mẫu landing page Khóa học Giáo dục Thu hút
15+ Mẫu landing page Khóa học Giáo dục Thu hút
200+ Theme mẫu landing page bất động sản đẹp
200+ Theme mẫu landing page bất động sản đẹp

Chuyên mục: Sử dụng Ladipage/ Ladipage
Thẻ: Form/ Khóa học/ Ladipage/ Ladipage cơ bản/ Set Value/ Sự kiện/ Video

Nói về Nguyễn Việt Anh

Rất vui khi bạn ghé thăm Blog của mình. Mình viết blog với mục đích lưu trữ và chia sẻ miễn phí những kiến thức, kinh nghiệm, thủ thuật về Landing page, MMO, Marketing, Làm việc online... mà mình đã trải nghiệm. Bài viết trên dự dựa trên quan điểm, hiểu biết của cá nhân. Nó có thể đúng, cũng có thể sai tùy thời điểm, vì vậy bạn phải tự cân nhắc và chịu trách nhiệm khi làm theo. Nếu nội dung hữu ích với bạn, hãy chia sẻ tới bạn bè của bạn nhé!

Bài viết trước « Cấu hình Form ladipage để lưu data khách hàng về Google Sheet
Bài viết sau LadiPage Access Key – Bảo mật nội dung trang đích »

Reader Interactions

Để lại một bình luận Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Sidebar chính

Tặng 6 tháng khi nâng cấp gia hạn tài khoản Ladipage 0964246713

Bài viết mới

  • Tạo tài khoản Temu để Kiếm tiền tiếp thị liên kết Temu cực dễ 22/10/2024
  • Khắc phục lỗi truy cập Ladipage không có www 06/06/2024
  • Topi là gì? Topi có lừa đảo không? 21/03/2024
  • 5+ Mẫu Landing Page Trung Tâm Ngoại Ngữ Thu Hút Học Viên 04/02/2024
  • Theme Mẫu Landing Page Du Học, XKLD, Định Cư Nước Ngoài 03/02/2024

Group Hỗ trợ Ladipage

Group hỗ trợ ladipage trưc tiếp từ mình trên zalo
Ladipage nền tảng bán hàng, thu data online

Liên hệ Zalo Việt Anh

Danh thiep zalo 0964246713

Footer

Bài viết mới

  • Tạo tài khoản Temu để Kiếm tiền tiếp thị liên kết Temu cực dễ 22/10/2024
  • Khắc phục lỗi truy cập Ladipage không có www 06/06/2024
  • Topi là gì? Topi có lừa đảo không? 21/03/2024
  • 5+ Mẫu Landing Page Trung Tâm Ngoại Ngữ Thu Hút Học Viên 04/02/2024
  • Theme Mẫu Landing Page Du Học, XKLD, Định Cư Nước Ngoài 03/02/2024
DMCA.com Protection Status

Bình luận mới nhất

  • Nguyễn Việt Anh trong [Vip] Tặng +6 tháng khi Gia hạn, Nâng cấp mới tài khoản Ladipage chính chủ 2025 mới nhất
  • Nguyễn Việt Anh trong [Vip] Tặng +6 tháng khi Gia hạn, Nâng cấp mới tài khoản Ladipage chính chủ 2025 mới nhất
  • Nguyễn Việt Anh trong [Vip] Tặng +6 tháng khi Gia hạn, Nâng cấp mới tài khoản Ladipage chính chủ 2025 mới nhất
  • Nguyễn Việt Anh trong [Vip] Tặng +6 tháng khi Gia hạn, Nâng cấp mới tài khoản Ladipage chính chủ 2025 mới nhất
  • Nguyễn Việt Anh trong [Vip] Tặng +6 tháng khi Gia hạn, Nâng cấp mới tài khoản Ladipage chính chủ 2025 mới nhất

Theo dõi trên MXH

  • Facebook
  • Instagram
  • YouTube

Thống kê NguyenVietAnh.Net

17 Chuyên mục – 85 Bài viết – 59 Bình luận

Bạn bè

VAY24GIO

Bản quyền © 2019–2025 · Nguyenvietanh.Net · Vui lòng không sao chép nội dung.