LadiPage Help Center
Đăng ký ngay
  • I. Chương trình ưu đãi
    • 1. Dịch vụ thiết kế Landing Page và Website từ Landinggo
    • 2. Nâng cấp LadiPage (Mới) >> Nhận bộ đôi chuyển đổi >> Tối ưu chiến dịch hè
  • II. Hỗ trợ sử dụng LadiPage
    • Nâng cao kiến thức với các khóa học LadiPage Learning
    • Video hướng dẫn sử dụng LadiPage
  • III. Tổng quan về Landing Page
    • 1. Tổng quan vai trò của Landing Page
    • 2. Các nội dung cơ bản của Landing Page
      • Section đầu tiên - Intro
      • Công thức AIDA cho trang Sales Page
      • 5 phút kiểm tra Landing Page
  • III. Điều khoản sử dụng tên miền miễn phí
  • V. XUẤT BẢN LANDINGPAGE
    • 1. Xuất bản Landing Page với các nền tảng
      • Tải Landing Page lên hosting riêng
      • Xuất bản Landing Page lên nền tảng WordPress
      • Xuất bản Landing Page lên nền tảng Haravan
      • Xuất bản Landing Page lên nền tảng Sapo
      • Xuất bản Landing Page lên nền tảng iTop.website
      • Xuất bản Landing Page lên nền tảng Shopify
  • 2. Tên miền
    • Kiến thức về tên miền
    • Trỏ tên miền từ HOSTVN
    • Trỏ tên miền từ AZDIGI
    • Trỏ tên miền từ Vietnix
    • Trỏ tên miền từ iNET
    • Trỏ tên miền từ Nhân Hòa
    • Trỏ tên miền từ Tenten
    • Trỏ tên miền từ Mắt Bão
    • Trỏ tên miền từ PA Việt nam
    • Trỏ tên miền từ GoDaddy
    • Trỏ tên miền từ Z.com
    • Trỏ tên miền từ Namecheap
    • Trỏ tên miền từ Hostinger
    • Trỏ tên miền qua Cloudflare & thủ thuật trong Cloudflare
    • Bật SSL
    • Xuất bản Landing Page với tên miền riêng
    • URL 404
    • Xác thực tên miền tại LadiPage
  • VI. LADIPAGE PHÂN QUYỀN
    • 1. Phân quyền trên tài khoản
      • Tạo thành viên mới và phân quyền cho tài khoản
      • Vô hiệu hoặc phân quyền tài khoản cho thành viên
      • Đăng nhập vào tài khoản Business (phân quyền)
    • 2. Phân quyền theo Team
      • Thêm thành viên vào Team
    • 3. Phân quyền theo phần tử
      • Phân quyền trên tên miền
      • Phân quyền trên Landingpage, Banner, PopupX
  • VII. QUẢN LÝ LANDINGPAGE
    • 1. Các chế độ thiết kế giao diện Landing page
    • 2. Tạo và sửa Landing Page
    • 3. Nhân bản Landing Page
    • 4. Dữ liệu backup Data Landing Page
    • 5. Export file.ladipage
    • 6. Export file.html
    • 7. Tạm ngừng Landing Page
    • 8. Xóa Landing Page
    • 9. Tạo Tag và Gắn Tag cho Landing Page
    • 10. Lịch sử hoạt động
    • 11. Báo cáo
    • 12. Sử dụng Shortcut - Phím tắt
    • 13. Chỉnh sửa thông tin tài khoản
    • 14.Bảo mật
  • VIII. CÁC PHẦN TỬ CƠ BẢN TRÊN LANDINGPAGE
    • 1. Phần tử
      • Hình ảnh
        • Thêm mới hình ảnh
        • Xóa nền hình ảnh
        • Thay nền/background cho section
        • Điều chỉnh kích thước ảnh
        • Cắt hình ảnh
        • Bo góc ảnh
        • Đổ bóng cho ảnh
        • Overlay cho ảnh
        • Mask cho ảnh
        • Ảnh so sánh
        • Viền & bo góc cho ảnh
      • Gallery
      • Nút bấm
      • Tiêu đề - Đoạn văn - Danh sách
      • Đường kẻ
      • Video
      • Hình hộp
      • Collection list
      • Shape
      • Carousel
        • Carousel V3.1
      • Tabs
      • Frame
      • Accordion
      • Table
      • Survey
      • HTML
    • 2. Assets
    • 3. Section
      • Các thao tác với Section
      • Section của tôi
      • Section Tabs
      • Section Global
    • 4. Popup
    • 5. Dropbox
    • 6. Sản phẩm
    • 7. Blog
    • 8. Ứng dụng
      • Countdown
      • Notify
      • Review
      • Metu
      • Spin Lucky ( Vòng quay may mắn)
      • LadiChat
      • PopupX
      • ReCAPTCHA
      • ReCAPTCHA Enterprise
    • 9. Place Autocomplete
    • 10. Quản lý nội dung
    • 11. Quản lý Media
    • 12. Quản lý tài liệu
    • 13. Quản lý Font
    • 14. Layer
  • IX. Đồng bộ đơn hàng sang các nền tảng website thương mại điện tử và phần mềm quản lý bán hàng
    • 1. Tạo Form đăng ký liên kết với các website thương mại điện tử, phần mềm quản lý bán hàng
    • 2. Đồng bộ đơn hàng từ Landing Page sang Haravan
      • Đồng bộ thông tin về phần KHÁCH HÀNG của Haravan
    • 3. Đồng bộ đơn hàng từ Landingpage sang Nhanh.vn
    • 4. Đồng bộ đơn hàng từ Landing Page sang LadiSales
    • 5. Hướng dẫn cài đặt EgaShop- Tạo Giỏ hàng và Thanh toán trên trang Landing Page
    • 6. Đồng bộ đơn hàng từ Landing Page sang Wordpress
    • 7. Đồng bộ đơn hàng từ Landing Page sang Shopify
    • 8. Đồng bộ đơn hàng từ Landing Page sang KiotViet
    • 9. Đồng bộ đơn hàng từ Landing Page sang Sapo
  • X. PopupX
  • XI. Ứng dụng
    • 1. Page Access
    • 2.Banner Ads
    • 3. Link Builder
      • Hướng dẫn trỏ tên miền về ladilink
  • XII. Các tính năng mở rộng
    • 1. Nhúng video từ Facebook
    • 2. Chèn bản đồ (Google Maps)
    • 3. Tạo nút gọi cố định ở góc trang (call)
    • 4. Tạo menu ghim đầu trang bản desktop
    • 5. Tạo menu bản mobile
    • 6. Sửa lỗi chia sẻ trên Facebook và Zalo
    • 7. Facebook Comment
    • 8. Hiển thị Fanpage trên Landing Page
    • 9. Gắn các phần mềm livechat
    • 10. Facebook Chat
    • 11. LadiPage Framework
    • 12. Mã bảo vệ nội dung trang
  • XIII. theo dõi và đo lường landing Page
    • 1. Cài đặt mô tả trang SEO & Social
    • 2. Mã theo dõi và chuyển đổi
      • Hướng dẫn chèn Facebook Pixel trên LadiPage
        • Facebook Conversion API
        • Xác minh quyền sở hữu tên miền với Facebook Business
      • Hướng dẫn cài đặt Google Analytics trên LadiPage
        • Hướng dẫn lấy mã Google Analytics 4
      • Hướng dẫn cài đặt mã Google Ads trên LadiPage
        • Hướng dẫn cài đặt mã Google ads trên trang cảm ơn của form đăng ký
      • Hướng dẫn gắn mã Google Tag Manager trên LadiPage
      • Hướng dẫn sử dụng tính năng Global tracking
      • Hướng dẫn cài đặt Tiktok pixel
        • TikTok Event API
    • 3. Hướng dẫn cài đặt Zalo Pixel
      • Cài đặt Zalo pixel cá nhân
    • 4. Xác minh quyền sở hữu tên miền với Google Search Console
      • Google Search Console (Google Webmaster tool) - Hướng dẫn xác minh tiền tố URL trên LadiPage
  • XIV. chương trình partner
    • 1. Hướng dẫn tạo,kích hoạt tài khoản cho khách hàng qua link Partner
  • 2. Cách tạo tài khoản với mã Affiliate và đổi mã Affiliate đã sử dụng
  • XV. Thiết kế cho phần tử
    • 1. Tạo nhóm phần tử
    • 2. Thanh thiết kế nhanh phần tử
      • Lên trên - Xuống dưới
      • Khóa phần tử
      • Ẩn phần tử trên mobile/Desktop
    • 3. Hiệu ứng Animated
  • XVI. sự kiện cho phần tử
    • 1. Sự kiện nhấp chuột
      • Sự kiện Dropbox
      • Sự kiện mở email
      • Lightbox iFrame
      • Lightbox video
      • Lightbox hình ảnh
      • Sự kiện chuyển tab
      • Sự kiện ẩn/hiện phần tử
      • Sự kiện mở liên kết
      • Sự kiện mở cuộc gọi
      • Sự kiện chuyển section
      • Sự kiện Set Value
      • Sự kiện mở popup
      • Sự kiện Collapse
      • Sự kiện Copy Clipboard
      • Sự kiện Set Style
    • 2. Sự kiện rê chuột
      • Sự kiện Dropbox
      • Sự kiện Set Style
      • Chuyển Tab
      • Ẩn/hiện phần tử
  • XVII. Nâng cao cho phần tử
    • 1. Hiệu ứng hiển thị
    • 2. Hiệu ứng rê chuột
    • 3. Ghim phần tử
    • 4. Tooltip
    • 5. Đồng bộ/Không đồng bộ thiết kế
    • 6. Scroll Auto - Tự động cuộn ngang phần tử trên mobile
    • 7. Thiết lập công thức
  • XVIII. FORM DATA
    • 1. Trang cảm ơn
      • Trang cảm ơn khác
      • Trang cảm ơn - Popup khác
      • Trang cảm ơn - Popup cảm ơn mặc định
    • 2. Cài đặt chung cho Form
      • Trường thông tin Số điện thoại
      • Trường chọn file
      • Hộp chọn giá trị (Combobox)
      • Chọn nhiều giá trị
      • Chọn một giá trị
      • Capture Form
      • Auto Funnel, Auto Complete
      • Trường Tỉnh/thành, Quận/huyện, Phường/xã
      • OTP Form
        • Cách thiết lập các kênh gửi OTP
          • Kênh AI Call
          • Kênh Zalo ZNS
          • Kênh tin nhắn ESMS
      • Blacklist IP
      • Multiple Forms
    • 3. Trường sản phẩm
    • 4. Các bước cài đặt Lưu data
      • Lưu data về LadiFlow
      • Lưu data về API
      • Lưu data về SMTP
      • Lưu data về Slack
      • Lưu data về ActiveCampaign
      • Lưu data về Telegram
        • Hướng dẫn tạo Token và Group ID ở Telegram
      • Lưu data về GetResponse
      • Lưu data về Mailchimp
      • Lưu data về Hubspot
      • Lưu data về Email
      • Lưu data về Infusion Soft
        • Hướng dẫn lấy thông tin kết nối từ Infusion Soft
      • Lưu data về Google Sheet
      • Lưu data về SendGrid
      • Lưu data về ConvertKit
      • Lưu data về eSMS
      • Lưu data về Mautic
      • Lưu data về Lark Base
        • Định dạng trường của LadiPage và Lark Base
        • Cách tạo app và lấy các thông tin kết nối của Lark Base
      • Lưu data về Google Form
  • XIX. Các thiết lập cho LandingPage
    • 1. Công cụ
      • Bật/Tắt Grid
      • Tự động bắt dính
      • Hoán đổi phần tử
    • 2. Dynamic Content
    • 3. Thiết lập toàn trang
      • Story page
  • XX. Blog & Newsletter
    • 1. Tổng quan
    • 2. Bài viết
      • Danh sách bài viết
        • Tạo và sửa bài viết
          • Tạo các widget hiển thị trên trang
        • Xuất bản bài viết
        • Các trạng thái của bài viết
      • Danh mục
      • Tags
      • Bình luận
    • 3. Giao diện
      • Lưu ý khi chuyển đổi giao diện
    • 4. Người đăng ký
    • 5. Cài đặt
      • Tên miền
      • Newsletter
      • Bình luận
      • SEO & Socials
      • Mã chuyển đổi
      • Cài đặt file robots.txt
      • Mật khẩu trang
      • Thông tin gói sử dụng
  • XXI.WEBSITE BUILDER
    • 1.Tổng quan
      • Tổng quan về tạo 1 website
    • 2.Trang
      • Định nghĩa về các loại trang
        • Phân trang bài viết cho các trang nội dung
      • Menu đa cấp
      • Auto Layout , Frame/ Group
    • 3.Cài đặt
      • Cài đặt chung
        • Trạng thái Website
        • Tên website , favicon
        • Xóa website
        • Tên miền
          • Thông số trỏ tên miền riêng về Hosting LadiPage Website Builder
      • SEO
      • Mã Tracking
      • Lịch sử hoạt động
      • Thông tin gói sử dụng
    • 4.Tin Tức
      • Bài viết
        • Tạo và sửa bài viết
        • Các trạng thái của bài viết
      • Danh mục
      • Tags
  • XXII. FORM CHECKOUT
    • 1. Thêm Form Checkout và các setup chung cho form checkout
    • 2.Các phần tử trên form checkout
      • Các trường điền thông tin trên form
      • Mã giảm giá
      • Trường sản phẩm
      • Bump Offer
      • Thiết lập thanh toán
      • Tổng tiền
    • 3. Thiết lập cá nhân hóa trang cảm ơn riêng
    • 4. Thiết lập tracking cho form checkout
  • XXIII.SMART FORM
    • 1.Smart Form là gì ?
    • 2.Các thiết lập của Smart Form
      • Điều kiện Form
  • XXIV. SẢN PHẨM MẪU
    • Thêm sản phẩm mẫu và thiết lập chung
Powered by GitBook
On this page
  1. VIII. CÁC PHẦN TỬ CƠ BẢN TRÊN LANDINGPAGE
  2. 1. Phần tử

Gallery

PreviousViền & bo góc cho ảnhNextNút bấm

Last updated 8 months ago

Tính năng này cho phép bạn có thể dễ dàng tạo Gallery ảnh/video chỉ với vài bước đơn giản, giúp tăng trải nghiệm khách hàng khi xem hình ảnh/video về sản phẩm. Để thêm Gallery vào Landing Page bạn có thể làm theo các bước sau đây:

Bước 1: Tạo khung Gallery.

Bạn bấm chọn Thêm mới--> Phần tử --> Gallery.

Hoặc sử dụng thanh công cụ nhanh để sử dụng Gallery:

Bạn kéo các góc của Gallery để tùy chỉnh khung hiển thị Gallery hoặc tùy chỉnh tại phần Kích thước:

Bước 2: Thêm ảnh hoặc video vào Gallery:

Bạn có thể thêm ảnh tại thanh thiết kế nhanh hoặc tại mục Thêm mới tại Thiết lập Gallery hoặc click đúp vào ảnh để đổi ảnh. Bạn có thể chọn nhiều ảnh bằng cách bấm giữ nút Shift hoặc nút Ctrl trên bàn phím đồng thời click chuột vào các ảnh muốn chọn.

Lưu ý: Các ảnh thêm vào Gallery nên để kích thước đồng đều để hiển thị được đẹp nhất.

Để sử dụng video bạn bấm vào icon như hình bên dưới. Bạn có thể sử dụng video từ link youtube hoặc video tải từ máy tính.

Lưu ý: Video từ máy tính hỗ trợ cho tài khoản LadiPage trả phí, dung lượng tối đa <5MB (Gói Pro/ Standard/ Lite) và <20MB (Gói Business/ Premium/ Enterprise).

Khi bạn sử dụng video trong Gallery, hình đại diện hiển thị của video chính là hình ảnh đang hiển thị trên slide Gallery.

Bạn có thể tùy chỉnh thứ tự hiển thị hình ảnh/video của Gallery bằng cách bấm vào ảnh rồi thay đổi vị trí trong danh sách ảnh của Gallery.

Bước 3: Các thiết lập khác cho Gallery.

  • Thiết lập tự động chạy, Thời gian chạy (thời gian hiển thị ảnh/video tiếp theo trong Gallery). Cơ chế chuyển tiếp ảnh/video là 1-2-3-4-4-3-2-1.

  • Hiển thị thumb Gallery: Hình ảnh thumb là tập hợp các ảnh/video theo thứ tự trong danh sách ảnh Gallery với kích thước nhỏ.

  • Biểu tượng (mũi tên): Bạn có thể sử dụng biểu tượng mặc định của LadiPage hoặc tùy chỉnh biểu tượng bằng cách chọn biểu tượng từ kho biểu tượng. Bạn có thể thay đổi màu sắc của biểu tượng nhưng KHÔNG tùy chỉnh được kích thước của biểu tượng.

  • Thiết lập Full Width: full width giúp hiển thị ảnh/video của Gallery ở chế độ toàn màn hình. Khi thiết lập full width, bạn nên tải ảnh có kích thước chiều rộng là 1960px, chiều cao tùy ý.

Video hướng dẫn chi tiết:

Nếu bạn không muốn sử dụng nút bấm chuyển tiếp trên Gallery, bạn có thể thêm nút bấm ngoài Gallery và sử dụng sự kiện chuyển tab, chi tiết chuyển tab .

tại đây