# Chương trình ưu đãi Thông tin nhanh nhất tới khách hàng của LadiPage chương trình ưu đãi độc quyền khi mua tài khoản trả phí! # Ưu đãi dịch vụ thiết kế landing page từ Landinggo Dành cho khách hàng đang dùng gói LadiPage trả phí (Standard, Business3TV, Business5TV,...) Tìm hiểu dịch vụ và đăng ký nhận tư vấn tại: ### Nội dung chương trình :gift: **Tặng Miễn Phí dịch vụ viết content cho 01 landing page trị giá 500k** khi khách hàng của LadiPage thuê dịch vụ thiết kế landing page của Landinggo - Agency thiết kế landing page chuyên nghiệp, sử dụng nền tảng LadiPage Builder. :champagne\_glass:Bấm vào link để nhận tư vấn báo giá các gói: ### Điều kiện áp dụng * Dành cho khách hàng đang sử dụng gói trả phí của LadiPage * Khách hàng được áp dụng đồng thời với chương trình ưu đãi của LadiPage khi ký mới hoặc gia hạn gói LadiPage trả phí từ 01 năm trở lên ### Giới thiệu về Landinggo **Landinggo là đơn vị cung cấp dịch vụ Thiết kế Landing page chuyên nghiệp, sử dụng nền tảng LadiPage Builder.** Các bản thiết kế landing page của khách hàng sẽ được thực hiện bởi đội ngũ chuyên viên sáng tạo, thiết kế và chuyên gia về Marketing có trên **6 năm kinh nghiệm**. Việc thuê dịch vụ làm landing page của Landinggo sẽ đảm bảo trang của bạn có **giao diện đẹp** mắt, **chinh phục khách hàng** ngay khi vào trang và **tối ưu trải nghiệm** của người truy cập trên từng thiết bị desktop và mobile! :star: Tìm hiểu thêm về Landinggo: # Ưu đãi tri ân khách hàng 2024 - Quà tặng tới 8 triệu đồng! Ưu đãi tri ân - Quà tặng hấp dẫn: Thêm ++ tháng sử dụng & Tài liệu chạy Ads chuyển đổi dành tặng khách hàng mua gói trả phí, nâng cấp, gia hạn từ 1 năm trở lên. Cảm ơn khách hàng đã luôn tin tưởng và lựa chọn, LadiPage tặng ưu đãi hấp dẫn lên tới 8.000.000 đồng! 🤝 Chúc khách hàng luôn 88 - phát phát tài! 👉 Cơ hội nhận ưu đãi chỉ áp dụng với khách hàng nhận được thông báo và điền thông tin đăng ký tại đây: ## 🎁 Nội dung chương trình: {% hint style="success" %} **Nội dung ưu đãi:** -> Tặng thêm tháng sử dụng tiết kiệm đến 3.000.000đ - Siêu tiết kiệm siêu hời! -> Tặng bộ sách Ebook 2GB và video về chạy Ads trị giá: 5.000.000đ - Thêm kiến thức, thêm lợi thế! {% endhint %} {% hint style="success" %} **Gói áp dụng:** Tất cả các gói LadiPage trả phí theo năm {% endhint %} {% hint style="success" %} **Điều kiện:** Áp dụng khi mua gói - gia hạn - nâng cấp gói LadiPage Được áp dụng đồng thời với chương trình ưu đãi gói dịch vụ LadiPage Ưu đãi áp dụng cho 1 lần duy nhất/1 khách hàng {% endhint %} * Mỗi tháng có 11 triệu người mua hàng, để lại thông tin nhận tư vấn dịch vụ qua các trang của LadiPage vì trải nghiệm Nhanh - Tiện - Bắt mắt. Khách hàng của bạn cũng vậy! ### :tada:Chỉ dành cho khách hàng đăng ký tại đây: # Hỗ trợ sử dụng LadiPage LadiPage hỗ trợ Khách hàng sử dụng nền tảng bằng livechat, hotline, tài liệu, video và hình thức mới: livestream tương tác trực tuyến. # Lịch Livestream hỗ trợ ### Livestream định kỳ thứ 5 hàng tuần: Hỏi đáp trực tuyến cùng Support Team LadiPage * Cung cấp dịch vụ hỗ trợ khách hàng trực tuyến Nhanh - Dễ dàng - Chi tiết * Có demo thực hiện thao tác mẫu dễ dàng hình dung * Host và khách mời hiểu biết chuyên sâu về LadiPage đến từng tính năng nhỏ **Thông tin chuỗi livestream** * Thời gian: **Định kỳ thứ 5 hàng tuần**, từ 11h00 đến 12h00 (sáng) * Trực tiếp trên **fanpage LadiPage Vietnam** và **Cộng đồng LadiPage Việt Nam** * Host: **Ms. Trần Quỳnh Anh - Trưởng nhóm Chăm sóc khách hàng LadiPage** [Bấm để mở sự kiện livestream trên Facebook >>](https://www.facebook.com/LadiPageVietnam/events) # Video hướng dẫn sử dụng LadiPage {% embed url="" %} # Hướng dẫn sử dụng tài liệu LadiPage là nền tảng thiết Landing Page cho nhà quảng cáo Việt Nam. Giúp bạn có thể tự tay thiết kế ra các Landing Page mà không cần biết về kỹ thuật. Trong kho tài liệu này chúng tôi sẽ đưa ra hướng dẫn từ A -> Z để giúp bạn hoàn thành một trang Landing Page hoàn chỉnh và chạy quảng cáo. Từ cách viết nội dung cho một trang Landing Page, cho đến hướng dẫn chi tiết các tính năng thiết kế trên LadiPage Builder, và các hướng dẫn theo dõi đo lường trang khi bạn bắt đầu chạy quảng cáo. Dưới đây là các tips để bạn tìm thông tin trong trang tài liệu này được hiệu quả nhất: ## Cấu trúc các bài viết trong tài liệu ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPMAQMfOcS4IQmZBhWSAn%2Fimage.png?alt=media\&token=9ab7b43e-2e1d-4d39-8557-e728913e1bc6) ## Cách tìm từ khóa Các bài viết hướng dẫn trong tài liệu được viết chi tiết cho từng tính năng trên LadiPage Builder. Vì vậy bạn có thể xem tên tính năng đó trên builder và tìm đúng từ khóa đó trên tài liệu là có thể ra các bài viết liên quan: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FkiJlkOVpnbZsbgetCxa2%2Fimage.png?alt=media\&token=dc416194-f4f0-41cc-ae54-03df64d0746e) ## Zoom ảnh/video trong bài viết Để nhìn rõ hơn chi tiết của ảnh hướng dẫn, bạn chỉ cần click vào ảnh/video để zoom: ## # Tổng quan vai trò của Landing Page Kể cả bạn đang bán lẻ hay bán dịch vụ, bạn cũng cần dùng landing page để chốt một mục tiêu. Ta có trong tay website và các kênh quảng cáo trả phí facebook, google, zalo, instagram. Cách làm thông thường: quảng cáo 1 bài post trên facebook, instagram, zalo và gom đơn bằng comment, inbox. Cách làm này có những hạn chế về cách thể hiện nội dung, khó quản lý, không đo lường theo dõi được tỉ lệ chuyển đổi và dễ bị sót đơn hàng, kể cả khi dùng phần mềm thì vẫn phải nhập tay thông tin khách hàng. Nếu quảng cáo google, lượng truy cập sẽ đổ về website, website lại vốn là nơi chứa nhiều thông tin, khách hàng của bạn khả năng là sẽ lang thang đến thông tin công ty, thông tin sản phẩm khác, bài viết, blog trước khi tìm đến sản phẩm họ cần mua. Vì vậy ta phải đổ traffic trực tiếp về trang sản phẩm, nhưng nội dung của trang sản phẩm này phải đủ sức thuyết phục để khách hàng có đủ thông tin ra quyết định mua hàng. Lúc này, ta cần tới sự trợ giúp của Landing Page. Hiện tại ta đang coi các mạng xã hội như một kênh bán hàng trực tiếp, trong khi về bản chất đó chỉ là các kênh tạo nguồn truy cập. Bạn vẫn có thể kiếm tốt từ cách làm này, nhưng để kiếm tốt hơn nữa thì không thể thiếu landing page. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FijrLQWEQxUotl2YXaKyM%2Fimage.png?alt=media\&token=5de2662a-dd87-4c1a-85e9-b137315b3771) Như vậy, vai trò của landing page là đón tất cả lượng truy cập từ các kênh quảng cáo về. Nội dung trên landing page phải được viết sao cho thuyết phục được người xem thực hiện một hành động cụ thể, hành động ở đây có thể là đặt hàng, để lại thông tin, gọi điện hoặc click chuyển sang một trang khác. Mục tiêu của chúng ta là **chuyển đổi** lượng truy cập trên trang trở thành khách hàng tiềm năng (lead). Tóm gọn lại, ta có một Định nghĩa rõ ràng cho Landing Page như sau: *“**Trong các chiến dịch marketing và quảng cáo, Landing Page là một trang web đơn, được thiết kế để dẫn dắt và thuyết phục người đọc cho một mục tiêu tập trung duy nhất**".* ### Landing Page và Website Website là ngôi nhà chính của bạn, bạn vẫn cần có website để thể hiện đầy đủ thông tin công ty, đầy đủ các loại sản phẩm/dịch vụ của mình, blog, tin tức … Còn Landing Page sẽ đóng vai trò chính trong các chiến dịch marketing và quảng cáo, giả sử bạn cần đẩy mạnh một sản phẩm mới, một dịch vụ mới, hoặc thông báo về một chương trình khuyến mại nhân dịp nào đó thì Landing Page sẽ phát huy tác dụng truyền tải thông tin, tập trung chuyển đổi traffic. {% hint style="info" %} **Landing Page thường sẽ chạy độc lập với website, sử dụng dưới 3 dạng đường dẫn:** * **Tên miền chính:** landingpagelagi.com * **Tên miền phụ:** themes.ladipage.vn (Tên miền phụ có thể tạo không giới hạn và miễn phí đi kèm với tên miền chính) * **Thư mục con:** ladipage.vn/tinhnang {% endhint %} #### Sản phẩm/dịch vụ của tôi là … thì tôi có dùng được Landing Page không? Và dùng như thế nào? Đối với ngành dịch vụ, ví dụ trung tâm đào tạo ngoại ngữ, kỹ năng, nghệ thuật, hay du lịch, bất động sản, nhà hàng… thì Landing Page là lựa chọn hàng đầu. Ta sẽ dùng Landing Page để giới thiệu một sự kiện đặc biệt hoặc một dịch vụ trọng tâm mới ra mắt. Trong trường hợp này, chạy **Landing Page thu thập khách hàng tiềm năng (Lead Generation Page)** là lựa chọn tối ưu. Đối với ngành bán lẻ, Landing Page sẽ phù hợp nhất với những sản phẩm đơn, một Landing Page sẽ chỉ nói về một sản phẩm, hoặc một sản phẩm có biến thể (ví dụ biến thể về màu sắc, kích cỡ), để đảm bảo cho nội dung tập trung giúp tăng tỉ lệ chuyển đổi. Nội dung của Landing Page sẽ tập trung nói về lợi ích, công dụng của sản phẩm đó và thuyết phục được người xem mua ngay tại trang. Với hình thức này, ta sử dụng **Landing Page bán hàng (Sales Page)**. Nếu bạn đang có nhiều sản phẩm, Landing Page sẽ được sử dụng để chạy các chương trình khuyến mãi. Không nên nhồi tất cả sản phẩm vào Landing Page, vì Landing Page không thể làm thay nhiệm vụ của một website bán hàng. Nếu bạn đã có website bán hàng có phần back-end có thể quản trị đơn hàng, thì ta sẽ dùng **Landing Page trung gian chuyển đổi (Click-Through Page)** để đảm bảo tính đồng bộ cho toàn bộ hệ thống bán hàng của bạn. #### Như vậy, Landing Page thường được sử dụng với 3 mục tiêu cơ bản. Dựa vào 3 mục tiêu này, ta chia ra 3 loại landing page: * **Landing Page thu thập khách hàng tiềm năng (Lead Generation Page)** * **Landing Page bán hàng (Sales Page)** * **Landing Page trung gian chuyển đổi (Click-Through Page)** {% hint style="info" %} **Landing Page thu thập khách hàng tiềm năng (Lead Generation Page)** **Mục tiêu:**\ Thu thập những thông tin cơ bản của khách hàng tiềm năng (như họ tên, email, số điện thoại) để sử dụng cho các hoạt động marketing sau đó (ví dụ telesales, email marketing). **Đặc điểm:**\ Thu thập thông tin bằng một biểu mẫu đăng ký và luôn đi kèm với một lợi ích trao đổi với khách hàng như ebook, webinar, hội thảo offline, tư vấn miễn phí, quà tặng, mã giảm giá… {% endhint %} {% hint style="info" %} **Landing Page bán hàng (Sales Page)** **Mục tiêu:**\ Thuyết phục khách hàng đưa ra quyết định mua hàng ngay trên Landing Page. **Đặc điểm:**\ Nội dung về sản phẩm/dịch vụ được xây dựng chi tiết bao gồm: lợi ích khách hàng, đặc điểm nổi bật, phản hồi khách hàng, bảng giá, chính sách..., giúp khách hàng có đầy đủ thông tin để đưa ra quyết định mua hàng. {% endhint %} {% hint style="info" %} #### Landing Page trung gian chuyển đổi (Click-Through Page) **Mục tiêu:**\ Dẫn dắt người đọc chuyển hướng tới trang chuyển đổi chính. **Đặc điểm:**\ Landing Page trung gian chuyển đổi chỉ sử dụng nút kêu gọi hành động để chuyển hướng tới trang khác, không sử dụng biểu mẫu đăng ký.\ \ Ngoài ra, trong thương mại điện tử, trang Landing Page trung gian sẽ cung cấp đầy đủ thông tin về sản phẩm và dẫn dắt khách hàng về trang giỏ hàng của website chính. {% endhint %} {% hint style="danger" %} **Lưu ý:** Trên thực tế, bất cứ trang nào được thể hiện hướng đến một hành động mục tiêu đều là Landing Page. Vì thế chúng ta sẽ thấy một số homepage (trang chủ của website) được thiết kế với mục tiêu hướng khách hàng ấn nút “Đăng ký” thì đó cũng gọi là một Landing Page. Trang sản phẩm được thiết kế theo dạng các section nội dung và có CTA thì cũng là Landing Page (ví dụ điển hình Landing Page trang sản phẩm của Apple). Tuy nhiên trong phạm vi phân tích của LadiPage, chúng tôi đặt Landing Page đứng độc lập để phục vụ các chiến dịch quảng cáo. {% endhint %} # Các nội dung cơ bản của Landing Page # Section đầu tiên - Intro Người xem chỉ có 5 giây ấn tượng và nhớ nội dung trên Landing Page của bạn, vì vậy hãy thật tập trung cho section đầu tiên, nhất là đối với Landing Page thu thập thông tin và Landing Page trung gian. Chúng ta có một công thức mẫu cho việc này, ý tưởng ở đây là bạn sẽ biến section đầu tiên trở thành một mini Landing Page với 6 yếu tố quan trọng nhất: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F1fYRXV5xAcwVpp7OiRGV%2Fimage.png?alt=media\&token=2e67b718-1307-4cf0-8897-5ea714303352) {% hint style="info" %} * Tiêu đề chính cụ thể, súc tích, nêu một cách rõ ràng khách hàng sẽ có được gì từ trang này. Đừng quên về quy tắc đồng nhất nội dung (message match): Tiêu đề chính phải đồng nhất nội dung với mẫu quảng cáo trước khi dẫn vào Landing Page. * Tiêu đề phụ bổ sung thông tin cho tiêu đề chính: Được thiết kế để vừa khiến tiêu đề chính ngắn gọn vừa giúp cho khách có đủ thông tin, tạo thành luồng thông tin liền mạch. * Hero shot: Đây là nơi để đặt hình ảnh/video đẹp nhất của bạn. Tốt nhất ta nên dùng hình ảnh/video thể hiện sản phẩm/dịch vụ trong bối cảnh thực tế sử dụng. Fact: Những khách hàng xem video giới thiệu sản phẩm có xu hướng mua hàng cao hơn 174% so với khách hàng không xem. * Nếu bạn sử dụng Landing Page thu thập thông tin, phần này có thể thay thế bằng thông tin về offer (tặng ebook, tặng voucher, quà khuyến mãi, miễn phí đăng ký…). Hãy nêu bật một lợi ích đặc biệt nào đó người dùng sẽ nhận được khi thực hiện hành động chuyển đổi. * Liệt kê lợi ích: ở đây ta nên miêu tả ngắn gọn những lợi ích cốt lõi nhất mà sản phẩm/dịch vụ có thể giải quyết những vấn đề của khách hàng, hoặc sự khác biệt không đâu có được của sản phẩm/dịch vụ. * Nút kêu gọi hành động mô tả chính xác những gì khách có thể nhận được: nên nhớ CTA phải liên quan đến mục tiêu cuối cùng bạn muốn trên landing page. * Bằng chứng tin cậy: Củng cố niềm tin cho khách hàng với những chứng nhận, cam kết hoặc phản hồi của người dùng. {% endhint %} **Áp dụng công thức này có 2 lợi ích:** * Giúp người đọc hình dung rất nhanh mục đích của trang, hay đơn giản hơn: trang này nói cái gì và tôi được gì. * Giảm tỉ lệ thoát Nếu bạn lựa chọn sử dụng Landing Page bán hàng thì công thức này không hợp lý lắm, hãy xem tiếp bài về công thức AIDA phù hợp hơn cho trang bán hàng. # Công thức AIDA cho trang Sales Page Với Landing Page thu thập thông tin hoặc trung gian chuyển đổi thì section intro là quan trọng nhất, ta có thể đưa ngay offer và form đăng ký ở đầu. Nhưng với Landing Page bán hàng, hỏi luôn thông tin khách hàng ở section đầu tiên có vẻ hơi vội vàng, ta cần cho họ biết nhiều thông tin hơn trước khi đưa ra quyết định. Vì vậy đối với Landing Page bán hàng, chúng ta sẽ áp dụng công thức AIDA để diễn giải nội dung, lúc này CTA cũng như form đăng ký sẽ đặt ở cuối trang, sau khi người xem đã đi qua một dòng câu chuyện của chúng ta. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FZrSYbFyouhgluagtmxvE%2Fimage.png?alt=media\&token=52606d43-fd8a-4b75-a7ff-37ae364d0a4f) ### A: ATTENTION - Gây chú ý Thu hút người xem ngay lập tức với tiêu đề chính. Tiêu đề chính cụ thể, súc tích, nêu một cách rõ ràng khách hàng sẽ có được gì từ trang này. Đừng quên về quy tắc đồng nhất nội dung (message match): tiêu đề chính phải đồng nhất nội dung với mẫu quảng cáo trước khi dẫn vào Landing Page. Một khi bạn đã thu hút được sự chú ý họ sẽ tiếp tục đọc. ### I: INTEREST - Tạo hứng thú với sản phẩm Khơi gợi sự thích thú bằng cách trình diễn sản phẩm/dịch vụ của bạn dưới dạng hình ảnh hoặc video. Tốt nhất ta nên dùng hình ảnh/video thể hiện sản phẩm/dịch vụ trong bối cảnh thực tế sử dụng. Đi kèm với video là liệt kê dưới dạng gạch đầu dòng những **lợi ích** mà sản phẩm/dịch vụ đem lại cho khách hàng. Để viết các câu lợi ích, hãy nghĩ đến "nỗi đau" của khách hàng mục tiêu và cách mà sản phẩm/dịch vụ của bạn giải quyết được nỗi đau này. ### D: DESIRE - Tạo mong muốn Cung cấp những thông tin cụ thể hơn cho người xem để khiến họ mong muốn sản phẩm của bạn. Chúng ta đã trao đổi lợi ích cho khách hàng ở trên, phần này là nơi bạn có quyền khoe tính năng của mình. Nếu như phần lợi ích mô tả những vấn đề bạn có thể giải quyết được thì tính năng sẽ mô tả những gì bạn làm được. Ở đây chúng ta liệt kê các tính năng của sản phẩm/dịch vụ, nêu ra công dụng của mỗi tính năng. Lưu ý, chỉ chọn lựa những tính năng tác động tốt nhất đến khách hàng tiềm năng, hãy chọn bằng cách kết nối công dụng của những tính năng đó với mong muốn thật sự của khách hàng, và đừng quên thể hiện nó dưới dạng bullet point (gạch đầu dòng). Nếu có thể, hãy tiếp tục đào sâu nội dung dựa theo câu hỏi "Những điều này có ý nghĩa thế nào với khách hàng ở mức độ cảm xúc?" Sau khi nói cho khách hàng biết chúng ta làm được gì, hãy để họ biết chúng ta đã làm tốt như thế nào và vì sao họ nên tin tưởng lựa chọn chúng ta. Những nội dung có thể hỗ trợ phần này: * **Những lời phản hồi tin cậy từ khách hàng**, chuyên gia đang sử dụng sản phẩm/dịch vụ của bạn: Hãy viết ngắn gọn và đi thẳng đến nội dung chính, và nên có ảnh của người đưa ra phản hồi để tăng tính thực tế. Nếu có thể, hãy thử làm video feedback – tỉ lệ tương tác và thuyết phục sẽ cao hơn rất nhiều, tỉ lệ chuyển đổi tăng 25% so với dùng text. * **Phản hồi tốt nhất là miêu tả cách giải quyết cho một “nỗi đau”** nào đó của khách hàng. * **Logo của đối tác:** Đừng quên một tiêu đề hấp dẫn cho phần này, ví dụ “Được tin dùng bởi những tên tuổi lớn trong làng công nghệ”. * **Đưa ra các con số về:** số lượng người dùng, số năm hoạt động, số tiền … * **Đội nhóm:** tăng tính tin tưởng và minh bạch về đội ngũ điều hành. * **Chứng nhận & cam kết chất lượng** của sản phẩm. * **Các giải thưởng đạt được hoặc những bài báo** nói về sản phẩm/dịch vụ của bạn. **Lưu ý:** Luôn nhớ một tiêu đề ấn tượng cho những phần này. ### A: ACTION - Hành động Đã đến lúc khách hàng cần phải hành động. Đây là phần trình diễn của Form đăng ký và CTA. Nếu như sản phẩm hoặc giá trị bạn đưa đến cho khách hàng đơn giản, và người xem không cần phải nghĩ quá nhiều để ra quyết định thì đặt CTA ngay ở phân mục đầu tiên sẽ có tác dụng tốt nhất. Phần này đã được nói ở bài [mini landing page](broken://pages/-LfhaHKQgAKftJN4yynG). Nếu như sản phẩm/đề nghị của bạn phức tạp, và thường người xem phải thông qua nhiều thông tin để ra quyết định thì ta đặt CTA phía dưới cùng, sau khi đã cung cấp thông tin đủ để người xem đưa ra quyết định. Nghiên cứu đã cho thấy sản phẩm/dịch vụ nào đòi hỏi mức độ tin tưởng cao - ví dụ những sản phẩm liên quan đến sức khỏe - thì landing page sẽ đạt hiệu quả tốt hơn nếu ta để người xem đọc hết toàn bộ câu chuyện trước khi yêu cầu họ hành động. #### Form đăng ký Form cũng cần có tiêu đề để miêu tả ý nghĩa. Bạn có thể tham khảo hai quy tắc sau về tâm lý học chuyển đổi để đặt tiêu đề: **Quy tắc 1: Tính khẩn cấp và khan hiếm**\ Động cơ tâm lý thông thường sử dụng tính khẩn cấp (thời gian có hạn) và tính khan hiếm (số lượng có hạn) để thúc đẩy hành động. **Quy tắc 2: Thử trước khi mua**\ Độ dài của form và mức độ riêng tư của thông tin bạn yêu cầu sẽ ảnh hưởng trực tiếp đến tỉ lệ chuyển đổi. Hãy cố gắng chỉ hỏi những thông tin cần thiết nhất để bạn chạy marketing hiệu quả. Ví dụ, đừng hỏi số điện thoại nếu như bạn thật sự chỉ cần marketing qua email. #### Thiết kế nút kêu gọi hành động (CTA) * Đối với Landing Page thu thập thông tin khách hàng và Landing Page bán hàng: CTA là một phần trong form đăng ký * Đối với Landing Page trung gian: CTA đứng độc lập với các tiêu đề nội dung làm rõ xung quanh **Các lưu ý khi thiết kế CTA:** **Tương phản:** chọn màu sắc cho nút CTA tương phản so với màu nền và các mã màu trên toàn trang, mục đích làm tăng sự nổi bật cho nút CTA. **Nhìn là muốn click:** Hãy làm cho nó giống một cái nút thật sự, đừng làm nó phẳng quá, cho một chút yếu tố 3D vào thì càng tốt. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FSFWrA66yE5r5Izy75SWR%2Fimage.png?alt=media\&token=03a77083-a521-49c6-a499-c32023267a82) **Kích cỡ:** đương nhiên là phải to và rõ ràng **Mũi tên chỉ dẫn:** Hãy thử một mũi tên chỉ khách hàng đến nút CTA, rất rõ ràng và mang tính điều hướng. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FDdKpz9koXcaWBN1Coa66%2Fimage.png?alt=media\&token=13c02157-bb46-49f4-9c89-78159182f767) **Câu hành động:** Phải miêu tả chính xác những gì khách hàng sẽ nhận được khi click vào nút này. Mẹo là hãy viết câu này như thể vế sau của câu "Tôi muốn…" {% hint style="info" %} **Ví dụ (Phần bôi đen là nội dung trong nút CTA):**\ Tôi muốn … **Tải ebook này**\ Tôi muốn … **Nhận tư vấn trực tiếp** {% endhint %} **Tránh sử dụng những từ** như "Đăng ký ngay" hoặc "Click here" bởi nó không mô tả được cái gì sẽ diễn ra tiếp theo, dẫn tới việc khách hàng không hình dung được lợi ích của mình. **Thông tin bổ trợ:** một câu rất ngắn bổ sung thêm thông tin và mục đích của nút bấm, dòng này sẽ giúp câu hành động trong nút bấm của bạn ngắn gọn và trọng tâm. Kích cỡ của dòng bổ trợ này sẽ bé hơn kích thước của nút bấm, hay được đặt ngay phía dưới nút bấm. **Tạo sự khan hiếm/cấp bách** bằng từ ngữ như "ngay bây giờ", "hôm nay". **Viền trắng:** tạo một viền trắng xung quanh nút bấm sẽ làm nút bấm nổi bật và dễ nhận diện hơn. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fp0zEORHKMCA0I78yxjj5%2Fimage.png?alt=media\&token=2e47350b-3bfc-470f-8202-8950a2d69e61) # 5 phút kiểm tra Landing Page Trả lời các câu hỏi dưới đây để review lại những nội dung giúp hỗ trợ chuyển đổi cho Landing Page * **Bạn đã bỏ hết các link điều hướng sang nơi khác trên landing page chưa?** Nếu chưa, hãy bỏ luôn và ngay. Điều hướng sang trang khác sẽ làm xao lãng mục tiêu chính. * **Trong vòng 5 giây, mọi người có thể biết trang của bạn nói về cái gì không?**\ Thử đi! Cho những người bạn xem trang của mình trong 5 giây rồi hỏi họ trang này nói về cái gì. Tối ưu nội dung cho đến khi bạn nhận được câu trả lời mong muốn. Chìa khóa vàng đấy! * **Nút kêu gọi hành động của bạn đã nổi bật nhất chưa?**\ Nó nên nổi bật. Làm nó to lên và thêm những biểu tượng định hướng, cho đến khi mọi người đều biết mục tiêu cuối cùng của trang này là gì. * **Có phải Landing Page của bạn chỉ nói về một thứ duy nhất?**\ Luôn luôn chỉ tập trung vào 1 thứ (sản phẩm, chương trình khuyến mại, dịch vụ đặc biệt…) * **Bạn đã đưa ra những yếu tố để tăng độ tin cậy chưa?**\ Có thể là video/trích dẫn phản hồi khách hàng, hoặc logo của những đối tác lớn. * **Bạn đã làm đơn giản nội dung bằng các gạch đầu dòng chưa?**\ Một đoạn văn dài nhiều chữ sẽ khiến người xem ngán ngẩm và thoát khỏi trang của bạn từ rất sớm. * **Bạn đã loại bỏ những nội dung không cần thiết đi chưa?**\ Hãy thật ngắn gọn, bám sát 12 phân mục tiêu chuẩn để lựa chọn nội dung phù hợp. * **Nút kêu gọi hành động có miêu tả được cho người xem biết họ sẽ nhận được gì khi click vào không?**\ Hãy quên ngay hai cụm từ không hiệu quả sau: "Click vào đây" và "Đăng ký" * **Có phải bạn chỉ hỏi những thông tin cần thiết nhất ở biểu mẫu thu thập thông tin?**\ Thông tin người xem cung cấp cho bạn phải xứng với lợi ích họ nhận được. * **Bạn đã để ý đến thiết kế của nút kêu gọi hành động để làm nó nổi bật chưa?**\ Bao gồm: màu tương phản, khoảng trắng và kích cỡ. * **Nút kêu gọi hành động của bạn có nằm ở phân mục đầu tiên chưa?**\ Phân mục đầu tiên nên thể hiện được rõ mục đích của bạn và lợi ích bạn đem lại cho khách hàng. * **Bạn đã có những biểu tượng điều hướng để thu hút sự chú ý của người xem chưa?** Một biểu tượng mũi tên chỉ vào nút kêu gọi hành động, hoặc hình nhân vật nhìn về nút kêu gọi hành động là hai phương pháp cơ bản. * **Bạn có sử dụng video nào trên landing page chưa?**\ Bạn nên có, video có thể làm tăng tỉ lệ chuyển đổi lên 80%. Chú ý nội dung của video phải đồng nhất với nội dung landing page. * **Bạn đã có video hoặc hình ảnh về sản phẩm/dịch vụ của mình trong bối cảnh thực tế chưa?** * **Tiêu đề chính ở phân mục đầu tiên đã đồng nhất với thông điệp ở mẫu quảng cáo trước chưa?** * **Bạn đã hướng khách hàng tới hành động khác ở trang xác nhận/trang cảm ơn chưa?**\ **Ví dụ:** Kết nối mạng xã hội, đăng ký nhận ưu đãi và thông tin hàng tháng, xem thêm thông tin tại website, bán chéo một sản phẩm khác, up sale... hoặc bất cứ thông tin giá trị nào khác mà bạn chưa có chỗ để ở Landing Page, thì giờ hãy tận dụng trang cảm ơn. # Sử dụng Shortcut - Phím tắt Các phím tắt cho phép bạn có thể chỉnh sửa Landing Page của mình một cách dễ dàng và tiện lợi. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FxnLYkIkmBOU0iI4WmFYu%2Fimage.png?alt=media\&token=bb5d0565-4fd3-4aec-b24a-362fb363ec27) # Chương trình Giới thiệu bạn bè Hãy giới thiệu sản phẩm LadiPage tới bạn của mình và nhận quà tặng từ chúng tôi Cảm ơn bạn đã tin tưởng và sử dụng LadiPage, chúng tôi luôn cố gắng để cải tiến LadiPage trở thành công cụ đắc lực hỗ trợ nhà quảng cáo và marketer. Nếu thấy LadiPage có thể có ích cho nhiều người nữa mà bạn biết thì đừng ngần ngại giới thiệu đến họ nhé. Các bước để Giới thiệu bạn bè và nhận quà từ LadiPage: {% hint style="success" %} **Bước 1: Tài khoản của bạn cần phải là tài khoản trả phí 1 năm trở lên để có đường dẫn giới thiệu riêng.** Tham khảo bảng giá [tại đây](https://ladipage.vn/banggia) nếu tài khoản của bạn chưa trả phí. {% endhint %} {% hint style="success" %} **Bước 2: Truy cập chuyên mục Giới thiệu trên Landing Page Builder của bạn** [**tại đây**](https://builder.ladipage.com/setting/referral)**.** {% endhint %} {% hint style="success" %} **Bước 3: Sao chép đường dẫn Giới thiệu bạn bè của mình như hình bên dưới và gửi cho người bạn của mình để truy cập và đăng ký tài khoản:** {% endhint %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FwYkkZyHA0yWQUPFjTFa0%2Fimage.png?alt=media\&token=e951fbb6-299c-4599-8e7d-deddce79a84c) {% hint style="success" %} **Bước 4: Bạn của bạn dùng thử LadiPage và được các tư vấn viên của LadiPage hỗ trợ sử dụng và tư vấn nâng cấp dịch vụ.** {% endhint %} {% hint style="success" %} **Bước 5: Nếu bạn của bạn:**\ **- Xác thực email, tạo tên miền và xác thực tên miền (áp dụng cho cả gói Starter) => bạn được tặng ngay 1 tháng sử dụng, cộng trực tiếp vào tài khoản.**\ **- Nâng cấp lên gói trả phí (Lite, Standard, Business) có thời hạn 1 năm trở lên**\ **=> cả bạn và bạn của bạn đều được tặng thêm 3 tháng sử dụng, cộng trực tiếp vào tài khoản.**\ *\*Hai phần thưởng trên được áp dụng đồng thời.*\ *\*\*Lưu ý: Tài khoản của bạn được nhận phần thưởng cho tối đa 6 tài khoản mà bạn giới thiệu thành công.* {% endhint %} {% hint style="success" %} **Bước 6:** Xem lại danh sách và tình trạng nâng cấp của những người mà bạn đã giới thiệu [tại đây](https://builder.ladipage.com/setting/referral)**:** {% endhint %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCUtimfa9LVZrggYIeda3%2Fimage.png?alt=media\&token=2b4c59bb-860a-4334-9a2b-3070d421728a) # Chỉnh sửa thông tin tài khoản ## Xác thực email tài khoản. Để tạo được tên miền và xác thực tên miền trên tài khoản LadiPage, bạn cần phải Xác thực Email tài khoản theo các bước sau. **Lưu ý: tài khoản kích hoạt gói trả phí 01 năm trở lên hoặc tài khoản starter (Free) được thêm vào làm thành viên gói phân quyền (Business/Premium/ Enterpise) thì tự động được xác thực email tài khoản trên hệ thống LadiPage, bạn có thể bỏ qua bước này.** Có 2 cách xác thực email tài khoản: **Cách 1: Truy cập vào builder chỉnh sửa, ở phần danh sách Landing Page, bấm nút Xác thực ngay:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FTAfQtNqvyXb0EgwmWSiA%2Fimage.png?alt=media\&token=79059f0e-a824-4e18-9fef-efef91d9a7a5) **Cách 2: Truy cập vào phần Quản lý tài khoản--> Tài khoản --> Xác thực Email:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F4VsAPhUZdGh9BSY4QEVc%2Fqu%E1%BA%A3n%20l%C3%BD%20t%C3%A0i%20kho%E1%BA%A3n.png?alt=media\&token=f21417f5-60e0-4cb7-97be-a8136e6edfa6) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F9mOtP7DIe47GB4GmElS1%2Fimage.png?alt=media\&token=eaf0640c-54b0-4b52-9087-6071e665c19e) LadiPage sẽ cung cấp đường dẫn xác thực tài khoản vào Gmail đăng ký tài khoản LadiPage. **Nếu bạn không nhận được email từ LadiPage trong hộp thư đến, bạn có thể kiểm tra trong cả mục spam hoặc quảng cáo của Gmail.** ## Sửa tên store. Bạn có thể sửa tên store hiển thị của tài khoản: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FlmJnlqWGSFcUgRSzDn3i%2Ft%C3%AAn%20store.png?alt=media\&token=747efd9b-449a-496e-8542-4efd12c4f082) **Bạn truy cập mục Cài đặt --> Cài đặt chung--> chỉnh sửa Tên Store.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F38xYSwYosVglwRaEEOnb%2Fimage.png?alt=media\&token=b0cd5c42-a248-4933-9dec-e4613b484a69) ## Sửa thông tin tên tài khoản/ số điện thoại và mật khẩu đăng nhập. Tên tài khoản của bạn hiển thị trong tài khoản như trong hình dưới đây: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fb5zpqICjx3UecTAjv1oc%2Ft%C3%AAn%20t%C3%A0i%20kho%E1%BA%A3n.png?alt=media\&token=4305772a-1041-4c84-8b41-6755787d6173) **Bạn truy cập vào Quản lý tài khoản --> Tài khoản --> Chọn sửa thông tin/ Đổi mật khẩu để chỉnh sửa thông tin:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FztNaRYXrXoaKkPvP62ZD%2Fqu%E1%BA%A3n%20l%C3%BD%20t%C3%A0i%20kho%E1%BA%A3n.png?alt=media\&token=0eaf5390-88b7-4dcc-a497-5c7255e10a41) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2cldEcYeWNsZzuWy0CFK%2Fimage%20\(5\).png?alt=media\&token=8abac392-8730-4927-b261-17b92bdbd79c) **Lưu ý: Bạn không thể chủ động thay đổi email đăng ký tài khoản. Bạn muốn thay đổi thông tin email đăng ký tài khoản, vui lòng liên hệ livechat hoặc gọi hotline 0972 220 777 để được hỗ trợ.** ## Đăng xuất trên tất cả các thiết bị. Nếu bạn đã từng đăng nhập tài khoản LadiPage trên nhiều thiết bị khác nhau và chưa đăng xuất ra các thiết bị đó, thì bạn có thể sử dụng tính năng Đăng xuất trên tất cả các thiết bị để đảm bảo tính bảo mật. **Bạn truy cập vào Quản lý tài khoản --> Tài khoản --> Đăng xuất trên tất cả các thiết bị.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3XNIafDrgSAEZ4t6zpJ8%2Fqu%E1%BA%A3n%20l%C3%BD%20t%C3%A0i%20kho%E1%BA%A3n.png?alt=media\&token=701345f2-b986-4510-85a6-ad2e91c554aa) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FLTyaOFXCe3OiO51Hzj1r%2Fimage.png?alt=media\&token=73af574c-84e2-4776-92d7-84595f343132) ## Xem thời hạn sử dụng Để xem thời hạn sử dụng, bạn vào phần tài khoản hoặc truy cập vào cài đặt --> Thông tin gói dịch vụ để xem chi tiết Ngày kích hoạt và Ngày hết hạn của gói dịch vụ đang sử dụng. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FgZ37oz3pAMOfQYTMw6PF%2Fimage.png?alt=media\&token=48f7f1fd-90b4-4f91-b3e9-b7f64167d7e3) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FhrjPyxzhhuuR97Hnv7FE%2Fth%C3%B4ng%20tin%20g%C3%B3i%20d%E1%BB%8Bch%20v%E1%BB%A5.png?alt=media\&token=93aace42-5474-42c1-b6b0-953fdca2de62) # Điều khoản sử dụng tên miền miễn phí ### Quy định về điều khoản sử dụng tên miền miễn phí: Tên miền miễn phí được cung cấp bởi LadiPage (ví dụ: ldp.page, ldp.link, ldp.ink...) với mục đích hỗ trợ người dùng xuất bản các landing page tạm thời để xem trước/kiểm tra nội dung landing page trước khi gắn tên miền chính thức vào trang. Vì vậy:\ **Điều 1**: Không sử dụng tên miền miễn phí như một đường link chính thức đặt trong các chiến dịch marketing, quảng cáo, bán hàng hoặc các bài đăng chính thức hướng tới người dùng cuối.\ **Điều 2**: Nếu vi phạm điều 1 thì:\ 2.1: Những nội dung được đăng tải và hình ảnh thiết kế trên các landing page vi phạm trên không thuộc sở hữu của LadiPage. LadiPage không chịu trách nhiệm với những nội dung này cũng như những hệ quả có thể xảy đến khi những nội dung này bị phát tán ra ngoài tới người xem.\ 2.2: LadiPage có quyền xóa những landing page trên mà không cần báo trước với chủ tài khoản. Nếu vi phạm nhiều lần LadiPage có quyền khóa tài khoản mà không cần báo trước với chủ tài khoản.\ **Điều 3**: Giới hạn lượng truy cập cho tên miền miễn phí này được quy định như sau:\ \- Đối với tài khoản miễn phí: tổng lượng truy cập cho cả tên miền miễn phí và tên miền riêng được trỏ về hosting LadiPage trong tài khoản là 1000 lượt/tháng( link preview xem trong vòng 10ph sau khi xuất bản- không tính vào tổng lượt truy cập)\ \- Đối với tài khoản trả phí (Lite/Pro/Standard/Business/Enterprise): lượng truy cập cho mỗi đường dẫn tên miền miễn phí là 1000 lượt/tháng. **Điều 4:** Để bảo bảo hệ thống và mục đích sử dụng của tên miền miễn phí. LadiPage toàn quyền thay thế, đổi hình thức mà mục đích sử dụng của các tên miền miễn phí để khắc phục các lỗi phát sinh nếu có. **Điều 5:** Trường hợp bất khả kháng chúng tôi hoàn toàn có quyền chuyển tên miền miễn phí về chế độ Link Preview chỉ được preview xem trong 10 phút. Để đảo bảo chính sách toàn cầu và an toàn hệ thống. {% hint style="warning" %} Trong trường hợp gói bạn đang sử dụng có áp dụng phần giới hạn lượt truy cập theo tài khoản thì phần giới hạn vẫn áp dụng bình thường. Báo cáo của trang landing page xuất bản với tên miền miễn phí: Tất cả các trang landing page xuất bản với tên miền miễn phí không hỗ trợ báo cáo chi tiết (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu), sẽ chỉ có phần tính lượt truy cập/tháng. {% endhint %}
# Xuất bản Landing Page với các nền tảng {% content-ref url="/pages/MHNiYkQHMnL35CDzGC30" %} [Tải Landing Page lên hosting riêng](/xuat-ban-landingpage/xuat-ban-landing-page-voi-cac-nen-tang/tai-landing-page-len-hosting-rieng) {% endcontent-ref %} # Tải Landing Page lên hosting riêng Sau khi thiết kế Landing Page trên nền tảng LadiPage, bạn có thể tải file HTML của Landing Page đó để sử dụng trên hosting riêng của mình. Trên trang **Quản lý Landing Page**, lựa chọn menu tùy chỉnh của Landing Page muốn tải và chọn Export .html như hình dưới đây. Bạn cần xuất bản landing page trước khi thực hiện thao tác tải file .html về máy tính. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F7Ako6GhSTi1Yojh0ePb9%2Fhtml.png?alt=media\&token=861e592a-59ab-4284-967d-cffce585b2fe) Sau khi tải file HTML của Landing Page về máy tính, bạn up file .html lên hosting riêng để sử dụng. Trang landing page gắn vào hosting riêng sẽ có logo của LadiPage ở dưới chân trang như bên dưới. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F73lwEuAdRGnSzFlaPj8V%2Flogo.png?alt=media\&token=13e8ea98-23c7-4f5e-8ffa-28be939740d6) Để mất đi logo LadiPage trên trang, bạn thực hiện theo 02 bước sau: **Bước 1: Tạo bản ghi sau trong phần quản lý DNS của tên miền:** Bản ghi này chỉ có mục đích xác thực tên miền trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có:\ **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Bước 2:** **Xác thực tên miền trong tài khoản LadiPage:** * Trong tài khoản LadiPage, bạn vào mục T[**ên miền**](https://builder.ladipage.com/domains)**.** * Bấm chọn Tạo tên miền mới. * Chọn nền tảng hosting riêng, điền đúng định dạng tên miền riêng của bạn. * Bấm xác thực tên miền bạn vừa thêm vào. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Flovu9fXxP8QgtUlwkwOm%2Fimage.png?alt=media\&token=ab08b866-9b38-41a8-87ae-4db6d1d29549) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FOvvwlXV3TJWlbF1cHg8r%2Fx%C3%A1c%20th%E1%BB%B1c%20hosting%20ri%C3%AAng.png?alt=media\&token=e09deaa3-7c07-438e-852b-0c41d31ac0f4) Như vậy là bạn có thể dùng trang Landing Page trên hosting riêng mà không bị vướng logo "Landing Page miễn phí". {% hint style="warning" %} **Lưu ý:** * Bạn cần xuất bản landing page trước khi tải file .html. * Tài khoản LadiPage starter(miễn phí) không hỗ trợ tải file .html. * Tên miền chọn nền tảng Hosting riêng không hỗ trợ Bật SSL. * Trang landing page được tải file .html và up lên hosting riêng sẽ có logo LadiPage dưới chân trang đối với tài khoản LadiPage hết hạn. {% endhint %} # Xuất bản Landing Page lên nền tảng WordPress Để tải Landing Page lên website WordPress bạn cần thực hiện theo hai phần sau đây: ## Phần 1: Cài đặt Plugin LadiPage trong Wordpress. Bước 1: Đăng nhập trang quản trị website WordPress của bạn với **quyền Admin.** Bước 2: Tại menu **Plugins** chọn **Add New Plugin** để cài đặt plugins mới. Bước 3: Bạn bấm vào mục Chọn Tệp, để tải tệp code plugin LadiPage {% hint style="danger" %} Tải code app LadiPage [cho wp tại đây](https://drive.google.com/file/d/1qDUtsgYRmDIrqT5dhdwt4pEOm18O3Qir/view) {% endhint %} {% embed url="\_" %} Bước 4: Bấm chọn app LadiApp vừa cài, sau đó sao chép lại nội dung trong 2 ô **API KEY** và **API URL (Lưu ý: bấm Save Changes sau khi lấy API).** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F753mDMUMe08deYaNtRQZ%2Fimage%20\(6\).png?alt=media\&token=70ab3651-5970-430a-9ed6-31510ecef952) ## Phần 2: Xuất bản Landing Page thành thư mục con trên Wordpress. **Bước 1: Tạo bản ghi xác thực tên miền.** * Bạn cần vào phần quản lý tên miền chính của mình (chính là tên miền ở ô API URL ở phần 1). * Tạo bản ghi sau trong phần quản lý DNS của tên miền:\ **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Ghi chú:** Bản ghi này chỉ có mục đích xác thực tên miền của bạn trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có. Tài khoản LadiPage starter- miễn phí mặc định có logo LadiPage dưới chân trang**.** **Bước 2: Thêm tên miền trong tài khoản LadiPage.** * Đăng nhập tài khoản LadiPage, chọn mục T[**ên miền**](https://builder.ladipage.com/domains) bấm chọn **Tạo tên miền mới (lưu ý xác thực email tài khoản đối với tài khoản LadiPage Starter - Miễn phí để tạo được tên miền mới,** [**hướng dẫn chi tiết tại đây)**](/chinh-sua-thong-tin-tai-khoan)**.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FUeFYlVwnBZnHSm9UJJ9N%2Fwordpress.png?alt=media\&token=2162f0c2-8b37-4103-a840-e78b72220b72) * Chọn **Nền tảng** **WordPress** sau đó nhập **API URL** và **API KEY** mà bạn vừa sao chép ở bước 4- phần 1. * Bấm nút **Tạo tên miền** để hoàn tất. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FB59dJafdplf75V9sNyDC%2Fwp%20xu%E1%BA%A5t%20b%E1%BA%A3n%20.gif?alt=media\&token=64053b63-5b29-49c9-92cf-28223a5234da) **Bước 3: Xác thực tên miền.** Sau khi thêm tên miền, bạn bấm vào icon ... chọn Xác thực tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FyQeRVqOchuqpGYiGy144%2Fwordpress2.png?alt=media\&token=ecf2e7b9-a8df-4edf-b627-f3fcdde6440b) **Bước 4: Xuất bản landing page với tên miền nền tảng LadiPage.** 1. Trong trang chỉnh sửa landing page, bấm nút **Xuất bản** Landing Page tại thanh công cụ bên phải trong LadiPage Builder. 2. Chọn mục **Tên miền riêng** và chọn **Xuất bản với tên miền riêng.** 3. Tại phần **Chọn tên miền** bạn chọn địa chỉ website WordPress của bạn. 4. Nhập tên thư mục con mà bạn muốn tạo sau dấu "/". 5. Bấm nút **Xuất bản lại** để tải Landing Page lên WordPress. Sau khi xuất bản xong ngay lập tức bạn có thể truy cập vào đường dẫn vừa được xuất bản thành công. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FBllcTGHtNJ8c2vlL6piK%2Fwordpress3.png?alt=media\&token=f078455e-30bb-4c3d-9274-9e639ef84627) **Lưu ý: Trong trường hợp xuất bản mà bạn gặp thông báo như trường hợp dưới đây:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FoBAPQPotHu6yrlunjCBf%2Fimage.png?alt=media\&token=f3ea743d-b7aa-4ae4-a525-b08db71d0e1f) Bạn cần vào lại phần plugin LadiApp trong quản trị Wordpress, và sao chép đoạn Key trong thông báo trên và dán vào phần như ảnh và ấn Publish. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fbx8ffj010ICnZ59Kfsjc%2Fimage%20\(7\).png?alt=media\&token=59510ad6-bf04-4004-b4d8-0e16b21a83ef) Đường dẫn landing page xuất bản sẽ hiển thị ngay trong tài khoản Wordpress của bạn khi bạn bấm Publish. Bạn sao chép đường dẫn đó và dán vào thanh trình duyệt để ra trang landing page xuất bản. {% hint style="warning" %} **Lưu ý:** * Tên miền chọn nền tảng Wordpress sẽ không bật được SSL trong tài khoản LadiPage. * LadiPage chỉ hỗ trợ xuất bản landing page lên nền tảng Wordpress dưới dạng thư mục con (ví dụ: tenmiencuaban.com/landingpage) và hiển thị nội dung trang xuất bản như đúng thiết kế trong tài khoản LadiPage. Nếu bạn muốn xuất bản với tên miền chính (ví dụ: tenmiencuaban.com) và hiển thị thanh header/footer của wordpress, bạn vui lòng cài đặt trong tài khoản wordpress của bạn. LadiPage sẽ không hỗ trợ phần cài đặt này. * Các trang landing page xuất bản với nền tảng Wordpress sẽ không có báo cáo của LadiPage (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu). {% endhint %} # Xuất bản Landing Page lên nền tảng Haravan Để tải Landing Page lên nền tảng Haravan trước tiên bạn cần phải có tài khoản tại Haravan. Sau đó bạn có thể thực hiện theo các bước sau đây: **Bước 1: Tạo bản ghi xác thực tên miền:** * Bạn cần vào phần quản lý tên miền chính của mình. * Tạo bản ghi sau trong phần quản lý DNS của tên miền:\ **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Ghi chú:** Bản ghi này chỉ có mục đích xác thực tên miền của bạn trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có. Tài khoản LadiPage starter- miễn phí mặc định có logo LadiPage dưới chân trang**.** **Bước 2: Thêm tên miền trong tài khoản LadiPage:** * Đăng nhập tài khoản LadiPage, chọn mục [**Tên miền**](https://builder.ladipage.com/domain) bấm chọn **Tạo tên miền mới (lưu ý xác thực email tài khoản đối với tài khoản LadiPage Starter - Miễn phí để tạo được tên miền mới,** [**hướng dẫn chi tiết tại đây)**](/chinh-sua-thong-tin-tai-khoan)**.** * Chọn **Nền tảng** - **Haravan** sau đó nhập **Tên miền của bạn** (điền đúng định dạng tên miền của bạn tại nền tảng Haravan) và nhập **đường dẫn trang quản lý Haravan (như hình dưới) vào ô API URL:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FtTgN22Ie4dTxH0Kel5S2%2Fimage.png?alt=media\&token=33621dac-1eb5-4360-a29d-e5bae3a06d19) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FNc4uVOWddFHpdUlovxz7%2Fimage.png?alt=media\&token=0ef7de8c-6275-4520-ab4f-fe0950981dc0) * Chọn **Tạo tên miền** và Đăng nhập tài khoản Haravan của bạn (Nếu đã đăng nhập rồi có thể bỏ qua bước này). ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FhwMUipisRz5EaGyi6i0z%2Fimage.png?alt=media\&token=964e4bc4-de06-413b-bf5b-58ee27a6e35a) **Bước 3: Xác thực tên miền:** Sau khi thêm tên miền, bạn bấm vào icon ... chọn Xác thực tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3JIcAJkAISoutA5XxUZK%2Fx%C3%A1c%20th%E1%BB%B1c%20haravan.png?alt=media\&token=7f817877-3227-4bb1-a4cd-26062a8f6fe0) **Bước 4: Xuất bản landing page với tên miền nền tảng Haravan:** * Trong trang chỉnh sửa landing page, bấm **Xuất bản.** * Chọn mục **Tên miền riêng** và chọn **tên miền riêng nền tảng Haravan** của bạn. * Nhập tên thư mục con mà bạn muốn tạo sau dấu "/". * Bấm nút **Xuất bản lại** để tải Landing Page lên Haravan. Sau khi xuất bản xong ngay lập tức bạn có thể truy cập vào đường dẫn vừa được xuất bản thành công. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FBzVcEygTCxpNJs7GosQw%2Fxu%E1%BA%A5t%20b%E1%BA%A3n%20v%E1%BB%9Bi%20t%C3%AAn%20mi%E1%BB%81n%20ri%C3%AAng.png?alt=media\&token=cf161750-0207-406a-9875-372264a0e85f) {% hint style="warning" %} **Lưu ý:** * Tên miền chọn nền tảng Haravan sẽ không bật được SSL trong tài khoản LadiPage. * Các trang landing page xuất bản với nền tảng Haravan sẽ nằm trong mục Trang Nội Dung của Haravan, vì vậy trang sẽ mặc định hiển thị có chữ "pages", ví dụ: tenmiencuaban.com/pages/landingpage. Phần này hiển thị theo định dạng của Haravan. * Các trang landing page xuất bản với nền tảng Haravan sẽ không có báo cáo LadiPage (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu). {% endhint %} # Xuất bản Landing Page lên nền tảng Sapo Để tải Landing Page lên nền tảng Sapo trước tiên bạn cần phải có tài khoản tại Sapo. Sau đó bạn có thể thực hiện theo các bước sau đây: **Bước 1: Tạo bản ghi xác thực tên miền:** * Bạn cần vào phần quản lý tên miền chính của mình. * Tạo bản ghi sau trong phần quản lý DNS của tên miền:\ **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Ghi chú:** Bản ghi này chỉ có mục đích xác thực tên miền của bạn trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có. Tài khoản LadiPage starter- miễn phí mặc định có logo LadiPage dưới chân trang**.** **Bước 2: Thêm tên miền trong tài khoản LadiPage:** * Đăng nhập tài khoản LadiPage, chọn mục [**Tên miền**](https://builder.ladipage.com/domain) bấm **Tạo tên miền mới (lưu ý xác thực email tài khoản đối với tài khoản LadiPage Starter - Miễn phí để tạo được tên miền mới,** [**hướng dẫn chi tiết tại đây)**](/chinh-sua-thong-tin-tai-khoan)**.** * Chọn **Nền tảng** - **Sapo,** sau đó nhập **Tên miền của bạn** (điền đúng định dạng tên miền của bạn tại nền tảng **Sapo**) và nhập **đường dẫn trang quản lý Sapo (như hình dưới) vào ô API URL:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FK7nXGgXc3t36Bi6l0LD3%2Fsapo.png?alt=media\&token=0c159fa2-b4e0-488a-8eea-c9553264ca2f) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fmug3fh4jRVwNuzy8gSnT%2Fimage.png?alt=media\&token=7c86a299-c164-494b-818d-da3d9f62ee8e) Chọn **Tạo tên miền** và Đăng nhập tài khoản Sapo của bạn (Nếu đã đăng nhập rồi có thể bỏ qua bước này). **Bước 3: Xác thực tên miền:** Sau khi thêm tên miền, bạn bấm vào icon ... chọn Xác thực tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdkCFm4LxHmB5qX1hVEm4%2Fx%C3%A1c%20th%E1%BB%B1c%20sapo.png?alt=media\&token=4aba7450-f6fc-448f-8aee-511625e9ac8b) **Bước 4: Xuất bản landing page lên nền tảng Sapo:** * Trong trang chỉnh sửa landing page, bấm **Xuất bản.** * Chọn mục **Tên miền riêng** và chọn **tên miền riêng nền tảng Sapo** của bạn. * Nhập tên thư mục con mà bạn muốn tạo sau dấu "/". * Bấm nút **Xuất bản lại** để tải Landing Page lên Sapo. Sau khi xuất bản xong ngay lập tức bạn có thể truy cập vào đường dẫn vừa được xuất bản thành công. {% hint style="warning" %} **Lưu ý:** * Tên miền chọn nền tảng Sapo sẽ không bật được SSL trong tài khoản LadiPage. * Các trang landing page xuất bản với nền tảng Sapo sẽ không có báo cáo của LadiPage (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu). {% endhint %} # Xuất bản Landing Page lên nền tảng iTop.website Để tải Landing Page lên nền tảng iTop.website trước tiên bạn cần phải có tài khoản tại iTop.website. Sau đó bạn có thể thực hiện theo các bước sau đây: **Bước 1: Tạo bản ghi sau trong phần quản lý DNS của tên miền:** Bản ghi này chỉ có mục đích xác thực tên miền trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có:\ **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Bước 2:** Đăng nhập trang quản trị của bạn tại iTop.website. Chọn mục **Trang Nội Dung** sau đó bấm chọn Lấy mã tích hợp LadiPage. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCa6OL4iwvxhLyxW7XBtZ%2Fimage.png?alt=media\&token=16b08e3f-7e94-4729-8c2c-d58ee00d6977) **Bước 3:** Lưu lại API URL và API Key. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FkJDuZSZ6yZepXKs5acz4%2Fimage.png?alt=media\&token=e62a3836-4cb2-4252-b096-e0782ef9f9a7) **Bước 4:** Tại trang [**Quản lý tên miền**](https://builder.ladipage.com/domains) bấm chọn **Tạo tên miền mới (lưu ý xác thực email tài khoản đối với tài khoản LadiPage Starter - Miễn phí để tạo được tên miền mới,** [**hướng dẫn chi tiết tại đây**](https://help.ladipage.vn/chinh-sua-thong-tin-tai-khoan#xac-thuc-email-tai-khoan)**).** \ **Bước 5:** Mục **Nền tảng** chọn **iTop.website** sau đó nhập API URL và API KEY mà bạn lưu lại ở bước 3 và bấm nút **Tạo tên miền** để hoàn tất. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdO61y0G9dQM8gx9hzNvC%2Fitop.png?alt=media\&token=2c6546e4-f457-42dc-9ec1-14700de6ccc6) **Bước 6: Xác thực tên miền.** Sau khi thêm tên miền, bạn bấm vào icon ... chọn Xác thực tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJjdNytO3QsU2lKdoZUmH%2Fx%C3%A1c%20th%E1%BB%B1c%20itop.png?alt=media\&token=a986e5d7-21d1-4162-b661-1c8e6b1b33ac) **Bước 7: Xuất bản landing page lên Itop.** 1\. Trong trang chỉnh sửa landing page, bấm **Xuất bản.**\ 2\. Chọn mục **Tên miền riêng** và chọn **tên miền riêng nền tảng Itop** của bạn.\ 3\. Nhập đường dẫn mà bạn muốn.\ 4\. Bấm nút **Xuất bản lại** để tải Landing Page lên iTop.website. Sau khi xuất bản xong ngay lập tức bạn có thể truy cập vào đường dẫn vừa được xuất bản thành công. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FrqRBzxpJJixVeYD6FL6J%2Fxu%E1%BA%A5t%20b%E1%BA%A3n%20v%E1%BB%9Bi%20t%C3%AAn%20mi%E1%BB%81n%20ri%C3%AAng.png?alt=media\&token=8b966e90-9c5b-4089-af7a-57cf5cc34d72) {% hint style="warning" %} **Lưu ý:** * Tên miền chọn nền tảng Itop sẽ không bật được SSL trong tài khoản LadiPage. * Các trang landing page xuất bản với nền tảng Itop sẽ không có báo cáo của LadiPage (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu). {% endhint %} # Xuất bản Landing Page lên nền tảng Shopify Để tải Landing Page lên nền tảng Shopify trước tiên bạn cần phải có tài khoản tại Shopify. Sau đó bạn có thể thực hiện theo các bước sau đây: **Bước 1: Tạo bản ghi sau trong phần quản lý DNS của tên miền:** **Host Record:** ladipageverify\ **Type (Loại):** CNAME\ **Value (Giá trị):** [dns.ladipage.com](http://dns.ladipage.com/) **Ghi chú:** Bản ghi này chỉ có mục đích xác thực tên miền trong tài khoản LadiPage để bỏ logo LadiPage ở chân trang và không ảnh hưởng tới các bản ghi hiện tại của bạn đang có. **Bước 2: Thêm tên miền trong tài khoản LadiPage:** {% embed url="" %} {% hint style="warning" %} **Lưu ý:** {% endhint %} Bạn cần dán đường dẫn builder như trong hình tại app shopify của bạn:
**Bước 3: Xác thực tên miền:** Sau khi thêm tên miền, bạn bấm vào icon ... chọn Xác thực tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHqDJDlwmruDOZvUdv4zx%2Fx%C3%A1c%20th%E1%BB%B1c%20shopify.png?alt=media\&token=e5582004-d4f4-4acd-89b7-6ff0f531b9ce) **Bước 4: Xuất bản landing page với tên miền nền tảng Shopify:** * Trong trang chỉnh sửa landing page, bấm **Xuất bản.** * Chọn mục **Tên miền riêng** và chọn **tên miền riêng nền tảng Shopify** của bạn. * Nhập tên thư mục con mà bạn muốn tạo sau dấu "/". * Bấm nút **Xuất bản lại** để tải Landing Page lên Shopify. Sau khi xuất bản xong ngay lập tức bạn có thể truy cập vào đường dẫn vừa được xuất bản thành công. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fdx1zAJLsPLiEavUmQxnh%2Fxu%E1%BA%A5t%20b%E1%BA%A3n%20v%E1%BB%9Bi%20t%C3%AAn%20mi%E1%BB%81n%20ri%C3%AAng.png?alt=media\&token=cb41f49b-de08-488d-8a4a-4dcae3341d47) {% hint style="warning" %} **Lưu ý:** * Tên miền chọn nền tảng Shopify sẽ không bật được SSL trong tài khoản LadiPage. * Các trang landing page xuất bản với nền tảng Shopify sẽ nằm trong mục Pages của Shopify, vì vậy trang sẽ mặc định hiển thị có chữ "pages", ví dụ: tenmiencuaban.com/pages/landingpage. Phần này hiển thị theo định dạng của Shopify. * Các trang landing page xuất bản với nền tảng Shopify sẽ không có báo cáo của LadiPage (Người truy cập, chuyển đổi, chuyển đổi duy nhất, tỷ lệ chuyển đổi và doanh thu). {% endhint %} # Tên miền ## **Bước 1: Trỏ tên miền về hosting của LadiPage.** ***Trỏ tên miền chính:*** Vào phần quản trị tên miền ở nơi bạn mua tên miền và cấu hình **2** bản ghi sau để điều hướng tên miền đó về địa chỉ của LadiPage: Host record: **www**\ Type (Loại): **CNAME**\ Value (Giá trị): **dns.ladipage.com** Host record: @\ Type (Loại): URL Redirect\ Value (Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ***Trỏ tên miền phụ:*** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là sanphama.tenmiencuaban.com thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: **sanphama**\ Type (Loại): **CNAME**\ Value (Giá trị): **dns.ladipage.com** Dưới đây là hướng dẫn cụ thể cho từng nền tảng mà bạn mua tên miền: {% content-ref url="/pages/fAsGReaKV0NcVaZ8IChb" %} [Trỏ tên miền từ HOSTVN](/ten-mien/tro-ten-mien-tu-hostvn) {% endcontent-ref %} {% content-ref url="/pages/9FjPsg8e587nKyCxQ7tO" %} [Trỏ tên miền từ iNET](/ten-mien/tro-ten-mien-tu-inet) {% endcontent-ref %} {% content-ref url="/pages/YtPpwvufmWGDTcmIHkJF" %} [Trỏ tên miền từ Nhân Hòa](/ten-mien/tro-ten-mien-tu-nhan-hoa) {% endcontent-ref %} {% content-ref url="/pages/pGks2oIiHE9zDH8y5SaV" %} [Trỏ tên miền từ Tenten](/ten-mien/tro-ten-mien-tu-tenten) {% endcontent-ref %} {% content-ref url="/pages/mDTpaNHw1T4BeN5c0iJT" %} [Trỏ tên miền từ Mắt Bão](/ten-mien/tro-ten-mien-tu-mat-bao) {% endcontent-ref %} {% content-ref url="/pages/PHeEuFuVXlsKzbKizbSN" %} [Trỏ tên miền từ PA Việt nam](/ten-mien/tro-ten-mien-tu-pa-viet-nam) {% endcontent-ref %} {% content-ref url="/pages/8oeLOLV4mrWBDeBh7OBv" %} [Trỏ tên miền từ GoDaddy](/ten-mien/tro-ten-mien-tu-godaddy) {% endcontent-ref %} {% content-ref url="/pages/wP5T7QYsKEEd6oOe3nYb" %} [Trỏ tên miền từ Z.com](/ten-mien/tro-ten-mien-tu-z.com) {% endcontent-ref %} {% content-ref url="/pages/vKcx5rl1qW0o86EdL42v" %} [Trỏ tên miền từ Namecheap](/ten-mien/tro-ten-mien-tu-namecheap) {% endcontent-ref %} {% content-ref url="/pages/swghpLMvrFgIar6WGCtN" %} [Trỏ tên miền từ Hostinger](/ten-mien/tro-ten-mien-tu-hostinger) {% endcontent-ref %} ## Bước 2: Tạo và xác thực tên miền tại LadiPage. {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} ## Bước 3: Bật SSL {% content-ref url="/pages/7HpUJMJcTjTsDSQGz5cP" %} [Bật SSL](/ten-mien/bat-ssl) {% endcontent-ref %} ## Bước 4: Xuất bản Landing Page với tên miền riêng với hướng dẫn [tại đây ](https://help.ladipage.vn/ten-mien/xuat-ban-landing-page-voi-ten-mien-rieng) # Kiến thức về tên miền Nếu như ví website hay Landing Page giống như ngôi nhà, thì tên miền chính là địa chỉ nhà để người khác tìm đến ngôi nhà của bạn. Tên miền xuất hiện dưới dạng một đường link như bạn hay nhìn thấy, ví dụ [www.ladipage.vn.](http://www.ladipage.vn/) Khi khách hàng truy cập vào tên miền này họ sẽ nhìn thấy trang web của bạn. Cũng giống như địa chỉ nhà, bạn cần phải mua và đăng ký sở hữu với những bên cung cấp tên miền trước khi có thể sử dụng được nó. Mỗi một tên miền là độc nhất, nếu người khác đã sở hữu tên miền đó thì bạn sẽ không thể mua nữa. Các bên cung cấp tên miền phổ biến:\ \ \ \ \ \ Sau khi đã mua tên miền, bạn sẽ cần trỏ tên miền này về hosting của LadiPage để sử dụng cho các trang Landing Page đã tạo. Một tên miền sẽ chỉ gắn với 1 trang web. Đi kèm với tên miền chính sẽ có tên miền phụ và các thư mục con.\ Ví dụ về tên miền chính: **tenmiencuaban.com**\ Ví dụ về tên miền phụ: **sanpham.tenmiencuaban.com**\ Ví dụ về thư mục con: **tenmiencuaban.com/sanpham** Tên miền phụ có thể tạo miễn phí trong tài khoản quản trị tên miền của tên miền chính và có thể độc lập trỏ về trang web/hosting khác ngoài website chính đang sử dụng tên miền chính. Thư mục con có thể tạo ra theo tên miền chính và tên miền phụ. # Trỏ tên miền từ HOSTVN Truy cập trang quản trị tên miền của HOSTVN tại . **Bước 1:** Sử dụng tài khoản khách hàng của bạn tại HOSTVN để đăng nhập. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FANpfxgxHVF2twtL1N6CR%2Fimage.png?alt=media\&token=90776da7-3e2b-4b02-9ed6-9f17bad854e4) **Bước 2:** Chọn **Quản lý DNS** tại tên miền cần trỏ về LadiPage. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FfLvATDxIGhDlKi4v6PlE%2Fimage.png?alt=media\&token=25f53eda-6f2d-4b1a-b0da-73b7a3d59f70) **Bước 3: Tạo bản ghi:** ### **A. Trỏ tên miền chính về hosting của LadiPage.** **Bạn tạo 2 bản ghi sau để trỏ tên miền chính trong Quản lý DNS:** Kiểu: CNAME\ Tên: www\ Nội dung: dns.ladipage.com Kiểu: URL Redirect\ Tên: @\ Nội dung: Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ### B. Trỏ tên miền phụ (Tên miền dạng: sanpham.tenmiencuaban.com). Để trỏ tên miền phụ về LadiPage bạn thực hiện theo các bước sau: **1:** Chọn **Tạo mới bản ghi** sau đó chọn **CNAME.** **2:** Nhập thông tin vào các trường thông tin sau đó bấm nút **Thêm mới**.\ 1\. **Host**: Nhập tiền tố của tên miền phụ. VD: sanpham.\ 2\. **Host name:** dns.ladipage.com. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FtM94mNGPj1F4ILbVseQO%2Fimage.png?alt=media\&token=15f94850-1351-4dd8-a82c-57d27a0a8388) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fn5u4M2e0dTmj77UQcfrh%2Fimage.png?alt=media\&token=eebb025b-b287-4af7-8a61-7b15f88d8e8a) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage). # Trỏ tên miền từ Vietnix Truy cập trang chủ Vietnix tại **Bước 1:** Sử dụng tài khoản khách hàng của bạn tại Vietnix để đăng nhập.
**Bước 2:** Tại trang quản trị dịch vụ bạn chọn mục **Quản lý tên miền** sau đó chọn tên miền cần trỏ và chọn **Quản lý.**
Sau đó chọn **Quản lý DNS** để cập nhật hoặc thêm bản ghi
**Bước 3: Tạo bản ghi:** ### **A. Trỏ tên miền chính về hosting của LadiPage.** **Bạn tạo 2 bản ghi sau để trỏ tên miền chính trong Quản lý DNS:** Type: CNAME\ Name: www\ Content: dns.ladipage.com Type: URL Redirect\ Name: @\ Content: Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ### B. Trỏ tên miền phụ (Tên miền dạng: sanphama.tenmiencuaban.com). Để trỏ tên miền phụ về LadiPage bạn thực hiện theo các bước sau: **1:** Chọn **Tạo mới bản ghi** sau đó chọn **CNAME.** **2:** Nhập thông tin vào các trường thông tin sau đó bấm nút **Add**.\ 1\. **Name:** Nhập tiền tố của tên miền phụ. VD: sanphama.\ 2\. **Content:** dns.ladipage.com.
Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage). # Trỏ tên miền từ iNET Truy cập trang chủ iNET tại và chọn **Đăng nhập**. Sau đó nhập thông tin tài khoản khách hàng tại iNET để đăng nhập hệ thống quản trị. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FcQNe8MEWTifuxNpMHuDk%2Fimage.png?alt=media\&token=b00c088a-4bf8-420d-af4b-2895c8e29e95) Tại phần quản lý danh sách dịch vụ bạn chọn dịch vụ là **Tên miền** sau đó Chọn tên miền cần trỏ và chọn **Cập nhật bản ghi.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FpaZ0Utb59NTOprKdtWb4%2Fimage.png?alt=media\&token=1c0870c8-c0c0-408e-88e7-dea21820bcab) ## Trỏ tên miền chính. Bạn tạo 02 bản ghi dùng để trỏ tên miền chính về hosting LadiPage như sau: Host record: www\ Type (Loại): CNAME\ Value (Giá trị): dns.ladipage.com Host record: @\ Type (Loại): URL Redirect\ Value (Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ## Trỏ tên miền phụ. Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: sanphama\ Type (Loại): CNAME\ Value (Giá trị): [dns.ladipage.com](http://dns.ladipage.com/) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ Nhân Hòa Truy cập trang quản trị tên miền của Nhân Hòa và nhập thông tin tài khoản: 1. **Trỏ tên miền chính:** Bạn thêm mới 2 bản ghi sau: Tên record: www\ Loại record: CNAME\ Giá trị record: dns.ladipage.com Tên record: @\ Loại record: URL Redirect\ Giá trị record: Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fh8demoMjjxPPU0oYNiWD%2Fimage.png?alt=media\&token=8f0eeb98-8de7-49ac-9ef7-ae55ca00677d) **2. Trỏ tên miền phụ:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPixSTBFLcFzTHb8ncY69%2Fimage.png?alt=media\&token=adfbb9c0-71fc-4ac1-8aa2-5054f8ea2f52) Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Tên record: sanphama\ Loại record: CNAME\ Giá trị record: [dns.ladipage.com](http://dns.ladipage.com/) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ Tenten Truy cập trang quản trị tên miền của Tenten và nhập thông tin tài khoản:\ 1. **Trỏ tên miền chính:** **Thêm mới** 2 bản ghi sau: Host record: www\ Type (Loại): CNAME\ Value (Giá trị): dns.ladipage.com Host record: @\ Type (Loại): URL Redirect\ Value (Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. **2. Trỏ tên miền phụ:** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: sanphama\ Type (Loại): CNAME\ Value (Giá trị): [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F4YsEoMUeJoKrCy1rYQtN%2Fimage.png?alt=media\&token=66be214e-a941-40f2-a54f-e25e6a4b4f4f) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} {% hint style="danger" %} **Trong trường hợp bạn sử dụng** [secureweb.vn](http://secureweb.vn/) là host của tenten, sẽ không có cpanel để tạo bản ghi như các host khác, mà sẽ vào phần cài đặt của host, cũng không tạo bản ghi trong tenten đơn thuần, hướng dẫn chi tiết : {% endhint %} # Trỏ tên miền từ Mắt Bão Truy cập trang quản trị tên miền của Mắt Bão và nhập thông tin tài khoản:\ . Sau đó bạn chọn lần lượt: * Mục **Tên Miền.** * Click vào tên miền cần trỏ. * Vào mục **Quản lý DNS.** **Mắt bão hiện tại có 2 giao diện cấu hình trỏ DNS, bạn xem mình đang sử dụng giao diện nào thì sử dụng theo hướng dẫn của giao diện đó.** ## **Giao diện cũ của Mắt Bão.** **Bạn truy cập tài khoản Mắt bão--> chọn Tên miền --> Quản lý DNS để tạo bản ghi tên miền.** 1. **Trỏ tên miền chính:** Bạn thêm mới 2 bản ghi sau: Host record: www\ Loại: CNAME\ Giá trị: dns.ladipage.com Host record: @\ Loại: URL Redirect\ Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FyAAIKcxgu7ISRfUqVhjJ%2Fimage.png?alt=media\&token=ff6f90c3-4d75-4d17-a6b0-9857bbc8dabb) Sau khi tạo xong, phần danh sách bản ghi hiển thị đủ 2 bản ghi trên là bạn đã tạo đúng. **2. Trỏ tên miền phụ:** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com.](http://sanphama.tenmiencuaban.com/)\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: sanphama\ Type (Loại): CNAME\ Value (Giá trị): [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FMAS8liZKsMJVas2EznTC%2Fimage.png?alt=media\&token=d5cc7328-f9ac-4a28-98e1-9519e2a4969f) ## Giao diện mới của Mắt bão Bạn vào mục Tên miền --> Quản lý Tên miền --> Chọn cấu hình DNS nâng cao--> Chọn tab tạo bản ghi để tạo bản ghi.
1. **Trỏ tên miền chính:** Bạn thêm mới 2 bản ghi sau: Host record: www\ Type (Loại): CNAME\ Value (Giá trị): dns.ladipage.com Host record: @\ Loại: URL Redirect\ Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FbdftajdcHIQco5GaEpWv%2Fimage.png?alt=media\&token=973ca6c6-6807-405e-9f52-206554a0ca04)
Sau khi tạo xong, phần danh sách bản ghi hiển thị đủ 2 bản ghi trên là bạn đã tạo đúng. **2. Trỏ tên miền phụ:** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com.](http://sanphama.tenmiencuaban.com/)\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: sanphama\ Type (Loại): CNAME\ Value (Giá trị): [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FZo2qZoIl4ndc2cbtWEib%2Fimage.png?alt=media\&token=efa683da-aa91-4a45-abce-34f0b5a7715d) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ PA Việt nam Truy cập trang quản trị tên miền của P.A Việt Nam và nhập thông tin tài khoản:\ [https://access.pavietnam.vn/](https://access.pavietnam.vn/login.php) 1. **Trỏ tên miền chính:** Trong mục **Default/ Cấu hình domain**, bạn Thêm mới 2 bản ghi sau: Host: www\ Loại: CNAME\ Địa chỉ: dns.ladipage.com Host: @\ Loại: URL Redirect\ Địa chỉ: Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. **2. Trỏ tên miền phụ:** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com.](http://sanphama.tenmiencuaban.com/)\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host: sanphama\ Loại: CNAME\ Địa chỉ: [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPIPO2xrPi5jLgRMl8QjN%2Fimage.png?alt=media\&token=a0bbec2b-a8b1-4fe0-9005-178b0c50a436) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ GoDaddy Truy cập trang quản trị tên miền của GoDaddy và nhập thông tin tài khoản.\ Trong phần **Domain Manager (Quản lý tên miền),** click vào tên miền bạn đang muốn trỏ.\ Kéo xuống phần **Additional Setting (Thiết lập bổ sung)** và chọn **Manage DNS:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FqtPjp0u0n0Xj8Yt2XBZL%2Fimage.png?alt=media\&token=d3acffb6-d907-499f-ae90-3519cc84f2c6) 1. **Trỏ tên miền chính:** Thêm mới 2 bản ghi sau: Host record: www\ Type (Loại): CNAME\ Points to: dns.ladipage.com Type: A\ Name: @\ Points to: 13.229.38.226
**2. Trỏ tên miền phụ:** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com.](http://sanphama.tenmiencuaban.com/)\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record: sanphama\ Type (Loại): CNAME\ Points to: [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHa8wpLxIfar9Bc27ojWX%2Fimage.png?alt=media\&token=e72363b9-365f-4492-a742-464a0e8103c0) Sau khi đã trỏ thành công tên miền về hosting của LadiPage, bạn cần tiếp tục làm bước tiếp theo, [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**:** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ Z.com Truy cập trang quản trị tên miền của Z.com và nhập thông tin tài khoản:\ \[1] Từ trình đơn phía trên, click vào \[DNS]. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FGajVJ2FY0PufD54PiCXK%2Fimage.png?alt=media\&token=61662bfa-1e76-43e6-89a6-761ab23560de) \[2] Chọn tên miền mà bạn muốn thiết lập bản ghi CNAME và click vào biểu tượng \[Chỉnh sửa]. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FK7eST8Ky4LmBtIWBY6oQ%2Fimage.png?alt=media\&token=8342127c-ee3a-4aac-acc1-7d1e35e91a2b) \[3] Click vào biểu tượng \[+]. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fn3KuCvxVtqhoj3iYwoSG%2Fimage.png?alt=media\&token=279dd1e6-a869-4e86-88b1-525f1155094f) **TRỎ TÊN MIỀN CHÍNH** **Thêm mới** 2 bản ghi sau: Host record (Tên): www\ Type (Loại): CNAME\ Value (Giá trị): dns.ladipage.com Host record: @\ Type (Loại): URL Redirect\ Value (Giá trị): Lưu ý: Thay tenmiencuaban.com thành tên miền bạn đang cấu hình. Nhập từng mục, sau đó click \[Lưu]. **TRỎ TÊN MIỀN PHỤ** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ Host record (Tên): sanphama\ Type (Loại): CNAME\ Value (Giá trị): [dns.ladipage.com](http://dns.ladipage.com/) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ Namecheap Truy cập tài khoản của bạn ở , mục **Account --> Domain List.** Bạn chọn tên miền muốn cập nhật bản ghi, bấm chọn nút ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJu1BRdi8SdyLunyGuCxx%2Fimage.png?alt=media\&token=6a59a3d5-0e6f-4b99-9386-944fcd4429aa) để truy cập phần quản lý tên miền đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FXG0AJyDlFAEWvC5vLBBq%2Fimage.png?alt=media\&token=ed058892-6a14-4753-8d6b-398ff513fd62) Chọn mục **Advanced DNS** --> **Add New Record** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCFRzvr4CznB4bbKpac2e%2Fimage.png?alt=media\&token=5e19a42e-cefd-4cf8-b86b-3d67202ef39f) để thao tác tạo bản ghi tên miền. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FtrBwQwe8c3QmtknnaUTX%2Fimage.png?alt=media\&token=7044d0ae-1c49-450d-86fe-3236ea7292d0) ## Trỏ tên miền chính Tạo 2 bản ghi trỏ tên miền chính về hosting LadiPage**.** Bấm vào mục **Add new record** để thêm bản ghi ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FTNbWv2w6BoFauX7LUTwf%2Fimage.png?alt=media\&token=f004a710-94cf-4649-939f-85dd97e28ed9) Record: Cname\ Host: www\ Target: dns.ladipage.com Record: A\ Host: @\ Target: 13.229.38.226
## Trỏ tên miền phụ Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanphama.tenmiencuaban.com.](http://sanphama.tenmiencuaban.com/)\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau: Record :Cname\ Host : sanphama\ Target: [dns.ladipage.com](http://dns.ladipage.com/) Bấm vào mục **Add new record** để thêm bản ghi. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPNktY3F56f13XBGWjSTv%2Fimage.png?alt=media\&token=44494b65-f772-49a8-bd86-a9540d38f6b5) Sau khi đã trỏ thành công tên miền về hosting của LadiPage, bạn cần tiếp tục làm bước tiếp theo, [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**:** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền từ Hostinger Truy cập trang chủ Hostinger tại và chọn đăng nhập để vào khu vực quản lý tên miền: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F6Gqa0rgydDUsm07VvjSR%2Fimage.png?alt=media\&token=171247bf-90df-43bc-94d6-028876bf8cdd) Vào quản lý tên miền muốn trỏ tới hosting của LadiPage, thao tác tạo bản ghi. ## **Trỏ tên miền chính:** **Thêm mới 2 bản ghi sau:** 1. Type: CNAME Name: www Points to: dns.ladipage.com 2\. Type: A Name: @ Points: 13.229.38.226
## **Trỏ tên miền phụ :** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [sanpham.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau: Type: CNAME\ Name: sanpham\ Points to: [dns.ladipage.com](http://dns.ladipage.com/) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3ybyPj4zvMFYLpf6ZF5I%2Fimage.png?alt=media\&token=fa85e2f8-f862-458d-91ec-e126b82e12a4) Sau khi đã tạo thành công bản ghi tên miền về hosting của LadiPage, bạn chờ bản ghi tên miền cập nhật thành công về LadiPage, sau đó bạn cần tiếp tục làm bước tiếp theo: [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Trỏ tên miền qua Cloudflare & thủ thuật trong Cloudflare Trong trường hợp bạn chưa có tài khoản cloudflare, bạn thực hiện các bước sau: **Bước 1: Đăng ký tài khoản tại** [**https://www.cloudflare.com**](https://www.cloudflare.com/)**.** **Bước 2: Thêm Website vào CloudFlare.** Đầu tiên bạn bấm Add a Site để thêm tên miền của bạn vào hệ thống CloudFlare. Bạn nhập tên miền chính không có [www](http://www).
**Bước 3: Lựa chọn Plan.** CloudFlare có khá nhiều plan với các chức năng cao cấp, tuy nhiên bạn có thể Free Plan.
* Sau khi chọn Free rồi nhấn Confirm Plan, bạn tiếp tục các bước của Cloudflare. **Bước 4. Xác thực các cấu hình đã có của tên miền.** * Nếu tên miền đang hoạt động, toàn bộ các bản ghi bạn đã tạo trong quản trị tên miền sẽ được CloudFlare quét và hiển thị lại * Có thể xuất hiện trường hợp không có bản ghi nào cả, nếu tên miền vừa được đăng ký xong. **Bước 5: Trỏ Name servers về CloudFlare.** CloudFlare cung cấp 2 bản ghi Name servers, bạn sao chép 02 Namesever này thay thế cho 02 Nameserver của bên cung cấp tên miền. Trong trường hợp bạn không biết thao tác thay đổi nameserver trong quản trị tên miền, xin vui lòng liên hệ với bên cung cấp tên miền, nhờ hỗ trợ thay đổi Nameserver về 2 bản ghi Name server của Cloudflare.
{% hint style="warning" %} **Lưu ý:** Khi đã trỏ Nameserver về CloudFlare, cấu hình các bản ghi trong quản trị tên miền sẽ không còn hiệu lực. Tất cả các ghi sẽ được tạo/cập nhật trong tài khoản CloudFlare. {% endhint %} ### Tạo bản ghi tên miền về host của LadiPage. Bạn truy cập vào mục DNS để tạo các bản ghi tên miền. **1.1 Bản ghi cho việc trỏ Tên miền chính**\ Host record: **www**\ Type (Loại): **CNAME**\ Value (Giá trị): **dns.ladipage.com** Name: @\ Type: A\ Content: 13.213.201.36\ \ Name: **ladipageverify**\ Type: **CNAME**\ Content: **dns.ladipage.com**
**\*Lưu ý:** tắt biểu tượng đám mây như ảnh hướng dẫn cho bản ghi**.** **1.2 Bản ghi cho việc trỏ Tên miền phụ.** Host record: **khuyenmai** (là tiền tố phụ mà bạn muốn sử dụng. Tên miền phụ sau đó sẽ có dạng khuyenmai.tenmiencuaban.com)\ Type (Loại): **CNAME**\ Value (Giá trị): **dns.ladipage.com** Host record: **ladipageverify**\ Type (Loại): **CNAME**\ Value (Giá trị): **dns.ladipage.com** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FVZa8OuhsAMFwecmHZHW3%2Fimage.png?alt=media\&token=5daa5b75-087d-4c22-acd4-f6dd41cfe9d5) **1.3 Sử dụng SSL miễn phí của Cloudflare** Nếu bạn muốn sử dụng SSL miễn phí Cloudflare chỉ cần bật biểu tượng đám mây ở phần Proxy status cho tên miền, tên miền phụ của mình. Sau khi đã trỏ thành công tên miền về hosting của LadiPage, bạn cần tiếp tục làm bước tiếp theo, [**tạo và xác thực tên miền trên tài khoản LadiPage**](https://help.ladipage.vn/ten-mien/xac-thuc-ten-mien-tai-ladipage)**.** ### **Thủ thuật Page Rule điều hướng** sang Vào Dashboad của Cloudflare--> chọn Page Rules---> Create Page Rule. Điền các thông tin lần lượt như sau: 1. Điền link https không có [www](http://www). 2. Chọn setting: Fowarding URL + 301- Permanent Redirect. 3. Điền link https có [www](http://www).
## Video hướng dẫn chi tiết. {% embed url="" %} {% content-ref url="/pages/HCsyNqwzzH8WYB5kPt3M" %} [Xác thực tên miền tại LadiPage](/ten-mien/xac-thuc-ten-mien-tai-ladipage) {% endcontent-ref %} # Bật SSL {% hint style="info" %} SSL là chứng chỉ bảo mật, chứng thực truy cập an toàn cho trang web của bạn. SSL sẽ giúp mã hoá các thông tin được truyền lên internet từ trang web của bạn, giúp bảo mật thông tin của người truy cập. Bạn thường sẽ thấy các trang có chứng chỉ này dưới dạng giao thức **https.** {% endhint %} {% hint style="danger" %} Đối với những trang web chưa cài SSL, trình duyệt web sẽ hiển thị cảnh báo "**Trang web không an toàn",** điều này không tốt cho trải nghiệm của khách hàng và làm giảm uy tín cho trang web của bạn. {% endhint %} {% hint style="info" %} Cài đặt SSL cho từng trang Landing Page trong tài khoản của bạn là tính năng miễn phí mà LadiPage hỗ trợ khách hàng dùng gói trả phí, giúp cho các chiến dịch chạy quảng cáo sử dụng Landing Page của bạn được đảm bảo hiệu quả. {% endhint %} Để cài đặt SSL cho trang Landing Page, bạn cần bật SSL cho tên miền bạn chọn để xuất bản trang landing page. Bạn vào mục **Tên miền**-> Chọn tên miền cần bật SSL (yêu cầu các tên miền phải được xác thực thành công trước đó) --> Trong cột **Thao tác dấu ...** --> chọn **Bật SSL**, như hình dưới đây:
{% hint style="warning" %} **Lưu ý:** * LadiPage hỗ trợ bật SSL cho các tên miền chọn nền tảng LadiPage Cloud DNS, tên miền chọn nền tảng khác sẽ không bật SSL trên LadiPage. * Tài khoản LadiPage starter- miễn phí không hỗ trợ bật SSL cho tên miền. * Thời gian bật SSL cho tên miền thành công từ 0-2h. {% endhint %} {% content-ref url="/pages/QtDXjrFAhDmBCiPoPiH6" %} [Xuất bản Landing Page với tên miền riêng](/ten-mien/xuat-ban-landing-page-voi-ten-mien-rieng) {% endcontent-ref %} # Xuất bản Landing Page với tên miền riêng Sau khi đã thêm tên miền và xác thực tên miền thành công trong LadiPage, bạn có thể xuất bản Landing Page với những tên miền này. Các bước thực hiện như hình dưới: Bạn vào trang chỉnh sửa landing page --> Bấm xuất bản --> Chọn Tab tên miền riêng--> Chọn Tên miền riêng bạn muốn sử dụng để xuất bản. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FNy6AnyxzzZdMtLvBuFTl%2Fimage.png?alt=media\&token=93e97461-4b6e-46ee-b99b-7667fc0b03db) Bạn cũng có thể xuất bản landing page với dạng: Thư mục con của tên miền chính: tenmiencuaban.com/abc. Thư mục con của tên miền phụ: sanpham.tenmiencuaban.com/abc. Bạn xuất bản chọn tên miền chính/tên miền phụ rồi thêm đường dẫn đằng sau tên miền chính/tên miền phụ như hình bên dưới:
Sau đó ấn "Xuất bản lại" là bạn đã xuất bản Landing Page thành công. Sau khi xuất bản xong landing page, bạn có thể tạo link rút gọn cho link landing page, tạo QR code cho trang hoặc sao chép đường dẫn của link landing page bằng cách sau:
{% hint style="warning" %} **Lưu ý:** * LadiPage hỗ trợ các định dạng tên miền như sau: \ Và \ hoặc [https://sanpham.abc.com](https://sanpham.abc.com/). Vì vậy khi bạn chạy quảng cáo, bạn để đủ link là: [https://www.abc.com](https://www.abc.com/) và khi khách hàng gõ [www.abc.com](http://www.abc.com/) hoặc [abc.com](http://abc.com/) vẫn sẽ mở được link landing page của bạn. * LadiPage không hỗ trợ định dạng: . Vì vậy khi truy cập trang landing page, bạn vui lòng sử dụng đúng định dạng hỗ trợ. Nếu bạn muốn sử dụng định dạng , bạn có thể sử dụng thủ thuật thông qua CloudFlare theo hướng dẫn [tại đây](https://help.ladipage.vn/ten-mien/tro-ten-mien-qua-cloudflare-and-thu-thuat-trong-cloudflare#thu-thuat-page-rule-dieu-huong-https-khongwww-sang-https-cowww). * Nếu bạn thay đổi đường dẫn xuất bản landing page, thì mã QR cũng sẽ thay đổi. {% endhint %} # URL 404 Trong trường hợp bạn xuất bản tên miền A (ví dụ: [www.abc.com](http://www.abc.com)) với 01 landing page, nhưng thư mục con của tên miền A (ví dụ: [www.abc.com/test](http://www.abc.com/test)) bạn không xuất bản với bất kỳ landing page nào, như vậy, khách hàng truy cập vào link [www.abc.com/test](http://www.abc.com/test) thấy giao diện 404 của LadiPage. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fbn3RDHFw8jc26GMmgrWT%2Fimage.png?alt=media\&token=90c65b8a-0890-402f-ae69-02100ea4074a) **Thay vì dùng giao diện 404 mặc định của LadiPage, bạn có thể tạo 1 trang giao diện 404 theo ý của mình.** **Bước 1:** Thiết kế 01 trang landing page hoàn thiện để tạo thành giao diện 404 theo nhu cầu của bạn và xuất bản với đường dẫn riêng. **Hoặc bạn cũng có thể lấy 1 đường dẫn bất kỳ từ nền tảng khác để điền vào bước 3.** **Bước 2**: Truy cập mục Tên miền-->chọn Tùy chỉnh URL 404.
**Bước 3:** Nhập URL trang 404 là trang landing page/đường dẫn có nội dung 404 bạn muốn hiển thị.
{% hint style="danger" %} **Lưu ý:** * Bạn không nên nhập URL trang 404 là tên miền chính. * Nếu bạn Tùy chỉnh URL 404 cho tên miền chính (ví dụ: [www.abc.com](http://www.abc.com)), thì tất cả các thư mục con của tên miền chính (ví dụ: [www.abc.com/sanpham](http://www.abc.com/sanpham), [www.abc.com/dichvu](http://www.abc.com/dichvu)....) chưa có giao diện cụ thể, truy cập sẽ ra giao diện trang 404 bạn cài đặt, không áp dụng cho các tên miền phụ của tên miền chính (ví dụ: sanpham.abc.com) chưa có giao diện cụ thể. * Tên miền cài đặt tùy chỉnh URL 404, nhưng tên miền này chưa xuất bản với bất kỳ landing page nào, thì khách hàng truy cập vào tên miền này sẽ ra giao diện 404 mà bạn cài đặt. {% endhint %} # Xác thực tên miền tại LadiPage Để thêm được tên miền và bấm xác thực tên miền trong tài khoản, bạn cần phải Xác thực Email tài khoản theo các bước sau **(tài khoản LadiPage trả phí hoặc được thêm làm thành viên trong tài khoản trả phí thì tự động được Xác thực email, bạn có thể bỏ qua bước này)**. Chi tiết thao tác xác thực Email tài khoản theo dõi [tại đây](https://ladipagevietnam.gitbook.io/ladipage-help-center-v3/chinh-sua-thong-tin-tai-khoan#xac-thuc-email-tai-khoan). Để xác thực tên miền, bạn tiếp tục vào phần Quản lý tên miền trên tài khoản LadiPage để thêm tên miền đó:
{% hint style="warning" %} **Lưu ý:** * **Tên miền chính bắt buộc có www ở đầu, ví dụ: [www.tenmiencuaban.com](http://www.tenmiencuaban.com)** * **Tên miền phụ thì không cần nhập www, ví dụ: sanpham.tenmiencuaban.com** * **Tên miền trỏ về hosting LadiPage, thì cần chọn nền tảng LadiPage Cloud DNS.** {% endhint %} Với các tên miền sử dụng nền tảng LadiPage Cloud DNS và sử dụng tài khoản LadiPage trả phí, sau khi xác thực xong tên miền, bạn tiếp tục đến bước **bật SSL** cho tên miền [tại đây](https://help.ladipage.vn/ten-mien/bat-ssl). # 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ới tính năng phân quyền của gói Business (Premium/ Enterprise/ Business), mỗi thành viên sẽ có một tài khoản riêng để đăng nhập vào không gian làm việc chung của tài khoản Business (Premium/Enterprise) Vì vậy **bước đầu tiên, hãy yêu cầu những thành viên của bạn tạo một tài khoản miễn phí trên LadiPage.** Sau đó bạn hãy bắt đầu thêm những thành viên mới này bằng email mà họ đã dùng để đăng ký tài khoản: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FeviYCy42Yjd8x1yOYT2C%2Fimage.png?alt=media\&token=f72a7620-c8b7-4d68-9059-75b43ffd63e2) Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY](https://docs.google.com/spreadsheets/d/18CMe3T_FDa2ioNVpCmidFS303fx7EZUm-ZwZJd1WQ1w/edit#gid=830624375). ## **Nguyên lý chia sẻ tài nguyên:** 1. **Owner**: khi owner tạo thông tin (bao gồm tạo Landing Page, tạo tag, cấu hình form, mã tracking global, tên miền) thì mặc định chỉ có Owner nhìn thấy các thông tin trên. Nếu muốn thành viên và team khác nhìn thấy thông tin đó thì bắt buộc phải thiết lập phân quyền thông tin. 2. **Manager**: khi tạo thông tin, mặc định chỉ có Owner và người tạo nhìn thấy (các Manager khác không nhìn thấy). Nếu muốn thành viên, team khác nhìn thấy thông tin đó thì bắt buộc phải thiết lập phân quyền thông tin. 3. **Editor**: khi tạo thông tin, mặc định chỉ có Owner và người tạo nhìn thấy (các Editor và Manager khác không nhìn thấy). Nếu muốn thành viên, team khác nhìn thấy thông tin đó thì bắt buộc phải thiết lập phân quyền thông tin. 4. Cách chia sẻ toàn bộ các thông tin khi Owner tạo cho toàn bộ Manager trong Tài khoản: tích chọn vào tài nguyên muốn chia sẻ cho toàn bộ các Manager và bấm Cập nhật. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FDnCOWKdW2dAsCP74NhWg%2Fimage.png?alt=media\&token=5613eb07-eca9-4a24-82bd-ea4a40164b78) **Cách phân quyền để quản lý thông tin hiệu quả** {% hint style="info" %} Trường hợp 1: Owner muốn Manager chỉ quản lý team liên quan: Owner sẽ KHÔNG tích chọn chia sẻ tài nguyên cho Manager, muốn Manager quản lý team nào, thì sẽ đưa Manager vào là Member của Team đó, các team sẽ không nhìn thấy tài nguyên của nhau, trừ các tài nguyên được chia sẻ chung với nhau. {% endhint %} {% hint style="info" %} Trường hợp 2: Owner muốn Manager quản lý tất cả các team: Owner tích chọn chia sẻ tài nguyên cho Manager. Lúc này Manager sẽ nhìn thấy mọi nội dung trong tài khoản, muốn xem hoặc chỉnh sửa tài nguyên của Team nào thì sẽ xem và chỉnh sửa được của Team đó. {% endhint %} {% hint style="danger" %} Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY.](http://ldp.to/phanquyen) {% endhint %} # Vô hiệu hoặc phân quyền tài khoản cho thành viên Sau khi đã Thêm thành viên mới, bạn hoàn toàn có thể chỉnh sửa quyền tài khoản của thành viên đó hoặc vô hiệu quyền của thành viên đó tại đây: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJGx9U4axnz3geGgb8EPg%2Fimage.png?alt=media\&token=9ac74407-58be-4d7d-842e-e8c9fd6f0803) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FT9oxS2CONLwQ2UNEraST%2Fimage.png?alt=media\&token=36d51b7a-f53f-436b-937d-026c90c20ecf) Sau khi vô hiệu hóa quyền cho thành viên, các tài nguyên (landing page, cấu hình form, tag, tên miền...) mà thành viên đó đã tạo sẽ không mất mà vẫn sẽ tồn tài trên tài khoản Owner. {% hint style="info" %} Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY.](http://ldp.to/phanquyen) {% endhint %} # Đăng nhập vào tài khoản Business (phân quyền) Mỗi nhân viên sẽ đều có một tài khoản LadiPage riêng của mình. Gói LadiPage của tài khoản cá nhân đó là độc lập với gói Business/ Premium/Enterprise.\ Vì vậy sau khi đăng nhập, bạn thành viên đó cần chọn vào gói Business/ Premium/ Enterprise như ảnh dưới đây: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FSsfEiTtoNrvsYbH5RQnP%2Fimage.png?alt=media\&token=5b1489dd-42f9-403e-900c-f044b546a689) Từ đây bạn nhân viên đó sẽ nhìn thấy những Landing Page mà mình được phân quyền và bắt đầu chỉnh sửa. {% hint style="info" %} Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY.](http://ldp.to/phanquyen) {% endhint %} # Phân quyền theo Team # Thêm thành viên vào Team ## 1. Thêm thành viên vào tài khoản phân quyền Đầu tiên, bạn cần vào phần Team, Thành viên để thêm thành viên vào tài khoản ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FRs13YG9dUXOEgh87zF1o%2Fimage.png?alt=media\&token=75f6c2d1-151f-47b2-9153-af6753a48b04) Bấm vào mục Tạo Thành Viên mới , điền tên email thành viên và chọn quyền trong tài khoản ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fl4O9ti1yCSCZJd9lDjdI%2Fimage.png?alt=media\&token=3243c02b-6122-4f1b-af51-0420096b092a) ## 2. Thêm thành viên vào Team Sau khi thành viên đã thêm thành công vào tài khoản phân quyền, bạn vào mục **Team**, mục Team, chọn **Tạo Team Mớ**i, để thiết lập các Team ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Ft4unSW9zbxy0vKFAt4lA%2Fimage.png?alt=media\&token=9f4ac9e4-199e-49d7-904a-4fc09a782862) Sau đó trong phần Thao tác của từng team, chọn Thành viên: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3VRKsUzd6Mp0rFuzfRhV%2Fimage.png?alt=media\&token=5a2d6817-0a5d-49bc-a9ea-1749c08c24f3) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FpoSJSNEGIOWryA6iXngH%2Fimage.png?alt=media\&token=73313ab1-c785-422a-a865-a7661350d3a9) Nhập email thành viên cần thêm (đảm bảo bạn đã Tạo thành viên mới trước đó). Chọn Editor là **Team Leader** nếu muốn {% hint style="info" %} **Cách phân quyền để quản lý thông tin hiệu quả** {% endhint %} {% hint style="success" %} Trường hợp 1: Owner muốn Manager chỉ quản lý team liên quan: Owner sẽ KHÔNG tích chọn chia sẻ tài nguyên cho Manager, muốn Manager quản lý team nào, thì sẽ đưa Manager vào là Member của Team đó, các team sẽ không nhìn thấy tài nguyên của nhau, trừ các tài nguyên được chia sẻ chung với nhau. {% endhint %} {% hint style="success" %} Trường hợp 2: Owner muốn Manager quản lý tất cả các team: Owner tích chọn chia sẻ tài nguyên cho Manager. Lúc này Manager sẽ nhìn thấy mọi nội dung trong tài khoản, muốn xem hoặc chỉnh sửa tài nguyên của Team nào thì sẽ xem và chỉnh sửa được của Team đó. {% endhint %} # Phân quyền theo phần tử # Phân quyền trên tên miền ## Phân quyền trên từng tên miền Tính năng phân quyền cho 1 tên miền nằm trong phần thao tác của từng tên miền như hình dưới: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCAe7AJ9rP4Qh5NaUKcG2%2Fimage.png?alt=media\&token=df4bb110-ed0b-467e-a422-fa165bf915a7) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F25iyc2KWnT1nxlKegFDO%2Fimage.png?alt=media\&token=b5b0b7f5-b7a9-4429-bc15-e9578aa90bb5) Có 3 chế độ phân quyền 1. Công khai : bạn chia sẻ cho tất cả team, thành viên trong tài khoản đều nhìn thấy tên miền đó 2. Chia sẻ : bạn chọn cụ thể Team,thành viên mà mình muốn chia sẻ để chỉ những Team/thành viên đó được nhìn thấy tên miền đó 3. Chỉ mình tôi : chỉ mình bạn nhìn thấy tên miền ( Lưu ý : bạn là Owner vẫn nhìn thấy toàn bộ thông tin ) ## Phân quyền trên 1 loạt tên miền Bạn vào mục **Tên miền,** thanh công cụ bên trái builder chỉnh sửa, thêm tên miền vào phần quản lý ở builder LadiPage Ở phần danh sách các tên miền, bấm Tích chọn các tên miền mà bạn muốn phân quyền 1 loạt cho các thành viên, team trong tài khoản ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKtH3V30csOhryFfHMwsE%2Fimage.png?alt=media\&token=6bb6f19e-bc99-4384-9e1d-ea5a26b2b5b4) Bấm chọn vào mục **Hành động- Phân Quyền** Chọn chế độ chia sẻ thông tin mà bạn mong muốn ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FcidNIXUOb4RgqHQDiRiY%2Fimage.png?alt=media\&token=494f05cf-b4ab-453d-971c-20c1df5aff1c) Có 3 chế độ phân quyền 1. Công khai : bạn chia sẻ cho tất cả team, thành viên trong tài khoản đều nhìn thấy tên miền đó 2. Chia sẻ : bạn chọn cụ thể Team,thành viên mà mình muốn chia sẻ để chỉ những Team/thành viên đó được nhìn thấy tên miền đó 3. Chỉ mình tôi : chỉ mình bạn nhìn thấy tên miền ( Lưu ý : bạn là Owner vẫn nhìn thấy toàn bộ thông tin ) {% hint style="danger" %} Chế độ phân quyền sẽ chỉ lưu lại theo **thao tác cuối cùng** bạn làm với tên miền được chọn, Không lưu lại các thao tác phân quyền đã tạo trước đó. {% endhint %} {% hint style="info" %} Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY.](http://ldp.to/phanquyen) {% endhint %} # Phân quyền trên Landingpage, Banner, PopupX Chức năng phân quyền Landingpage, Banner, PopupX cho phép bạn có thể chỉ định các quyền Chỉnh sửa, Xuất bản, Chỉ xem cho từng Landingpage, Banner, PopupX gắn với các thành viên khác nhau trong Business (Premium/Enterprise) Để phân quyền cho Landing Page bạn có thể thực hiện theo các bước sau: ## Phân quyền trên từng LandingPage, Banner, PopupX Chọn tương ứng LandingPage, Banner, PopupX mà bạn muốn phân quyền và bấm vào phần dấu ... chỉnh sửa thông tin, mục Phân quyền ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F9BWwDkGl2nS9yYHkgl34%2Fimage.png?alt=media\&token=fcd81cf0-981b-47f7-94ed-78d113b877b3) 2\. Chọn chế độ Công Khai, Chia sẻ (Nhập Tên Team cần phân quyền hoặc nhập email của thành viên cần phân quyền và chọn quyền tương ứng của thành viên sau đó bấm nút Cập nhật để lưu lại ) hoặc thiết lập chế độ Chỉ mình tôi : ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHxDQcU123yZf2cQmtA4m%2Fimage.png?alt=media\&token=c618f659-b166-4745-82c8-cf8762831c09) Ý nghĩa các quyền với LandingPage, Banner, PopupX\ **Xuất bản:** Được phép tạo, chỉnh sửa, cấu hình form và xuất bản LandingPage, Banner, PopupX với tên miền riêng (nếu được phân quyền cho tên miền đó).\ **Chỉnh sửa:** Được phép chỉnh sửa và sử dụng cấu hình form có sẵn (nhưng không được tạo cấu hình mới).\ **Chỉ xem:** Chỉ được phép xem LandingPage, Banner, PopupX ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FQGKUpJZImD2Z7v1hMk3l%2Fimage.png?alt=media\&token=61d11093-cf22-4181-808c-96fee86b2ba5) ## Phân quyền 1 loạt LandingPage, Banner, PopupX Nếu là Owner hay Manager ,bạn có thể chọn 1 lúc nhiều Landing Page để phân quyền cho 1 danh sách các Team và Thành Viên trong tài khoản Business (Premium/Enterprise) của bạn 1. Bấm vào biểu tượng ở phía bên trái LandingPage, Banner, PopupX, tích chọn danh sách mà bạn muốn thao tác ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FSGguVNOLBfk6EncmIJPC%2Fimage.png?alt=media\&token=9269d6fd-2f89-436e-a3e7-59a961b2bfa9) 2\. Chọn vào mục Hành động, Phân quyền , chọn các quyền bạn muốn phân chia ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fq8xFEuqhUcfovMDnCTBw%2Fimage.png?alt=media\&token=86d53933-11e9-40ca-b5c1-c153484d7164) {% hint style="info" %} Cơ chế chia sẻ tài nguyên: 1. Owner :chia sẻ tất cả tài nguyên cho mọi thành viên và team trong tài khoản. 2. Manager: chia sẻ được các tài nguyên mình nhìn thấy với mọi thành viên và team trong tài khoản. 3. Teamleader: chia sẻ được các tài nguyên mình nhìn thấy với mọi thành viên và team trong tài khoản. 4. Editor : chia sẻ được các tài nguyên tự tạo cho Team mà mình là thành viên. {% endhint %} {% hint style="info" %} Chế độ phân quyền sẽ chỉ lưu lại theo **thao tác cuối cùng** bạn làm với Landing Page, danh sách Landing Page được chọn, Không lưu lại các thao tác phân quyền đã tạo trước đó. {% endhint %} {% hint style="info" %} Cụ thể các quyền của mỗi bậc phân quyền được mô tả [TẠI ĐÂY.](http://ldp.to/phanquyen) {% endhint %} # Các chế độ thiết kế giao diện Landing page #### Hiện tại landing page có 3 chế độ thiết kế giao diện: Responsive, Mobile Only và Adaptive. Bấm vào mục Tạo Landing Page mới --> Chọn giao diện --> chọn Kiểu thiết kế bạn muốn sử dụng:
* Sử dụng giao diện mẫu: chọn được 01 trong 03 chế độ thiết kế, nhưng nếu bạn chọn chế độ thiết kế Adaptive thì sẽ chỉ hiển thị giao diện Desktop, giao diện Mobile sẽ trắng tinh và bạn cần thiết kế lại giao diện Mobile từ đầu. * Sử dụng trang trắng: chọn 01 trong 03 kiểu thiết kế và thiết kế giao diện landing page từ đầu. * Tải file LadiPage từ máy tính: file bạn trước đó được thiết kế theo kiểu thiết kế nào, thì sẽ GIỮ NGUYÊN như vậy, không có phần chọn thay đổi chế độ thiết kế. * Chọn các chế độ thiết kế tại:
{% hint style="danger" %} Sau khi đã chọn kiểu thiết kế và chỉnh sửa giao diện landing page, bạn có thể thay đổi thiết kế từ Responsive sang Mobile Only và ngược lại. Nhưng khi chọn chế độ Adaptive thì **KHÔNG** thay đổi được sang chế độ thiết kế khác. {% endhint %} {% hint style="danger" %} Chế độ Adaptive chỉ áp dụng cho tài khoản có chế độ Phân quyền tài khoản (Enterprise/Premium/ Business). {% endhint %} ## Chế độ Responsive: giao diện desktop và Mobile phụ thuộc lẫn nhau. Khi thiết kế thì bạn cần phải thiết kế bản Desktop trước. **Thiết kế giao diện Desktop:** * Trên Desktop bạn nên tạo nhóm các phần tử đi liền nhau, để sang mobile, các phần cũng sẽ đi liền với nhau. * Các nội dung/hình ảnh chính bạn nên thiết kế trong khung nét đứt để trang xuất bản sẽ hiển thị tối ưu trên mọi giao diện/trình duyệt.
* Bạn có thể chọn khung thiết kế destop theo khung 960px hoặc 1200px.
**Thiết kế giao diện Mobile:** * Nội dung bản Mobile sẽ phụ thuộc vào các nội dung bạn tạo từ bản Desktop. Bạn KHÔNG KÉO DI CHUYỂN PHẦN TỬ RA KHỎI SECTION ban đầu thiết kế và KHÔNG HỦY NHÓM để không ảnh hưởng tới thiết kế bản desktop. * Nếu sang thiết kế bản mobile bị lệch, bạn thực hiện kéo thủ công lại để việc hiển thị được đẹp nhất, hoặc chọn sắp xếp tự động toàn trang landing page hoặc sắp xếp tự động theo từng section.
* Phần thiết kế mobile có thể độc lập với bản desktop ở các nội dung: HÌNH NỀN, MÀU SẮC của phần tử hoặc section bằng cách KHÔNG ĐỒNG BỘ theo hướng dẫn[ tại đây](/nang-cao-cho-phan-tu/dong-bo-khong-dong-bo-thiet-ke). Nếu bạn thay đổi KÍCH THƯỚC, SIZE CHỮ, VỊ TRÍ PHẦN TỬ giữa desktop và mobile thì không cần phải bật Không đồng bộ. * Bạn có thể chọn khung thiết kế mobile 420px hoặc 320px.
{% hint style="info" %} **Tips:** **Nếu bạn thay đổi nội dung trên mobile thì desktop cũng sẽ thay đổi và ngược lại. Vì vậy nếu bạn thiết kế nội dung cho mobile và desktop khác nhau, bạn cần tạo nội dung đó trong cả 2 giao diện, rồi ẩn phần tử đó ở 1 giao diện, bạn xem hướng dẫn chi tiết** [**tại đây**](https://help.ladipage.vn/thiet-ke-cho-phan-tu/thanh-thiet-ke-nhanh-phan-tu/an-phan-tu-tren-mobile-desktop)**.** {% endhint %} ## Chế độ Mobile Only : giao diện desktop và mobile cùng sử dụng giao diện mobile. Mobile Only là tính năng đặc biệt của LadiPage, cho phép bạn chỉ thiết kế trên giao diện mobile và tắt giao diện desktop. Khi khách hàng truy cập bằng desktop, màn hình sẽ hiển thị bé lại bằng khung hình mobile. Sử dụng mobile only giúp bạn tiết kiệm thời gian thiết kế để chạy nhanh các chiến dịch quảng cáo đối với các sản phẩm mà nguồn khách hàng truy cập chủ yếu từ các thiết bị di động. Khi bạn đang ở chế độ thiết kế Responsive, bạn có thể thay đổi để chuyển sang giao diện Mobile Only theo hướng dẫn: vào mục **Thiết lập** ở menu trên cùng và chọn **Thiết lập toàn trang**. Sau đó bật chế độ Mobile only.
{% hint style="danger" %} Sau khi đã chọn kiểu thiết kế và chỉnh sửa giao diện LandingPage, bạn có thể thay đổi thiết kế từ Responsive sang Mobile Only và ngược lại. {% endhint %} ## Chế độ Adaptive: giao diện Desktop và Mobile hoàn toàn độc lập. Với chế độ Adaptive, bạn cần thiết kế lần lượt cả giao diện desktop và giao diện mobile, nội dung của 2 phiên bản hoàn toàn ĐỘC LẬP với nhau. Sau khi thiết kế, bạn cần vào cả 2 phiên bản Desktop và Mobile, bấm xuất bản lần lượt các phiên bản để cập nhật và hoàn thiện nội dung thiết kế. **Nếu không xuất bản 1 trong 2 giao diện, thì giao diện đó sẽ ở trạng thái 404 của LadiPage.** {% hint style="danger" %} * Chế độ Adaptive chỉ áp dụng cho tài khoản có tính năng phân quyền thành viên Enterprise/Premium/Business. * Chế độ Adaptive chỉ xuất bản được với tên miền sử dụng nền tảng LadiPage Cloud DNS, không hỗ trợ với các nền tảng khác và tải file .html để up lên hosting riêng. * Nếu trang đã chọn kiểu thiết kế Adaptive thì bạn sẽ không chuyển được sang kiểu thiết kế Responsive và Mobile only. * Nhân bản trang kiểu thiết kế Adaptive, chọn kiểu thiết kế cho trang mới là Responsive hoặc mobile only thì sẽ hiển thị giao diện chỉnh sửa desktop của trang gốc, không giữ được giao diện chỉnh sửa mobile của trang gốc. {% endhint %} # Tạo và sửa Landing Page ### Tạo mới Landing Page. Để tạo mới 1 landing page, bạn truy cập builder, chọn vào nút và chọn theo nội dung tương ứng mà bạn muốn sử dụng và thiết kế. Bạn theo dõi chi tiết các chế độ thiết kế [tại đây](https://help.ladipage.vn/quan-ly-landingpage/cac-che-do-thiet-ke-giao-dien-landingpage).
* Sử dụng giao diện mẫu: Sử dụng các giao diện sẵn có tại LadiPage trong kho Giao diện hoặc showcase. Tài khoản miễn phí có thể sử dụng các giao diện miễn phí, tài khoản trả phí có thể sử dụng tất cả các giao diện trong Giao diện (miễn phí và cao cấp) hoặc showcase. * Sử dụng trang trắng: Bạn sẽ thiết kế landing page từ đầu bằng section trắng. * Tải file .ladipage từ máy tính: File .ladipage là file thiết kế landing page được tải về từ tài khoản LadiPage. Hiện tại bạn sẽ chỉ tải lên tài khoản được file .ladipage, không hỗ trợ các file định dạng khác ví dụ như .html, php. Các chế độ thiết kế bạn xem chi tiết [tại đây](https://help.ladipage.vn/quan-ly-landingpage/cac-che-do-thiet-ke-giao-dien-landingpage). ### Sửa Landing Page đã tạo. **Cách 1**: Để có thể chỉnh sửa Landing Page đã tạo, bạn chỉ cần bấm vào tên của Landing Page đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FIkBl6teGaJRs2CXY76MN%2Fimage.png?alt=media\&token=2e4034bd-3c75-4583-adf3-56ad9307541c) Cách 2 : Bạn vào dấu ... ở phần danh sách landing page, vào mục C**hỉnh sửa giao diện.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FIBLcCiXSRjZxUsmWlJr0%2Fimage.png?alt=media\&token=fd82822f-8bb2-40ed-9dd6-d71d29c96c63) ### Sửa tên và Tag của Landing Page. Bạn vào dấu ... ở phần danh sách landing page, vào mục Chỉnh sửa Tên/Tag để chỉnh sửa thông tin. * Tên landing page: là tên landing page để bạn theo dõi và phân biệt các landing page trong danh sách landing page của tài khoản. * Tag: bạn có thể gắn tag cho landing page để quản lý các landing page cùng nhóm được dễ dàng. Theo dõi quản lý tag [tại đây](https://help.ladipage.vn/quan-ly-landingpage/tao-tag-va-gan-tag-cho-landing-page). ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FDmUDT30JrAX1CWo1YmXb%2Fimage.png?alt=media\&token=25ae7855-d5e1-459e-ab74-29824ce35227) ### Lưu Lading **P**age. Khi Lưu Landing Page là bạn đã lưu lại các chỉnh sửa mà bạn vừa thực hiện trên trang. Các thay đổi này khi ấn lưu sẽ được lưu trên hệ thống và cập nhật khi lần tiếp theo bạn quay lại chỉnh sửa trang. Bạn có thể thao tác Lưu liên tục bằng phím tắt Ctrl+S hoặc bấm nút Lưu trong builder chỉnh sửa. Nếu bạn sử dụng tài khoản trả phí của LadiPage, sau khi bạn bấm Lưu, trang của bạn sẽ có tính năng Auto save. {% hint style="info" %} Tính năng Auto Save : nếu bạn thao tác trang và không bấm lưu, trang sẽ được tự động lưu 5 phút/ lần, nhưng lưu do autosave không có cập nhật trong phần lịch sử chỉnh sửa của trang. {% endhint %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FAs4pR5N5yhdUNx3mhK6I%2Fimage.png?alt=media\&token=01603697-c996-4209-bb75-17edc0aee1b1) Việc Lưu không làm ảnh hưởng đến trang hiển thị mà khách hàng của bạn đang xem. Vì thế nếu bạn muốn chính thức thay đổi nội dung hiển thị tới khách hàng thì bạn cần Xuất bản Landing Page. ## Xuất bản Landing Page. Các chỉnh sửa, cập nhật nội dung của bạn trên Landing Page cần phải được Xuất bản để hiển thị tới khách hàng bằng cách:
## Lịch sử chỉnh sửa. Chức năng này giúp bạn khôi phục lại các phiên bản chỉnh sửa trước đó. Một lịch sử chỉnh sửa sẽ được tạo khi bạn bấm "Lưu" hoặc bấm Xuất bản. Hệ thống lưu các lịch sử chỉnh sửa cách nhau tối thiểu 10 phút (Có nghĩa là: nếu bạn vừa lưu landing page lúc 10h, thì trong lịch sử chỉnh sửa sẽ có phiên bản lúc 10h. Nếu bạn tiếp tục lưu landing page lúc 10h5' thì phiên bản lúc 10h5' sẽ không được lưu). ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FxgTG4UWVh4Djycftug4x%2Fimage.png?alt=media\&token=6caf8758-3f67-4333-a5fe-f1bfb378bbb8) Bạn xem lại giao diện chỉnh sửa của các phiên bản bằng cách bấm vào phần thời gian lưu của bản chỉnh sửa.
Bạn khôi phục lại bản landing page đã chỉnh sửa bằng cách sau:
{% hint style="warning" %} **Lưu ý:** **Thời gian lưu trữ cho Lịch sử hoạt động là 07 ngày.** {% endhint %} # Nhân bản Landing Page Nhân bản Landing Page là tính năng giúp bạn tạo ra một phiên bản giống hệt Landing Page gốc. Việc nhân bản sẽ tạo ra một Landing Page mới với nội dung có sẵn được copy từ Landing Page cũ. Hai Landing Page này độc lập với nhau, việc chỉnh sửa Landing Page này sẽ không ảnh hưởng đến Landing Page kia. Để nhân bản bạn làm theo hướng dẫn như hình dưới:
Trang landing page mới sau khi nhân bản sẽ nằm trên đầu danh sách landing page. Bạn có thể thay đổi kiểu thiết kế khác cho trang landing page nhân bản. Bạn xem chi tiết các chế độ thiết kế giao diện landing page [tại đây](https://help.ladipage.vn/quan-ly-landingpage/cac-che-do-thiet-ke-giao-dien-landingpage). Nếu landing page gốc đã được gắn Tag, thì landing page nhân bản sẽ giữ nguyên Tag đó, bạn có thể thay đổi Tag hoặc xóa Tag này. # Dữ liệu backup Data Landing Page Để xem lại những dữ liệu data thu thập được từ form đăng ký của Landing Page, bạn có thể xem tại phần dữ liệu backup mà LadiPage lưu trữ theo từng ngày. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FEUG4JZGSILShUSynNNB9%2Fimage.png?alt=media\&token=dbe89a5b-16c0-4ccc-b488-7741eeadeffb) **Bạn có thể xem dữ liệu trong 07 ngày gần nhất**. Chọn ngày muốn xem và hệ thống sẽ tải xuống cho bạn file excel dữ liệu của ngày đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FwrBZqHbJyowH7lDwIgHW%2Fimage.png?alt=media\&token=c8ac694d-a057-4e57-aa03-0647dedfa6fd) **Ghi chú:** Khi bạn sử dụng gói có tính năng Phân quyền, bạn sẽ xem được lịch sử thành viên thao tác tải file backup trong phần Lịch sử hoạt động (Thanh công cụ bên tay trái). ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FWvl4nHBQH7Ut1j4hwV3l%2Fimage.png?alt=media\&token=f4c7cb70-98ab-4d2d-802d-ef3b8e19993d) {% hint style="danger" %} **Lưu ý:** * Trong trường hợp phần Form trên trang landing page của bạn, được cấu hình lưu trữ về các kênh Google Form hoặc API nhưng không tích chọn gửi qua LadiPage thì sẽ không có dữ liệu trong phần backup dữ liệu. * Bạn có thể xem dữ liệu trong 07 ngày gần nhất, nếu quá 07 ngày sẽ không thể lấy được dữ liệu backup. * Tài khoản LadiPage Starter (Gói miễn phí) và tài khoản LadiPage trả phí hết hạn không hỗ trợ tải backup data. * Bạn có thể tải backup data theo từng landing page và từng ngày, không hỗ trợ tải backup đồng thời nhiều landing page hoặc đồng thời nhiều ngày của một landing page. * Thành viên được phân quyền là editor (không phải teamleader) và viewer không có quyền tải backup data. {% endhint %} # Export file.ladipage Tính năng xuất file .ladipage sẽ tải Landing Page đã tạo xuống dưới dạng file để bạn có thể chuyển qua lại giữa các tài khoản LadiPage khác nhau.\ Lưu ý file này có đuôi .ladipage chỉ có thể sử dụng trên nền tảng LadiPage.\ Các bước thực hiện như sau: **Bước 1: Tải file .ladipage ở vị trí như hình:**
**Bước 2: Tải file này lên tài khoản LadiPage khác theo cách sau:** **Bấm vào mục Tạo Landing Page, chọn phần Tải File .ladiPage từ máy tính.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F9Evf1mI1vG6QU9kyvUwi%2Fimage.png?alt=media\&token=6ae58884-edf8-4fa5-8f91-c95a36a3dd58) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FErsTZg1l33TlqfCgxm3h%2Fimage.png?alt=media\&token=f16eca78-a1d6-4e3c-9021-d13761a47b31) {% hint style="warning" %} **Lưu ý:** * Tài khoản LadiPage starter (Gói miễn phí) không hỗ trợ tải file .ladipage. * File .ladipage của landing page chọn kiểu thiết kế Adaptive sẽ không tải lên được tài khoản LadiPage gói Starter (Gói miễn phí)/ PRO/ Standard và Lite. * Thành viên được phân quyền là editor (không phải teamleader) và viewer không có quyền tải file .ladipage. * Bạn không thể thay đổi kiểu thiết kế giao diện của landing page được tải file .ladipage. * Trang landing page tải file .ladipage có sử dụng các font chữ ngoài danh sách font chữ của LadiPage, thì tài khoản nhận file .ladipage cũng cần tải các font chữ này lên tài khoản. {% endhint %} # Export file.html Tính năng xuất file .html sẽ tải Landing Page đã tạo xuống dưới dạng file để bạn có thể chuyển và up lên sử dụng trên hosting riêng của bạn. Các bước thực hiện như sau: **Bước 1:** Xuất bản landing page với tên miền riêng hoặc với tên miền mặc định ldp.page của LadiPage. **Bước 2:** Vào phần danh sách Landing Page, bấm vào icon ... và chọn mục Export .html.
Sau khi tải file .html bạn có thể tải file lên hosting riêng của bạn để sử dụng, bạn theo dõi hướng dẫn tải landing page lên hosting riêng [tại đây](https://help.ladipage.vn/xuat-ban-landingpage/xuat-ban-landing-page-voi-cac-nen-tang/tai-landing-page-len-hosting-rieng). {% hint style="warning" %} **Lưu ý:** * Tài khoản miễn phí không thể tải file .html. * Thành viên được phân quyền là editor (không phải teamleader) và viewer không có quyền tải file .html. {% endhint %} # Tạm dừng Landing Page Khi bạn tạm dừng Landing Page đang xuất bản, thì khi khách hàng truy cập vào đường dẫn của landing page sẽ ở trạng thái 404.\ Nội dung trang Landing Page vẫn được giữ trong tài khoản và bạn có thể xuất bản lại trang với tên miền riêng hoặc tên miền mặc định của LadiPage bất cứ lúc nào.\ \ Để tạm dừng trang bạn làm theo hướng dẫn dưới đây: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FATDkZDcYeyIn7IeadfSQ%2Fimage.png?alt=media\&token=b9424446-c586-467f-960b-eed10440cc2b) # Xóa Landing Page Xóa Landing Page sẽ xóa hết toàn bộ nội dung của trang, trang sẽ không còn tồn tại trong phần quản lý Landing Page cũng như khách hàng của bạn không thể truy cập vào trang được nữa. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F7SS5AM2blSHxL71QkH5y%2Fimage.png?alt=media\&token=15dc7d86-f0f4-4c18-9fc5-71f2561d92f1) ## Khôi phục Landing Page đã xóa Nếu bạn "lỡ tay" xóa mất một Landing Page vẫn cần sử dụng, bạn hoàn toàn có thể khôi phục lại Landing Page này, hệ thống sẽ lưu các Landing Page đã xóa trong vòng **30 ngày, sau 30 ngày landing page đã xóa sẽ không còn nằm trong mục Đã Xóa và bạn không thể khôi phục landing page này.** Trong mục **Tất cả trạng thái** -> chọn trạng thái **Đã xóa,** sau đó chọn biểu tượng "**..."** ở Landing Page cần khôi phục và chọn **Khôi phục.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FVR1rJFHBJShXt75c96sn%2Fimage.png?alt=media\&token=37f93d68-65d9-4e04-a4c6-81b7280f2bd0) # Tạo Tag và Gắn Tag cho Landing Page Nếu như trước đây chúng ta vẫn quen với việc sắp xếp tài liệu theo thư mục thì ở LadiPage bạn có thể quản lý các nhóm Landing Page bằng Tag. Các Landing Page thuộc cùng một nhóm sẽ được gắn Tag giống nhau. Một Landing Page có thể thuộc nhiều Tag. **Bước 1: Tạo tag.** Cách 1: Chọn icon quản lý Tag trong trang chủ Quản lý Landing Page để truy cập phần tạo Tag. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FBgKo2J0cQcaTFy7TTKNz%2Fimage.png?alt=media\&token=359e8487-fcce-490a-b657-ff4a0888c4a4) Cách 2: Truy cập mục Cài đặt --> Quản lý Tag --> mục Tạo Tag mới, chọn loại Tag: Landing Page. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FwAGUnlS4N3EoCukg9Yrb%2Fimage.png?alt=media\&token=be170639-7498-4036-9a48-f0c5eaa21815) **Bước 2: Gắn và sử dụng tag.** Quay lại landing page cần chỉnh sửa và gắn Tag, chọn Tag cho landing page. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FFo7JXI3tOmaKS4tDTL8T%2Fimage.png?alt=media\&token=9e5d734e-f5a5-4efc-b3d9-3987fb9d7201) **Bước 3: Quản lý Tag.** Bạn click vào từng tên Tag để có thể xem được danh sách các landing page đang được gắn Tag đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FvHvp3PMSWMuwuA24aNjD%2Fimage.png?alt=media\&token=bdd8abc8-eb0f-49c3-be29-1a8d690fc68e) ## Cách quản lý tag landing page hiệu quản. 1. **Pin Tag:** Với Tag được pin sẽ luôn ở vị trí đầu tiên của danh sách Tag. Số lượng tag được pin không giới hạn và Tag nào được pin sau sẽ được hiển thị lên đầu của danh sách. Hiển thị của Tag được pin như sau:
Bạn Pin Tag bằng cách sau:
**2. Sắp xếp Tag theo bộ lọc:** **Bạn có thể sắp xếp Tag theo bộ lọc:**
* **Mặc định:** Chế độ Mặc định của Tag sẽ hiển thị theo thứ tự: Tag được pin sau đó là Tag được tạo mới nhất. Nếu bạn không theo kiểu sắp xếp nào thì LadiPage sẽ để ở chế độ Mặc định. * **Sử dụng gần đây**: Chế độ này sẽ hiển thị theo tag bạn gắn cho landing page gần nhất hoặc tag được gắn cho landing page được xuất bản gần nhất. * **Theo chữ cái:** Bạn có thể sắp xếp theo từ A -> Z và từ Z -> A. Thứ tự ưu tiên khi sắp xếp từ A --> Z như sau: Ký tự (#, !, \*...) --> Chữ cái in hoa --> Chữ cái thường. Ví dụ:
* **Hiển thị tên đầy đủ:** Mỗi tag ở chế độ mặc định sẽ hiển thị tối đa theo 1 dòng, tuy nhiên nếu tag của bạn quá dài và bạn muốn hiển thị đầy đủ các ký tự của tag, bạn có thể bật chế độ Hiển thị tên đầy đủ như sau:
Tag ở chế độ không hiển thị đầy đủ:
Tag ở chế độ hiện thị đầy đủ:
{% hint style="warning" %} **Lưu ý:** * Tag đã xóa thì không khôi phục lại được Tag đó. * Sau khi xóa Tag, các landing page thuộc Tag đã xóa sẽ không bị xóa mà nằm ngoài danh sách Landing page. * Đối với tài khoản phân quyền, thành viên nhìn thấy tag gồm thành viên tạo tag và được phân quyền tag đó cho thành viên. Chi tiết bảng phân quyền xem [tại đây](https://docs.google.com/spreadsheets/d/18CMe3T_FDa2ioNVpCmidFS303fx7EZUm-ZwZJd1WQ1w/edit#gid=830624375). {% endhint %} # Lịch sử hoạt động Phần lịch sử hoạt động ghi lại các thao tác của bạn (nếu bạn dùng gói cho cá nhân) và thành viên trong team (nếu bạn sử dụng gói có tính năng phân quyền cho đội nhóm).\ Xem lịch sử hoạt động tại Cài đặt --> Lịch sử hoạt động.
Bạn có thể lọc tìm kiếm lịch sử hoạt động theo Thời gian, Đối tượng và Thành viên. {% hint style="warning" %} **Lưu ý:** * Thời gian lưu trữ lịch sử hoạt động của tài khoản là 30 ngày. * Tài khoản LadiPage starter (gói miễn phí) và tài khoản hết hạn không xem được lịch sử hoạt động. {% endhint %} # Báo cáo Bạn có thể đánh giá hiệu quả của landing page thông qua phần báo cáo của trang landing page có sẵn tại LadiPage.
Tại Danh sách landing page bạn có thể xem nhanh báo cáo của các số liệu: Lượt truy cập, Chuyển đổi và Doanh thu. Bạn có thể truy cập vào báo cáo chi tiết để cập nhật đầy đủ và chính xác các số liệu khác của báo cáo.
1. **Lượt truy cập (Page Views - Lượt xem trang)**: là tổng lượt truy cập vào trang landing page. Ví dụ: Khách hàng A liên tục tải cùng một trang landing page 50 lần, điều đó thể hiện trong báo cáo rằng trang đó có 50 Lượt truy cập. **2. Người truy cập:** là số người truy cập vào trang landing page được tính theo trình duyệt. Người truy cập có thể được hiểu là số người truy cập đầu tiên của landing page theo trình duyệt. Ví dụ: Khách hàng A truy cập landing page trên trình duyệt Chrome 05 lần, và truy cập trên trình duyệt CocCoc 02 lần, thì báo cáo Lượt truy cập sẽ tính là 07, còn Người truy cập là 02. **3. Chuyển đổi:** Tổng số lượt đăng ký form thành công. **4. Tỉ lệ chuyển đổi:** Bằng chuyển đổi chia có người truy cập. Tỉ lệ chuyển đổi là khái niệm nhằm chỉ ra độ hiệu quả của landing page của bạn. Tỉ lệ chuyển đổi càng cao chứng tỏ landing page của bạn càng hoạt động hiệu quả, chứng tỏ chiến dịch marketing của bạn nhắm đúng đối tượng. **5. Chuyển đổi duy nhất:** là chuyển đổi đầu tiên trên landing page được tính theo trình duyệt. Ví dụ: Khách hàng A vào trang landing page trên trình duyệt Chrome và điền form đăng ký thành công 05 lần, và trên trình duyệt Coccoc điền form đăng ký thành công 02 lần, thì báo cáo số liệu chuyển đổi là 07, và chuyển đổi duy nhất là 02. **6. Doanh thu:** Bằng chuyển đổi nhân với giá trị chuyển đổi ở form. Bạn điền giá trị chuyển đổi tại mục Form-> Lưu data -> Giá trị chuyển đổi.
{% hint style="warning" %} **Lưu ý:** * Báo cáo LadiPage hỗ trợ cho tất cả các tài khoản LadiPage trả phí, gói miễn phí không hỗ trợ báo cáo, chỉ hỗ trợ báo cáo lượt truy cập. * Báo cáo LadiPage chỉ hỗ trợ cho các landing page sử dụng tên miền riêng xác thực với nền tảng LadiPage Cloud DNS, không hỗ trợ cho các tên miền chọn nền tảng khác/hosting riêng. * Báo cáo LadiPage có thời gian lưu trữ trong vòng **45 ngày.** * Tên miền miễn phí ldp.page sẽ chỉ có báo cáo lượt truy cập. {% endhint %}
# Phần tử # Hình ảnh # Thêm mới hình ảnh Để thêm mới hình ảnh, bạn có thể lựa chọn 2 cách: 1. **Tải ảnh từ máy tính.** Tại thanh công cụ nhanh, bạn chọn hình ảnh và tải tệp từ máy tính.
Hoặc vào phần **`Thêm mới` -> Phần tử-`Hình ảnh`** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHmIo74lQossHGWgH8YIk%2Fimage.png?alt=media\&token=481f3d32-aaa8-484d-bac2-c261e956c6d6) Bạn bấm nút **Chọn tệp** để tải một ảnh hoặc tải nhiều ảnh cùng một lúc từ máy tính của mình lên thư viện ảnh. Chọn ảnh mà bạn vừa tải lên từ danh sách ảnh trong thư viện sau đó bấm nút **Sử dụng** để chèn ảnh vào Landing Page hoặc bạn có thể click đúp vào ảnh muốn chèn. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKo9LTws3Qlz6eAZMj6RZ%2Fimage.png?alt=media\&token=f21ef042-ab72-40d6-adec-7311d8495054) {% hint style="warning" %} **Lưu ý:** * Định dạng ảnh hỗ trợ tải lên tài khoản: png, jpg, gif, jpeg, svg và ico. * Bạn có thể tải ảnh dung lượng dưới 5MB và kích thước dưới 3000\*3000px. * Bạn nên tối ưu lại dung lượng ảnh trước khi đưa lên builder sử dụng, để đảm bảo trang có tốc độ load tốt nhất. Ví dụ về công cụ hỗ trợ tối ưu dung lượng mà giữ được chất lượng ảnh . {% endhint %} **2. Tìm ảnh từ kho ảnh miễn phí Unsplash, Pixabay, Pexels.** \ Bạn hoàn toàn có thể tìm những bức ảnh miễn phí đẹp và chất lượng cao từ kho ảnh hơn 1 triệu bức của **Unsplash, Pixabay, Pexels**. LadiPage đã tích hợp ngay trên builder để bạn có thể tìm kiếm và sử dụng thuận tiện hơn. Kho ảnh miễn phí này hỗ trợ cho các tài khoản trả phí của LadiPage. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FH3HlXyRGrswXsTbBW2ph%2Fimage.png?alt=media\&token=cbcc8eef-f85b-4a5c-97c7-71565032f18e) **Lưu ý: Bạn cần tìm hình ảnh bằng với từ khóa Tiếng Anh.** #### **3. Cách lấy link ảnh đã tải lên tài khoản LadiPage.** **Cách 1:** Bạn vào mục Thiết lập--> Thiết kế--> Sao chép đường dẫn ảnh như trong hình dưới đây.
**Cách 2:** Bạn vào mục thêm mới--> Ảnh hoặc vào mục Xem thêm để ra thư viện ảnh của bạn--> Chuột phải vào ảnh muốn lấy link--> Chọn sao chép địa chỉ hình ảnh.
**4. Xóa ảnh ra khỏi thư viện ảnh.** **Bước 1:** Bạn vào thư viện ảnh bằng cách bấm Thêm mới--> vào mục Phần tử--> Ảnh--> Chọn xem thêm.
**Bước 2: Xóa ảnh trong thư viện ảnh.** Bạn bấm vào icon ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FZPA2XIlIUtp1b9S5nAtn%2Ficon.png?alt=media\&token=cc96ae29-5b68-4ecd-be5d-3c2e5cfc9ac6) rồi chọn thao tác Xóa. Hiện tại LadiPage hỗ trợ xóa từng ảnh một, chưa hỗ trợ xóa nhiều ảnh cùng một lúc. Khi đã xóa ảnh thì không khôi phục được ảnh đã xóa.
# Xóa nền hình ảnh Tính năng này giúp bạn tách phần nền ảnh của ảnh đuôi .png, jpeg hoặc jpg để lấy được các ảnh với định dạng png, nền trong suốt. Chọn ảnh bạn cần xóa nền-->dấu ... -->mục Xóa nền tự động: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F9ArWTqhyu4Q0njKj4OFE%2Fimage.png?alt=media\&token=734ec25d-1e8a-47b6-a820-c5174aa3c3ed) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fe8rsVbIvujHx6BBFFKy7%2Fimage.png?alt=media\&token=1ebf023d-4ae9-423c-89d9-2ce02a450de9) # Thay nền/background cho section Phần nền của một section có thể thể hiện dưới 3 dạng: **Hình ảnh, Màu sắc hoặc Video.** 1. **Thay ảnh làm hình nền:** Để thay ảnh làm nền bạn lựa chọn thiết lập như hình dưới:
Cửa sổ quản lý thư viện hiện ra bạn bấm nút Chọn tệp để tải ảnh từ máy tính của mình lên thư viện. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FndqOR30oDCJfq7babez9%2Fimage.png?alt=media\&token=eaa573f0-a5e1-4740-ade8-2442e183ff9a) Chọn ảnh bạn vừa tải lên từ danh sách ảnh trong thư viện sau đó bấm nút **Sử dụng** để chèn ảnh vào Landing Page hoặc bạn có thể click đúp vào ảnh muốn chèn. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FvYgly3Dq6wVVzB1ynf2M%2Fimage.png?alt=media\&token=ddfd923a-d644-415d-a79a-7ecf309d9100) Bạn có thể chọn các kiểu cho ảnh nền section: Vừa khung tự động, Mặc định, Vừa khung cao, Vừa khung rộng và Parallax hoặc Tùy Chỉnh lại kiểu hiển thị của ảnh
* Các kiểu "Vừa khung tự động; Vừa khung cao; Vừa khung rộng" sẽ cân đối chiều dọc, chiều ngang của ảnh cho vừa khung hình. * Kiểu parallax là kiểu hiển thị ghim ảnh khi cuộn chuột. **Giao diện mobile không hỗ trợ kiểu Parallax, nên trên thiết kế mobile, bạn không đồng bộ thiết kế desktop Mobile và chọn kiểu khác cho ảnh nền section mobile.**
* **Tùy chỉnh lại ảnh hiển thị**: trong trường hợp bạn tải lên 1 ảnh nhỏ, nhưng muốn nó hiển thị vừa màn hình theo cách lặp lại liên tục cách ảnh hoặc giãn ảnh theo kích thước tùy biến, thì bạn có thể sử dụng mục tùy chỉnh Bạn thay đổi thông số ở mục kích thước bằng cách chọn sẵn thông số gợi ý ( 100% 100% là vừa màn hình , 50px 50px là tạo lặp lại các ảnh kích thước 50px ). Bạn sửa các thông số 50px theo nhu cầu của bạn

Ví dụ trường hợp chọn kích thước 100% 100%

Ví dụ về trường hợp chọn kích thước 50px 50px

Bạn có thể tạo màu/hình ảnh phủ trên ảnh nền section bằng cách sử dụng Overlay. Bạn vào mục Overlay --> chọn kiểu (Màu cơ bản/Màu gradient)--> Tùy chỉnh thanh độ phủ Opacity như hình bên dưới:
Nếu bạn chọn Overlay kiểu hình ảnh, bạn có thể sử dụng thêm Blend Mode và Trong suốt để thiết kế thêm sinh động:
{% hint style="warning" %} * Bạn có thể tải ảnh dung lượng dưới 5MB và kích thước dưới 3000\*3000px. * Kích thước cho ảnh nền section bạn có thể tham khảo: Desktop: ngang 1960px, chiều dọc tùy ý nhưng nhỏ hơn 800px, đẹp nhất là từ 600 đến 768px Mobile: ngang 420px (hoặc 320px), chiều dọc tùy ý. * Bạn nên tối ưu lại dung lượng ảnh trước khi đưa lên builder sử dụng, để đảm bảo trang có tốc độ load tốt nhất. Ví dụ về công cụ hỗ trợ tối ưu dung lượng mà giữ được chất lượng ảnh . {% endhint %} **2. Thay video làm hình nền section.** Để thay **video** làm nền, bạn lựa chọn thiết lập như hình dưới:
Bạn có thể chèn trực tiếp link của Youtube hoặc dùng LadiPage Video bằng cách tải trực tiếp video lên builder. {% hint style="danger" %} * Tính năng LadiPage Video chỉ áp dụng cho tài khoản trả phí trở lên và dung lượng video tải lên phải dưới 5Mb (đối với gói Pro/Standard/Lite), dưới 20 Mb (đối với gói có tính năng phân quyền Premium/Enterprise/Business) * Khi chèn Video Backgroud trong builder sẽ không hiển thị, phải xuất bản ra thì mới nhìn thấy nội dung video. * Nền section là video thì video sẽ tự động chạy và không có tiếng. {% endhint %} **3. Nền section chọn kiểu Màu cơ bản hoặc Màu gradient.** Bạn có thể đồ màu nền cho section bằng cách sử dụng Màu cơ bản hoặc Màu Gradient:
{% hint style="danger" %} **Lưu ý:** * Nếu bạn thiết kế landing page chọn kiểu thiết kế là Responsvie, bạn có thể tùy chỉnh nền section giao diện Desktop và mobile khác nhau bằng cách chọn không đồng bộ thiết kế, chi tiết [tại đây](https://help.ladipage.vn/nang-cao-cho-phan-tu/dong-bo-khong-dong-bo-thiet-ke). {% endhint %} # Điều chỉnh kích thước ảnh Bạn có thể điều chỉnh kích thước ảnh bằng cách co kéo các góc ảnh hoặc thay đổi thông số trong ô kích thước: {% hint style="danger" %} **Tips:** Kéo chuột ở góc phải dưới của ảnh để giữ nguyên tỷ lệ cao và rộng của ảnh. {% endhint %}
Khi thay đổi thông số trong ô kích thước, bạn có thể bật tắt chế độ Tự động thay đổi Chiều cao theo Chiều rộng bằng cách bấm vào biểu tượng . Ví dụ: * Khi bật biểu tượng , thay đổi chiều cao thì chiều rộng sẽ thay đổi theo tỷ lệ tương ứng. * Khi tắt biểu tượng , thay đổi chiều cao thì chiều rộng sẽ không thay đổi. # Cắt hình ảnh Để cắt ảnh bạn có thể sử dụng crop hoặc pentool. 1. **Crop ảnh:** Bạn vào mục cắt ảnh như bên dưới để cắt ảnh.
Bạn co kéo các góc của ảnh tùy chỉnh theo khung cắt ảnh, hoặc di chuyển ảnh tùy biến theo khung crop ảnh, sau đó bạn bấm xong để hoàn thiện phần cắt ảnh.
**2. Pentool:** Để sử dụng pentool, bạn vào icon ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FsbloMQfqm2Ck6iCzPC9D%2Fpen.png?alt=media\&token=d91b1d33-e3a5-47cb-815b-dc964cfa5fe6) để tùy chỉnh cắt ảnh theo nhu cầu.
Bạn đặt bút vào điểm đầu tiên rồi kéo chuột tới điểm thứ 2 và Enter để ghi nhận điểm thứ 2, các điểm khác cũng làm tương tự. Pentool sẽ kết thúc khi điểm cuối cùng trùng khớp với điểm đầu tiên. Sau khi kết thúc bạn bấm lưu để được ảnh cắt. Bạn có thể hoàn tác lại thao tác hoặc xóa bỏ phần thao tác cắt ảnh pentool này.
# Bo góc ảnh Ảnh sau khi Thêm mới có thể bo góc để mềm mại hơn. Bạn có thể bo góc toàn bộ bằng cách tùy chọn thông số bo góc tại thanh công cụ nhanh như bên dưới. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F6LUhB12wMBDbmaXMxrOf%2Fbo%20goc.gif?alt=media\&token=70371767-0c8d-4218-9486-b3a39039dfbb) Hoặc bạn vào phần thiết lập của ảnh--> chọn Viền và bo góc. Bạn bấm vào icon ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdmAmQDfahWwnLrUqppa6%2Fb%C3%A1nh%20xe.png?alt=media\&token=bead68cd-e4d8-4418-ae91-2846793428f7) nâng cao để tùy chỉnh bo từng góc của ảnh.
{% hint style="success" %} Tips: Nếu bạn muốn bo từ ảnh hình vuông sang hình tròn, bạn để bo góc tất cả thông số 200px {% endhint %}
# Đổ bóng cho ảnh Phần này cho phép bạn thêm hiệu ứng đổ bóng cho phần tử. Để tạo hiệu ứng đổ bóng bạn có thể làm theo các bước sau: 1. Chọn Kiểu đổ bóng (Bên ngoài/ Bên trong/ Filter) 2. Tùy chỉnh các thông số Đổ ngang/ Đổ dọc/ Độ mờ/ Độ tối 3. Chọn Màu. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2QajGkwHcB0SmCVkVcrA%2Fdo%20bong.gif?alt=media\&token=6cebde2f-87f1-48f6-9a4a-8196aa5e3cc6) # Overlay cho ảnh Overlay là một hiệu ứng cho ảnh, bản chất là một lớp màu hoặc một lớp ảnh đè lên trên ảnh gốc: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FeutoqGtp1x8wCO6dDxMT%2Foverlay.gif?alt=media\&token=05c6acf5-79eb-4609-a115-1cf60d115f14) # Mask cho ảnh Mask là một lớp hiệu ứng theo nhiều hình dạng khác nhau chèn lên ảnh. Để sử dụng, bạn bấm chuột **Chọn ảnh,** sau đó chọn biểu tượng **Mask:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdlATOlqkx2FrTneHoucf%2Fmask.gif?alt=media\&token=802bfe1c-02b1-4036-8c46-79fe7f66a9c9) **Khi thêm hiệu ứng Mask.** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdPOYglBeW2lwXVNygCsd%2Fimage.png?alt=media\&token=701e49c6-5416-4285-8394-441984033287) Để xóa không sử dụng mask nữa, bạn cần vào **Thiết lập --> Thiết kế của ảnh-->** kéo xuống phần Mask--> Bỏ đi đường dẫn của biểu tượng.
# Ảnh so sánh Tính năng cho phép bạn tạo 1 nội dung ảnh so sánh, khách hàng có thể kéo xem sự thay đổi trước-sau của nội dung Bạn truy cập vào mục Thiết lập-> Thiết kế -> bật tính năng Ảnh so sánh và tải ảnh lên
{% hint style="info" %} 1. Bố cục 2 ảnh sau khi xuất bản đang theo tỷ lệ 50/50, không có phần thay đổi tỷ lệ 2. Hai ảnh nên có kích thước giống nhau để phần hiển thị được đẹp nhất {% endhint %} # Viền & bo góc cho ảnh Phần này cho phép bạn có thể bo viền, thêm và thay đổi màu viền cho phần tử. Bạn có thể làm theo các bước sau: 1. Chọn phần Viền & Bo góc 2. Chọn kiểu viền và màu viền 3. Thay đổi thông số Kích thước góc, Bo góc tất cả hoặc từng vị trí góc ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FXrZwv94XtKDaXlz0abnF%2Fvi%E1%BB%81n%20bo%20g%C3%B3c%20.gif?alt=media\&token=acd0f2c6-09c6-46f1-95f3-c5759aa0d131) # Gallery 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.
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](https://help.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-chuyen-tab).
* 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:** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3mmKLgvNqyyK4u7HHUNk%2Fgallery%201.gif?alt=media\&token=2e0230b4-0b9a-4a67-b136-a40744e7b140) # Nút bấm Phần tử **Nút bấm** cho phép bạn chèn các nút bấm Call To Action (Nút kêu gọi hành động) vào Landing Page một cách dễ dàng theo các bước sau đây: Để tạo Nút bấm, bạn vào thanh công cụ nhanh như hình dưới:
Hoặc bạn vào mục Thêm mới--> Phần tử--> Nút bấm:
## 1. Nút bấm Bạn vào thanh thiết lập rồi tùy chỉnh thiết kế cho từng phần của nút bấm: * **Nút bấm:** Tùy chỉnh màu sắc, kích thước, bo góc, viền của Nút bấm.
* **Văn bản:** Tùy chỉnh văn bản (chữ) của nút bấm: Font chữ, cỡ chữ, định dạng chữ, màu sắc cho chữ. Bạn có thể chọn màu Gradient hoặc hình ảnh cho phần văn bản này.
Để thay đổi nội dung của văn bản, bạn cũng có thể bấm chuột trái 2 lần vào đôi đen văn bản.
* **Biểu tượng:** bạn có thể thêm biểu tượng (icon) vào trước nút bấm của bạn bằng cách Bật sử dụng biểu tượng. Bạn thay đổi sử dụng các biểu tượng khác trong kho biểu tượng có sẵn tại LadiPage và thay đổi kích thước của biểu tượng.
Bạn tùy chỉnh vị trí giữa biểu tượng với văn bản và biểu tượng tới lề trái nút bấm tại phần khoảng cách lề như bên dưới.
{% hint style="success" %} Tips: Nếu bạn muốn nút bấm cố định trên 1 vị trí khi lăn chuột, bạn sử dụng tính năng ghim phần tử. Hướng dẫn ghim phần tử [tại đây](https://help.ladipage.vn/nang-cao-cho-phan-tu/ghim-phan-tu). {% endhint %} ## **2. Nhóm nút bấm** Nếu nút bấm thường được dùng làm nút kêu gọi hành động, thì nhóm nút bấm bạn có thể ứng dụng sử dụng cho: * Thanh menu. * Sự kiện chuyển tab, ẩn hiện phần tử. Bạn cài đặt vị trí các nút bấm trong nhóm nút bấm tại thiết lập--> Thiết kế.
Để cài đặt độc lập từng nút bấm, bạn chọn riêng từng nút bấm và cài đặt như Nút bấm.
**Bạn có thể sử dụng hiệu ứng lựa chọn để khi di chuột tới các nút bấm trong nhóm nút bấm sẽ có hiệu ứng đổi màu.**
# Tiêu đề - Đoạn văn - Danh sách Tiêu đề- Đoạn văn- Danh sách giúp bạn thêm văn bản (chữ) vào trong landing page. Để thêm Tiêu đề/ Đoạn Văn và Danh sách bạn theo 2 cách sau: Cách 1: Sử dụng thanh công cụ nhanh.
Cách 2: Bạn vào mục thêm mới--> Phần tử --> Văm bản.
Sau khi bạn thêm mới văn bản, bạn có thể tùy chỉnh thiết kế: màu sắc, font chữ, cỡ chữ, định dạng, khoảng cách dòng, khoảng cách chữ cho văn bản của bạn.
**1. Tiêu đề:** * Tiêu đề sẽ giúp người đọc khái quát nội dung mà họ sắp đọc. Vì vậy, tiêu đề ấn tượng sẽ giúp bài viết có thể gây ấn tượng ban đầu ban đầu trước người đọc. * Bạn có thể chọn kiểu chữ cho tiêu đề: H1, H2, H3, H4, H5, H6 và P, tương ứng với các thẻ H1, H2... trong SEO.
* Cỡ chữ tiêu đề bạn có thể tham khảo: Destkop: 32px, Mobile: 24px. * Bạn có thể thiết kế tiêu đề nổi bật bằng cách sử dụng Màu Gradient: chọn Màu Gradient hoặc Hình ảnh.
**2. Đoạn văn:** * Đoạn văn là đoạn văn bản dài mô tả nội dung chi tiết hơn cho section/landing page. * Cỡ chữ đoạn văn bạn có thể tham khảo: Destkop và Mobile: 16px. **3. Danh sách:** * Danh sách giúp bạn có thể liệt kê nội dung theo thứ tự mong muốn.
* Bạn có thể thêm biểu tượng vào mỗi liệt kê của danh sách theo: hình ảnh bạn tải lên tài khoản, hoặc biểu tượng được lấy kho biểu tượng của LadiPage.
* Sau khi thêm biểu tượng, bạn có thể tùy chỉnh hiển thị của biểu tượng:
**4. Các tùy chỉnh cho khác cho Tiêu đề, Đoạn văn và Danh sách.** **a. Định dạng cho 1 hoặc nhiều chữ được chọn:** Bạn có thể định dạng in đậm, in nghiêng, gạch chân, đổi màu chữ, đi liên kết và hiệu ứng cho 1 hoặc nhiều chữ trong cùng một tiêu đề, đoạn văn và danh sách bằng cách bôi đen chữ cần định dạng và chọn thao tác.
**Lưu ý: Bạn không thể thay đổi font chữ và cỡ chữ cho 1 hoặc nhiều chữ được chọn.** **b. Hiệu ứng Animated:** theo dõi cài đặt hiệu ứng Animate chi tiết [tại đây](https://help.ladipage.vn/thiet-ke-cho-phan-tu/hieu-ung-animated) và Demo hiệu ứng [tại đây](https://ladipage.vn/animated-headlines?fbclid=IwAR2CMArKsmT4J8Zdz8oucndKxPnbnts8mQ6Mduoi7671aII2IpmUW3SIjGc). **c. Cài đặt font chữ nằm ngoài font có sẵn tại LadiPage:** Bạn có thể sử dụng các font chữ khác mà bạn mong muốn bằng cách tải font muốn sử dụng lên tài khoản LadiPage Theo dõi cài đặt [tại đây](https://help.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/quan-ly-font). **d. Đổ màu nền cho chữ:** Bạn bôi đen 1 hoặc nhiều chữ, hoặc toàn bộ chữ rồi chọn màu nền chữ. Nếu bạn đã đổi màu nền chữ và muốn quay trở về mặc định, bạn bôi đen đổi sang màu nền chữ là màu TRẮNG để trở về mặc định.
# Đường kẻ Phần tử Đường kẻ cho phép bạn thêm đường kẻ vào Landing Page để trang trí, phân cách đoạn... Để chèn Đường kẻ vào Landing Page bạn có thể làm theo các bước sau đây: 1. Chọn phần **Thêm mới- Phần tử-Đường kẻ** 2. Sử dụng Thanh thiết kế nhanh để căn chỉnh, thay đổi kích thước, xoay ngang dọc, thay đổi màu cho đường kẻ hoặc bấm vào phần Thuộc tính để chỉnh sửa chi tiết các nội dung 3. Di chuyển đường kẻ đến vị trí mong muốn. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FGVnzHWu0iAYpApz5Xs2V%2Fduong%20ke.gif?alt=media\&token=3d1a1fba-9eae-4cb0-972e-680005077c0e) # Video Bạn có thể thêm video để sử dụng theo bước sau: **Bước 1: Thêm khung video:** Bạn thêm video tại thanh công cụ nhanh:
Hoặc bạn vào mục Thêm mới--> Phần tử--> Video:
**Bước 2: Cài đặt video hiển thị.** **Cách 1: Chèn video từ Youtube (áp dụng cho tất cả các tài khoản của LadiPage).** 1\. Bạn chọn kiểu video là Youtube.\ 2\. Nhập link Video Youtube của bạn vào ô **Đường dẫn video.**
**Cách 2: Chèn video trực tiếp vào Landing Page (áp dụng cho tài khoản trả phí).** **Lưu ý: Dung lượng video tải lên phải dưới 5Mb với gói PRO/ Standard/ Lite và dưới 20Mb với tài khoản Business/ Premium/Enterprise.** 1\. Bạn chọn kiểu video là **LadiPage Video**.\ 2\. Tải video của bạn lên tài khoản và sử dụng.
**Lưu ý:** * Ảnh nền (thumb) video kiểu LadiPage video sẽ hiển thị ảnh nền của video mặc định của LadiPage, vì vậy mình có thể thay đổi phần ảnh này. * Video kiểu LadiPage video sẽ tự động lặp lại sau khi video đó chạy hết. **Bước 4: Thiết lập cho video.** * **Thiết lập Hiện Control:** phần cho phép khách hàng thao tác vào việc thay đổi thời gian xem video.
![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FTygUAE9TjOpaMy5naN3f%2Fimage.png?alt=media\&token=37564a5a-3ab7-41fa-bc80-94725e6e3ccd) * **Thiết lập tự động chạy video:** 1. Video ở chế độ **Tự động chạy - Có**, sẽ tự động phát khi kéo đến Section chứa Video. Và khi ở chế độ này, bản DESKTOP/MOBILE video sẽ tự động Không có tiếng. 2. Nếu trên trang có nhiều hơn 1 video, thì khi video này được bấm chạy (Play) các video khác sẽ tự động được tạm dừng (Pause) (kể cả khi đang chạy (Play) trước đó). Tuy nhiên video được bật đồng thời 2 chế độ sau sẽ không tự động tạm dừng (Pause): **Hiện Control - Không, Tự động chạy - Có.** 3. Trong trường hợp bạn thiết lập video ở chế độ **Tự động chạy - Không**, thao tác bấm play ở bản mobile có thể hơi khó khăn cho khách hàng. Vì vậy bạn có thể thêm chữ **preload** vào mục Class TÙY CHỈNH ở video. Lưu ý, code này sẽ làm tăng thời gian tải trang ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FtdruJXCerpnfQYWznrLH%2Fimage.png?alt=media\&token=15eda446-e757-411f-87e3-c16dc0c1ef60) * **Thiết lập nền (thumb) của video**: Bạn có thể thay đổi nền của video bằng màu cơ bản, hình ảnh hoặc màu gradient.
{% hint style="info" %} **Lưu ý: Youtube Video và LadiPage Video sẽ không gắn được tracking đo lường cho video trên Landing Page.** {% endhint %} # Hình hộp Phần tử Hình hộp cho phép bạn thêm hình hộp vào Landing Page. Hình hộp giúp bạn có thể làm khung/ nền để làm nổi bật cho các tử khác.
Bạn sử dụng hình hộp theo các bước sau: **Bước 1: Tạo khung hình hộp.** * Sử dụng thanh công cụ nhanh:
Hoặc bạn vào mục Thêm mới--> Phần tử--> Hình hộp:
**Bước 2: Thiết lập cho hình hộp.** * Cài đặt hình nền hoặc màu nền cho hình hộp.
* Cài đặt viền cho hình hộp:
* Cài đặt bo góc cho hình hộp: Nếu chọn hình hộp ở thanh công cụ nhanh sẽ mặc định là hình vuông, bạn có thể chọn bo góc tất cả 200 để được hình tròn hoặc vào mục thêm mới--> phần tử-> hình hộp để chọn sẵn hình tròn.
Bạn cũng có thể bo góc theo cạnh mà bạn mong muốn bằng cách sau:
* Cài đặt bổ bóng cho hình hộp:
**Tips:** * Nếu bạn muốn khung viền để làm nổi bật chữ như bên dưới:
Bạn có thể thực hiện theo cách sau tạo viền cho hình hộp và chỉnh thanh kéo tùy chỉnh đậm nhạt cạnh ô dải màu.
* Các phần tử trên hình hộp và hình hộp nên tạo nhóm với nhau để di chuyển và đi liền với nhau. Cách tạo nhóm [tại đây](https://help.ladipage.vn/thiet-ke-cho-phan-tu/tao-nhom-phan-tu). # Collection list Tính năng này cho phép bạn tạo 1 danh sách thông tin , phù hợp với việc làm nội dung liên quan đến : Phản hồi của khách hàng, danh sách tính năng sản phẩm... {% embed url="" %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FzLawzWfigcsXrDcd9PPN%2Fimage.png?alt=media\&token=59e145c2-e84e-449e-a5b9-ba819a750e59) {% hint style="info" %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FtjGh4LCyAdZhblY90Y74%2Fimage.png?alt=media\&token=7c7d2284-1fdb-48a3-ab26-5f03cd76ef95) 1\. Chọn liên kết được với giá trị của dataset trong Collection, chỉ áp dụng cho các phần tử là Text( Tiêu đề, Đoạn Văn ) và Hình ảnh 2\. Ở Collection,bạn cài đặt chọn Collection muốn hiển thị trước ,rồi mới thao tác Liên kết giá trị cho các phần tử Text và Hình Ảnh. {% endhint %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FT0D15Jh3dDwbVC7cbrfb%2Fimage.png?alt=media\&token=784ef0ec-e32a-4007-a431-bf91e2dd8ac0) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJcQX4tVdr15l5gYPcyeP%2Fimage.png?alt=media\&token=d0f373c5-6b77-4d46-9bc4-1cb506c50613) # Shape Phần tử Shape cho phép bạn chèn các biểu tượng vào Landing Page. Để chèn Shape vào Landing Page bạn có thể làm theo các bước sau đây: Bạn thêm biểu tượng bằng cách vào thanh công cụ nhanh --> chọn Biểu tượng.
Hoặc vào Thêm mới--> Phần tử--> Biểu tượng.
**Lưu ý: Bạn tìm kiếm biểu tượng theo từ khóa tiếng anh, không hỗ trợ tìm kiếm theo tiếng việt.** Sử dụng Thanh thiết kế nhanh để thay đổi màu sắc cho biểu tượng hoặc bấm vào phần Thiết lập để chỉnh sửa chi tiết các nội dung.
**Lưu ý: Biểu tượng trong danh mục Socials sẽ không thay đổi được màu sắc.**
Với các biểu tượng bạn muốn đứng im khi cuộn chuột, bạn có thể sử dụng kết hợp tính năng ghim phần tử, chi tiết [tại đây](https://help.ladipage.vn/nang-cao-cho-phan-tu/ghim-phan-tu). # Carousel Tính năng Carousel cho phép bạn tạo hiệu ứng chạy xoay vòng cho các phần tử để hiển thị dưới dạng slide hoặc danh sách sản phẩm. Bạn có thể xem hướng dẫn chi tiết tại video dưới đây: {% embed url="" %} {% hint style="info" %} Trong trường hợp bạn thiết lập Carousel là Tự động chạy, nhưng bạn chủ động bấm nút chuyển nội dung thì tính năng tự động chạy sẽ ngừng hoạt động {% endhint %} # Carousel V3.1 Tính năng Carousel cho phép bạn tạo hiệu ứng chạy xoay vòng cho các phần tử để hiển thị dưới dạng slide hoặc danh sách sản phẩm. Bạn vào mục Thêm mới -> Phần tử-> Carousel để chọn sử dụng tính năng này
* Bật chế độ Carousel Item Repeater : khi bạn bật tính năng này, thì các carousel items sẽ giống hệt nhau về phần màu sắc/ ảnh nền, bố cục thiết kế cũng như các hiệu ứng sử dụng * Tắt chế độ Carousel Item Repeater : khi bạn tắt tính năng này thì các carousel items sẽ thiết kế hoàn toàn độc lập với nhau

Cách chỉnh sửa Carousel

{% hint style="danger" %} Với chế độ Repeater, khi sử dụng các phần tử : Nhóm nút bấm, form, carousel, collection list, tabs, table, survey, accordion, countdown, notify, spin lucky, review, group , product list, cart button sẽ hiển thị độc lập ở carousel\_items sử dụng phần tử, không hiển thị repeat ở tất cả các carousel\_items {% endhint %} # Tabs Tính năng cho phép bạn thiết kế nhiều nội dung tab cùng 1 lúc, các nội dung từng tab hiển thị khi bạn thiết lập sự kiện chuyển tabs đến tab đó. {% embed url="" %} ### Thiết kế nội dung Tabs. Bạn vào mục Thêm mới -Tabs để chọn tạo mới 1 Tabs để sử dụng ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F9lmoSX9i86vGtaoBXkih%2Fimage.png?alt=media\&token=6dbd8a18-c291-4b16-b06a-9daf8a560ce5) Chỉnh sửa hiển thị của Tabs ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FVrsN7kPmQnBJ17bTovSr%2Fimage.png?alt=media\&token=460d75c1-a5ba-42a4-a181-d6977cbf229b) 1. Bấm vào mục Thêm mới để thêm mới để tạo 1 tab mới Ngoài ra bạn cũng có thể nhân bản từ chính tab bạn đang thiết kế 2. Số thự tự của từng tab trong tabs là nội dung như trong khoanh đỏ của ảnh Thứ tự này dùng cho việc đi liên kết khi sử dụng sự kiện Chuyển tab ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fyp0HaSs279tNU9l3RhlH%2Fimage.png?alt=media\&token=b13acb3a-d799-4327-9a64-8c487898d524) 3\. Bạn bấm chọn từng Tab rồi thiết kế nội dung hiển thị của các Tab theo mong muốn ### Hiển thị nội dung của Tabs trên trang LandingPage Đối với tính năng Tabs, sẽ không có nút bấm chuyển từ tab này sang tab kia mà bạn phải sử dụng tính năng Sự kiện- Chuyển Tab .[ chi tiết tính năng tại đây ](/su-kien-cho-phan-tu/su-kien-re-chuot/chuyen-tab) Bạn chọn 1 phần tử ( ảnh/ text/ hình hộp...) và sử dụng tính năng Sự kiện- Chuyển Tab để có thể bấm chọn được nội dung tab trong Tabs {% hint style="danger" %} Tabs thì chỉ thiết kế được chung 1 kích thước, KHÔNG thay đổi được kích thước của từng tab {% endhint %} # Frame Frame là một tính năng mạnh mẽ giúp bạn có thể thay đổi thiết kế của các phần tử giống nhau cùng một lúc. Tất cả các thiết kế có thể được đồng bộ giữa các frame, **ngoại trừ việc thay ảnh và thay chữ.** Cách làm như sau: * Thêm mới **Frame** và đưa các phần tử vào trong và sắp xếp theo ý. Bạn có thể thiết kế Frame như thiết kế một [**hình hộp**](broken://pages/-LwSj1f29Nyqs3sPStbX)**,** hoặc có thể thiết kế trong suốt để ẩn frame. Bạn vào thanh công cụ nhanh --> Frame.
Hoặc vào phần Thêm mới--> Phần tử--> Frame.
* Nhân bản Frame vừa tạo để sao chép bố cục và thiết kế. Bạn có thể thay ảnh và chữ. * Khi thay đổi thiết kế nội dung của một frame, các frame liên quan sẽ thay đổi theo nội dung đó. * Khi thêm phần tử vào frame, thì phần tử đó sẽ thuộc frame luôn, không cần tạo nhóm. * Cài đặt hiệu ứng hiển thị cho frame, thì các phần tử trong frame cũng sẽ hoạt động hiệu ứng đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FI2IMaCzJIPVByR3fnZU3%2Fframe.gif?alt=media\&token=7c485b58-ffea-4542-9a93-f3d189539eba) # Accordion Tính năng Accordion có mục đích sử dụng tương tự như sự kiện Collapse, tuy nhiên thao tác sử dụng sẽ dễ dàng hơn so với sự kiện collapse. Accordion giúp bạn ẩn và hiển thị 1 nội dung trên trang, giúp người dùng có thể chủ động mở rộng/ẩn nội dung để xem, tiết kiệm không gian hiển thị, thường được dùng cho phần Q\&A trên trang landing page. Để sử dụng Accordion bạn thao tác theo các bước sau: **Bước 1: Tạo khung Accordion.** Bạn vào thanh công cụ nhanh --> chọn Accordion.
Hoặc bạn vào Thêm mới--> Phần tử--> Accordion.
**Bước 2: Chỉnh sửa nội dung và thiết lập cho Accordion.** Accordicon sẽ bao gồm Accordicon\_Menu và Accordicon\_Content.
1. **Accordion\_Menu:** * Bạn có thể thay đổi nội dung, màu sắc, size, font chữ của văn bản của Accordion\_Menu như thiết lập của phần tử Tiêu đề, chi tiết [tại đây](https://help.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/phan-tu/tieu-de-doan-van-danh-sach).
* Bạn có thể thay đổi biểu tượng và thiết lập cho biểu tượng của Accordicon\_Menu bằng cách bấm vào biểu tượng và thiết lập như trong ảnh:
* Bạn có thể thiết lập màu, kích thước, bo góc...của Accordion\_Menu tại phần Thiết lập.
2\. **Accordion\_Content:** Bạn thiết lập/thay đổi nội dung cho văn bản như sau:
Bạn có thể thêm các phần tử khác như nút bấm, hình ảnh... tại Accordion\_Content để sử dụng.
Khi bạn sử dụng Accordion thì mặc định ở chế độ hiển thị nội dung Accordion\_Content. Nếu bạn muốn ẩn, bạn bấm chọn toàn Accordion rồi chọn Ẩn nội dung như hình bên dưới. Bạn muốn chỉnh sửa nội dung Accordicon\_Content thì bấm Hiện nội dung lại.
{% hint style="warning" %} **Lưu ý:** Với Collapse thì bạn nên thiết kế theo hàng, không thiết kế nội dung thành các cột. Còn Accordion có thể xếp thành 2-3 cột tùy theo mục đích của bạn. {% endhint %}
Để thiết kế nội dung thành các cột, bạn cần tạo nhóm các nội dung từng cột thành nhóm và chọn căn đều dọc.
# Table Tính năng này cho phép bạn tạo 1 bảng chứa thông tin nội dung, hình ảnh thay vì phải ghép từng ô thông tin lại với nhau {% embed url="" %} {% hint style="info" %} Table tạo bằng Collection sẽ hiển thị nội dung theo thời gian cập nhật mới nhất của dữ liệu được tạo, theo thứ tự từ trên xuống dưới, dữ liệu được tạo(cập nhật) mới nhất sẽ nằm ở trên cùng. {% endhint %} # Survey Tính năng cho phép tạo các câu khảo sát, lựa chọn để khách hàng lựa chọn và gửi thông tin về các kênh lưu trữ của bạn {% embed url="" %} Truy cập mục Thêm mới- Phần tử- Survey để sử dụng tính năng ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FpiJA7nUKaCmtQoiiyBiH%2Fimage.png?alt=media\&token=a3b617cc-8406-4a57-86ec-160a06d12041) ### Thiết kế nội dung hiển thị của Survey Bấm vào Thuộc tính, chọn mục Thiết kế để tạo nội dung của Survey ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FadfElxaP7OBxWobvOaDU%2Fimage.png?alt=media\&token=de13446c-71b3-4850-9714-804ab4fe0c09) #### Mục 1 : Kiểu hiển thị Bạn chọn xem survey của mình sẽ hiển thị với nội dung : Chữ, Ảnh hay kiểu Chữ và Ảnh #### Mục 2 : Chọn nhiều Option Cho phép khách hàng được chọn 1 hay nhiều lựa chọn trên survey của bạn Trong trường hợp bạn thiết lập Chọn nhiều Option là Có và ở mục Sự kiện, bạn có thiết lập Sự kiện cho Survey thì sẽ hiển thị thêm nút bấm : Chữ nút bấm tiếp theo ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FdvCffTkxpz2ByTpaoWQ8%2Fimage.png?alt=media\&token=ef58c08d-98e9-4d44-9b6b-afe42743336f) Bạn có đổi tên cho nút bấm , còn chưa thiết lập thay đổi về hiển thị hình dáng, màu sắc nút bấm #### Mục 3: Danh sách Option Thiết lập nội dung hiển thị về ảnh, tiêu đề,giá trị cho nội dung Survey của bạn . Tùy theo nội dung bạn chọn ở mục 1, bạn sẽ có các trường thiết lập nội dung tương ứng **Tiêu đề** : nội dung text hiển thị trên survey để khách hàng lựa chọn **Gía trị** ( trường giá trị bắt buộc của survey) **:** thông tin này sẽ hiển thị trên form đăng ký trong trường hợp bạn đồng bộ dữ liệu của survey với form của bạn Phần Chọn mặc định có 2 tác dụng : Option này sẽ luôn được sử dụng hiệu ứng lựa chọn trên phần hiển thị của Survey và phần Giá trị sẽ hiển thị trên trường form mà bạn đồng bộ dữ liệu Hình ảnh : nội dung hình ảnh hiển thị trên survey của bạn Bấm vào **Thêm mới** để thêm nội dung lựa chọn của Survey ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F6qEdmIEa7FTXUP72DUNA%2Fimage.png?alt=media\&token=23317b3a-f367-48be-ba48-63e8a350689d) ### Thiết lập hiệu ứng hiển thị Survey Bấm vào Thuộc tính thiết lập, chọn mục HIệu ứng, thiết lập các hiệu ứng cho Survey ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJaktY4tip2AWWVVAAQg9%2Fimage.png?alt=media\&token=5f4a1836-d3c7-469c-8dd9-d598b2aafe6a) **Hiệu ứng lựa chọn**: phần hiển thị hiệu ứng khi bạn lựa chọn 1 nội dung trên survey ### Sự kiện của Survey ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FH2DVP70q7zqLA2CGL3sg%2Fimage.png?alt=media\&token=1207ae19-d287-436a-ab74-6b6e7503138e) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FH5HGNPOOK1yIbIFz53li%2Fimage.png?alt=media\&token=f057ce3b-7816-4411-92f0-d489a5185e0b) #### Mục 1 :Liên kết đến Form Bạn đồng bộ giá trị survey mà khách hàng lựa chọn vào phần form đăng ký trên trang của bạn Các thao tác thác thực hiện 1.Tích chọn vào form bạn muốn liên kết dữ liệu của survey 2\. Trên form bạn vừa tích chọn đồng bộ dữ liệu, bạn thêm mới 1 trường dữ liệu Nhập chữ ( Input Text )- và thiết lập Tên lấy dữ liệu của trường dữ liệu là Tên lấy dữ liệu của Survey bạn muốn đồng bộ ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2lgI49EQ8YUDD6Uv6zNt%2Fimage.png?alt=media\&token=c90e7c0b-61cb-4089-a94b-3be8e8d0dd7a) #### Mục 2 : Danh sách hành động Hoàn tất Sau khi khách hàng lựa chọn nội dung trên survey, bạn có thể thực hiện hành động chuyển tiếp đến 1 section khác hoặc mở tiếp 1 popup khác Liên kết đến Section : có 1 lưu ý nếu bạn liên kết đến 1 section bị ẩn đi, thì khi liên kết đến section này sẽ hiển thị ra Liên kết đến POPUP : Liên kết đến Tab : chi tiết hướng dẫn[ tại đây](/su-kien-cho-phan-tu/su-kien-re-chuot/chuyen-tab) Liên kết ẩn hiện phần tử : chi tiết hướng dẫn [tại đây ](/su-kien-cho-phan-tu/su-kien-re-chuot/an-hien-phan-tu) Chọn tương ứng hành động bạn muốn thực hiện, chọn ID section/popup, chuyển Tab tương ứng trên trang của bạn # HTML Phần tử HTML cho phép bạn chèn các đoạn mã HTML vào Landing Page của mình, có thể phục vụ cho các mục đích như chèn mã nhúng các tiện ích. Để chèn phần tử HTML bạn có thể chọn Mã HTML tại thanh công cụ nhanh.
hoặc vào mục Thêm mới--> Phần tử--> Mã Html
**Lưu ý:** **Khi bạn thêm mã HTML sẽ không hiển thị luôn nội dung của HTML bạn thêm vào, bạn cần xuất bản hoặc xem trước trang landing page để kiểm tra hoạt động/hiển thị của HTML.** # Assets Khi bạn thiết kế Landing Page, thiết kế được các nội dung ưng ý và có nhu cầu sử dụng ở nhiều Landing Page khác nhau, thì bạn có thể thiết kế và lưu nội dung đó ở phần Asset (ngoại trừ phần POPUP, SECTION thì được lưu riêng ở phần popup của tôi, section của tôi). ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F8xXf3APaBiLe6o7TNKJr%2Fasset.gif?alt=media\&token=082e5163-2c43-49d4-9ad5-9cd8f35c1a33) # Section # Các thao tác với Section ## Thay ảnh nền /backgroud cho section. Bạn có thể sử dụng nền section bằng Màu cơ bản, Màu Gradient, Hình ảnh và Video.
Kích thước ảnh nền section bạn có thể tham khảo: * Desktop: ngang 1960px, chiều dọc tùy ý nhưng nhỏ hơn 800px, đẹp nhất là từ 600 đến 768px. * Mobile: ngang 420px (hoặc 320px), chiều dọc tùy ý. {% hint style="warning" %} **Lưu ý:** * Ảnh tải lên có dung lượng tối đa 5MB và kích thước tối đa 3000px\*3000px. * Kiểu nền section là video - LadiPage video sẽ chỉ hỗ trợ cho gói trả phí của LadiPage, dung lượng <5MB (gói PRO, Standard và Lite) và <20MB (gói Business, Premium và Enterprise). * Kiểu nền video sẽ mặc định ở chế độ tự động chạy và không có tiếng. * Nếu bạn chọn chế độ Responsive để thiết kế landing page, thì bạn có thể thay đổi nền section bản mobile và desktop khác nhau. {% endhint %} ## ## Lên trên - Xuống dưới. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FektVrhPxTbDZIVM17zpT%2Fimage.png?alt=media\&token=db8f21ca-9ed4-43a2-ae2f-76d6acbc9f03) Lên trên - xuống dưới là chức năng giúp bạn thay đổi vị trí của 1 section: đẩy section này lên trước section ở trên hay đẩy xuống dưới section hiện tại. Ngoài việc di chuyển section bằng nút Lên- Xuống như bên trên, bạn cũng có thể vào mục danh sách Section trên trang để kéo thả chuyển đổi vị trí. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FL2fEE4N5vjK1hBCtguip%2Fdi%20chuy%E1%BB%83n%20section%20.gif?alt=media\&token=2a474bd6-1ee2-48cb-b1d5-c3226b62d3f5) ## Ẩn section. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fr5SQyagbypBFs79la3Ak%2Fimage.png?alt=media\&token=d77a6c19-af92-4ba3-8396-ab471deb2f7e) Ẩn section là chức năng giúp bạn ẩn toàn bộ section đang chọn, section sẽ không bị xóa đi, nhưng sẽ không hiển thị tới người xem. **Lưu ý: Ẩn section ở desktop và mobile là độc lập với nhau.** ## Nhân bản section. Nhân bản là chức năng tạo ra một section mới y hệt nội dung và thiết kế của section cũ. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FAunZ28dDTHgpPQoBpe7x%2Fimage.png?alt=media\&token=7eef7305-88f5-4c1b-9f22-b7c1dbc28f28) ## Xóa section. Xóa section sẽ xóa toàn bộ nội dung và thiết kế của section đó. Bạn có thể Ctrl+Z để hoàn tác lại thao tác đó nếu bấm nhầm. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FQyjp9kK2m10TlSKAPybS%2Fimage.png?alt=media\&token=9d12aba4-46c1-442a-9c44-643e7dbca049) {% hint style="danger" %} **Lưu ý: Sau khi Lưu Landing Page thì không thể hoàn tác lại thao tác xóa này.** {% endhint %} Ngoài việc xóa section bằng nút xóa như bên trên, bạn cũng có thể vào mục danh sách Section trên trang Xóa section. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FuEPxmd8PsisFHJUAse45%2Fx%C3%B3a%20section.gif?alt=media\&token=ac32b38b-3dd4-42d7-8845-2034ddb0b049) # Section của tôi Tính năng Section của tôi sẽ giúp bạn lưu lại các đoạn Section ưa thích mà mình đã thiết kế để lựa chọn sử dụng lại ở các Landing Page khác. Bước 1: Lưu section mà bạn thích ở thanh công cụ của section. Sau đó nhập tên cho section và bấm Lưu. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FSIawYNbEE7LED545pAtv%2Fimage.png?alt=media\&token=d3650115-5fca-40da-8d44-daca8ed0d73f) Bước 2: Để sử dụng lại section đã lưu, bạn vào phần Section, sau đó chọn vào phần Section của tôi: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FNSBydfQMwfYeiNvaePBy%2Fimage.png?alt=media\&token=9c385e89-0bc5-4a1e-b418-c323badc4500) Bạn có thể cập nhật nội dung cho Section mẫu đã Lưu, bằng cách bấm tích vào Cập nhật nội dung cho Section mẫu của bạn, chọn Section, bấm Sửa tên và Lưu lại: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FK4vfCWlqdUHxXcDvXUB5%2Fimage.png?alt=media\&token=859670cc-c059-4240-bf8c-e7a5d34355c1) # Section Tabs Tính năng cho phép bạn thiết kế nhiều section cùng 1 lúc, các nội dung từng section tab chỉ hiển thị khi bạn thiết lập sự kiện chuyển tab đến section đó. {% embed url="" %} ### Thiết kế nội dung Section Tabs. Bạn tạo mới 1 section như bình thường, sau đó ở mục Thiết kế bạn chọn Bật Section Tabs. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F1KXOUo6fzu780wSIjxGp%2Fimage.png?alt=media\&token=ce941e5d-67e9-4f13-951d-01f293923400) **Bạn thêm mới và chỉnh sửa hiển thị của Section Tabs.** **Bước 1**: Bấm vào mục Thêm mới để thêm mới 1 section trắng, hoặc chọn từ mục Section mẫu, section của tôi. Ngoài ra bạn cũng có thể nhân bản từ chính section bạn đang thiết kế. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FMp2tds7bXH4CU1ILSeri%2Fimage.png?alt=media\&token=425a8be2-fd74-4fb6-85a6-fb6d8d93b9e0) **Bước 2:** Số thự tự của từng section trong section tab là nội dung như trong khoanh đỏ của bạn. Thứ tự này dùng cho việc đi liên kết khi sử dụng sự kiện Chuyển tab. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F3wWvkQlWsGVRIl9EXzP5%2Fimage.png?alt=media\&token=f4a87596-554b-441d-94b0-8e614944b969) **Bước 3:** Bạn bấm chọn từng section tab rồi thiết kế nội dung hiển thị của các section theo mong muốn. ### Hiển thị nội dung của Section Tabs trên trang LandingPage Đối với tính năng Section Tabs, sẽ không có nút bấm chuyển từ section này sang section kia mà bạn phải sử dụng tính năng Sự kiện- Chuyển Tab . [Chi tiết tính năng tại đây](/su-kien-cho-phan-tu/su-kien-re-chuot/chuyen-tab). Bạn chọn 1 phần tử (ảnh/ text/ hình hộp...) và sử dụng tính năng Sự kiện- Chuyển Tab để có thể bấm chọn được section tabs. {% hint style="danger" %} Section đang được chọn để hiển thị trong builder thiết kế, sẽ là Section hiển thị ở trang xuất bản LandingPage, section chọn hiển thị này không nhất thiết phải là section đầu tiên trong danh sách Setion Tabs. Ví dụ Section191 thứ tự danh sách section tabs là 2, nhưng bạn đang chọn hiển thị trong builder, vì vậy khi xuất bản trang, sẽ hiển thị nội dung của Section191. {% endhint %}
{% hint style="danger" %} Cách để di chuyển 1 section đang không thuộc Section Tabs vào 1 Section Tabs bất kỳ. Bước 1: Bấm Lưu lại section đó vào mục Section của tôi. Bước 2 : Trong Section Tabs, chọn Thêm mới Section- chọn Section từ mục Section của tôi. {% endhint %} {% hint style="danger" %} Cách để di chuyển 1 section đang thuộc Section Tabs thành 1 nội dung section độc lập trên trang. Bước 1: ở danh sách section tabs, chọn vào section bạn muốn chuyển. Bước 2 : Ở section bạn vừa chọn, bấm vào nút Nhân bản Section. {% endhint %} # Section Global Tính năng cho phép bạn tạo và cập nhật nội dung section cho hàng loạt các trang landing page, thay vì phải cập nhật bằng tay từng trang landing page. #### 1. Cách tạo Section Global. Bạn tạo 1 section như bình thường, theo những nội dung và nhu cầu thiết kế của bạn, sau đó vào mục Thiết lập Section - Lưu Section- Tích chọn vào mục Section Global - bấm Lưu. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FQGpb28Vv5VWTcDjywLwa%2Fimage.png?alt=media\&token=9bc3ca3c-3cb1-45a9-a160-8033a4fbe9cc) Section Global sẽ được lưu ở mục Section Global trong mục Section --> Xem thêm--> Section Global.
#### 2. Sử dụng Section Global. Trang landing page nào bạn muốn sử dụng Section Global, bạn vào danh sách Section Global, bấm sử dụng Section Global bạn muốn.
#### 3. Chỉnh sửa và cập nhật nội dung cho Section Global. Để thao tác chỉnh sửa vào 1 Section Global, bạn chọn vào Section đó và bấm nút Chỉnh sửa để bắt đầu sửa nội dung của Section Global.
Sau khi chỉnh sửa nội dung theo mong muốn của bạn, bạn cần bấm vào nút LƯU trên Section,để có thể lưu lại nội dung vừa thao tác và cập nhật nội dung cho toàn bộ các trang landing page đang sử dụng section Global đó. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FA4eFG9YFCbDEEihFMTw9%2Fimage.png?alt=media\&token=87655398-c45e-4d0c-8fbf-40e9526852c1) {% hint style="danger" %} **Lưu ý:** * Bạn cần bấm Lưu trên Section Global để cập nhật nội dung lên trang đã xuất bản, Không phải là thao tác bấm Lưu và xuất bản landing page ở mục Xuất bản trang. * Tính năng áp dụng cho tài khoản Pro/Stadard (10 Section Global), Business/ Enterprise/ Premium. * Section Global áp dụng theo tài khoản, vì vậy nếu bạn tải file .ladipage trang landing page có sử dụng Section Global, để tải lên tài khoản khác, thì trang landing page tải lên ở tài khoản khác sẽ không hiển thị Section Global. {% endhint %} # Popup Popup là một màn hình thu nhỏ hiện đè lên trên trang hiện tại. Bạn có thể tùy chỉnh nội dung cho Popup tùy mục đích. Các dạng nội dung Popup thường gặp: 1. Popup cảm ơn. 2. Popup đăng ký. 3. Popup lời chào. 4. Popup nội dung chi tiết. LadiPage có kho giao diện riêng cho mỗi loại Popup. Để tạo Popup, bạn chọn ô Popup ở thanh công cụ bên trái và chọn **Thêm mới Popup**: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FpXp3Go0eB0ms8D9YOhWJ%2Fimage.png?alt=media\&token=db412ef8-d654-4fbf-bf2a-0f3aaae10358) Bạn cần nhớ số hiệu (ID của POPUP) của mỗi Popup để chọn liên kết với form hoặc nút bấm. ![Xem trực tiếp trên popup](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FYlWrCkAFzcEzhYYKO5Qh%2Fimage.png?alt=media\&token=cfe8449b-d16e-4912-9a8a-92a86ad36923) ![Xem từ phần danh sách popup ](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FXdfPkTrzqXEEbJrIH7wF%2Fimage.png?alt=media\&token=bb3ca4e1-cbc9-4540-90e7-29c78ef07335) **Lưu ý:** * Khi bạn "Đóng" Popup là bạn đóng cửa sổ hiển thị thiết lập Popup để quay trở lại thiết lập section và các phần tử khác. Lúc này Popup sẽ vẫn tồn tại và hiển thị trong danh sách Popup. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FaFEpfZwKk9u1ZG5SMIaf%2Fimage.png?alt=media\&token=15089d82-469b-4ff6-9c87-f43f3eaff183) * Để xóa một Popup bạn chọn biểu tượng Xóa như hình dưới: ![Xóa từ phần danh sách popup](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPiT5V2Mwq4Lg6WuNR1Xp%2Fimage.png?alt=media\&token=d6d1f472-4758-45a9-a00b-290233cbd802) ![xóa trực tiếp trên popup ](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FFCJMU0kyrC0NhCOjKfVT%2Fimage.png?alt=media\&token=f0f306e3-9f76-4f2d-8142-67d3b4c3c3d9) ## Popup của tôi Nếu muốn dùng lại một Popup nào đó nhiều lần hoặc dùng cho landing page khác nữa, bạn chọn Lưu Popup: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FPPrUTNSEKO45L5uW7hIX%2Fimage.png?alt=media\&token=748fe909-1637-43f2-b38a-f0735df2d199) Sau đó khi chọn Thêm mới Popup, bạn sẽ thấy mục **Popup của tôi.** Mục này sẽ hiển thị các Popup mà bạn đã lưu. Trỏ chuột vào mỗi Popup và chọn Sử dụng là bạn đã tạo ra một Popup mới với nội dung đã lưu. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCpdLlpTxN1KKN396owrn%2Fimage.png?alt=media\&token=e206a628-dee0-452e-8fa7-7c98b01c8d66) Trong quá trình thiết lập Lưu Popup, bạn có thể chọn Cập nhật lại nội dung cho các Popup đã lưu trước đó bằng cách tích chọn vào ô: Cập nhật nội dung cho Popup mẫu của bạn, rồi chọn tên tương ứng của Popup, bấm Sửa rồi Lưu lại. ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FY14qrTfQFAVu3eyvcYZ3%2Fimage.png?alt=media\&token=362f950c-7cfe-45fc-8574-995fa1d5d867) ## Các cài đặt cho popup #### 1 .Mục Thuộc tính-Thiết kế- Thiết lập hiển thị cho popup Để cài đặt thời điểm hiển thị cho Popup, bạn vào **Thiết lập -> Thiết kế**. Ở đây sẽ có những lựa chọn Hiển thị Popup khi: * Vào trang, và sau bao nhiêu giây thì hiển thị Popup (thời gian chờ) * Thoát trang * Hiển thị khi cuộn chuột tới một section nhất định ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FnDpUqfmZ7vEGg0itQTNa%2Fimage.png?alt=media\&token=44278ce3-d9e7-40f2-8442-59fa86a59d09) #### 2. Mục Thiết Kế- Màu và hình nền Phần kích thước 100% : cho phép bạn thiết lập hình nền của popup full theo chiều dọc hoặc chiều ngang của màn hình Kích thước 100% chiều rộng, thì kích thước chiều cao của khung popup chính ra chiều cao bạn thiết lập ở mục kích thước Kích thước 100% chiều ngang , thì kích thước chiều rộng của khung popup chính ra lầ chiều rộng bạn thiết lập ở mục kích thước ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FRvlIdRXpxaMIKyfbUBuO%2Fimage.png?alt=media\&token=80bac0ac-de5c-41e8-a2b9-4c7e84388eef) ![Ví dụ về popup được thiết lập Full chiều rộng](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F07PhEW770VGpuIzoCVIY%2Fimage.png?alt=media\&token=bf3ece57-330b-4f6a-9362-b2de313d784c) #### ![Ví dụ về popup được thiết lập Full chiều cao](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKQ6L1NHByzOVCg3rB1W3%2Fimage.png?alt=media\&token=61c49dea-2807-44d0-867a-d9e791829557) #### 3. Mục Nâng cao Mục Thiết lập Backdrop : Khi bạn thiết lập nội dung ở mục này, sẽ cho phép khách hàng của bạn TẮT đi popup mà KHÔNG cần phải bấm vào nút X trên popup ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FEO2IQcHryNJGDdJZqEeU%2Fimage.png?alt=media\&token=51667acb-faeb-4db7-8665-b5c2b207ffb0) ## # Dropbox 1. **Tạo nội dung Dropbox** Truy cập nội dung Dropbox ở thanh công cụ bên tay trái builder, bấm chọn mục Thêm mới Dropbox để tạo mới, hoặc bấm chọn Dropbox đã tạo để sửa lại nội dung.
Bạn sẽ tạo nội dung cho Dropbox bằng cách thêm mới các phần tử, nội dung từ mục **Thêm mới--> Phần tử hoặc từ thanh công cụ nhanh.** Bạn cần ghi nhớ ID của phần tử Dropbox để sử dụng cho mục Sự kiện --> Nhấp Chuột/Rê chuột--> Dropbox. ![ID DROPBOX ](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FToFYSbhh9ODPoJrCVMWe%2Fimage.png?alt=media\&token=f2fcc63d-20c0-434a-aafc-caf7365d1399) Sau khi đã hoàn thiện nội dung của Dropbox, bạn sẽ đi liên kết hiển thị cho phần tử đến Dropbox bạn đã tạo. Cách đi liên kết tới dropbox: [sự kiện rê chuột đến dropbox](https://help.ladipage.vn/su-kien-cho-phan-tu/su-kien-re-chuot/su-kien-dropbox) và [sự kiện nhấp chuột đến dropbox](https://help.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-dropbox). {% hint style="danger" %} **So sánh Dropbox và Popup.** 1. Khi phần tử được liên kết sự kiện đến popup thì popup hiển thị theo các vị trí hiển thị cố định của popup được thiết lập, KHÔNG phụ thuộc vào vị trí phần tử liên kết đến popup. 2. Khi phần tử được thiết lập đến Dropbox, thì khi dropbox hiển thị theo vị trí thiết lập so với phần tử, dựa vào phần Vị trí, khoảng cách bạn thiết lập cho dropbox và phần tử đó. 3. Dropbox chỉ dùng cho phần liên kết phần tử trong mục Sự kiện, KHÔNG hiển thị độc lập trên trang như popup (thoát trang, vào trang, tới 1 section). {% endhint %} {% hint style="danger" %} **Lưu ý Dropbox.** * Sau khi đã hiển thị dropbox, khi click ra ngoài phần tử thì phần dropbox mới bị mất đi, còn không thì nội dung sẽ được hiển thị luôn luôn trên trang. * Không nên cài đặt bên trong dropbox lại mở 1 dropbox khác. * Khi bạn tạo dropbox, trong đó có chứa nội dung liên kết đến 1 popup, thì khi mở popup sẽ bị đè dưới dropbox, muốn tắt đi dropbox thì bạn cần thiết lập phần ẩn phần tử cho dropbox ở phần tử liên kết đến popup. {% endhint %} # Sản phẩm Mục sản phẩm sẽ hỗ trợ khách hàng hiển thị các sản phẩm mà bạn đã tạo bên **LadiSales (** [**https://app.ladisales.com**](https://app.ladisales.com/) **), Haravan, Sapo, Shopify, Wordpress**. Nội dung phần sản phẩm bao gồm Product List- giao diện hiển thị, trình bày các sản phẩm, Cart Button- hiển thị tên sản phẩm, biển thể, và nút mua hàng để khách hàng lựa chọn, Cart Icon- hiển thị danh sách các sản phẩm khách hàng đã thêm vào giỏ hàng, Popup checkout- giao diện điền thông tin đặt hàng, sản phẩm khách hàng đã lựa chọn để gửi về các kênh lưu trữ đã thiết lập ### Lưu ý về việc tích hợp sản phẩm với các nền tảng website, quản lý bán hàng ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FTmOK5UiUOMmhFmCzmXTd%2Fimage.png?alt=media\&token=fba3830e-8086-4280-b094-0c08d26056e7) {% hint style="danger" %} Lưu ý : trong trường hợp sử dụng Third Party Checkout thì sẽ KHÔNG có dữ liệu backup trên trang landingpage {% endhint %} ## Tích hợp tài khoản liên kết và kích hoạt tính năng Sản phẩm Để hiển thị và sử dụng được phần Product, bạn cần phải tích hợp tài khoản **LadiSales**, **Haravan, Sapo, Shopify, Wordpress**. của bạn vào tài khoản liên kết trên LadiPage, và Bật tích hợp trong builder ### Bước 1 : Tích hợp thông tin vào mục vào tài khoản liên kết LadiPage và tạo cấu hình form ( trong trường hợp sử dụng POPUP CHECKOUT LadiPage) cho việc lưu trữ thông tin khách đăng ký Chọn nền tảng website, quản lý bán hàng bạn sử dụng để theo dõi phần hướng dẫn chi tiết {% content-ref url="/pages/osGJO9Ca9Fgu8xmsgZvn" %} [Đồng bộ đơn hàng từ Landingpage sang Nhanh.vn](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landingpage-sang-nhanh.vn) {% endcontent-ref %} {% content-ref url="/pages/bppmqqwcbO7PvcJpXRhx" %} [Đồng bộ đơn hàng từ Landing Page sang KiotViet](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landing-page-sang-kiotviet) {% endcontent-ref %} {% content-ref url="/pages/laYMPrPECAR9TgdQFSX4" %} [Đồng bộ đơn hàng từ Landing Page sang Shopify](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landing-page-sang-shopify) {% endcontent-ref %} {% content-ref url="/pages/wfrCuqcX7ZOTtRVaOEmg" %} [Đồng bộ đơn hàng từ Landing Page sang Wordpress](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landing-page-sang-wordpress) {% endcontent-ref %} {% content-ref url="/pages/WhqJIqYSsMzcsetch1EQ" %} [Đồng bộ đơn hàng từ Landing Page sang Sapo](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landing-page-sang-sapo) {% endcontent-ref %} {% content-ref url="/pages/52tt54YoQqhA4dvtHStp" %} [Đồng bộ đơn hàng từ Landing Page sang LadiSales](/dong-bo-don-hang-sang-cac-nen-tang-website-thuong-mai-dien-tu-va-phan-mem-quan-ly-ban-hang/dong-bo-don-hang-tu-landing-page-sang-ladisales) {% endcontent-ref %} {% embed url="" %} ### Bước 2 : Bật tích hợp nền tảng trong builder LadiPage Truy cập vào builder chỉnh sửa LadiPage Chọn vào mục Thêm mới- Sản phẩm - Thiết lập và chọn tài khoản liên kết nền tảng website, quản lý bán hàng mà bạn đã tích hợp ở bước 1 ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FxziaWuw0Sji1gOwJuWIv%2Fimage.png?alt=media\&token=f5b998c5-f8ff-4b66-8e6a-ffdd1899753e) {% hint style="info" %} Third party checkout : Bật sử dụng, khách hàng chọn sản phẩm trên trang landingpage nhưng tiến hành đặt hàng thanh toán trên trang checkout của website của bạn Third party checkout : Tắt , khách hàng chọn sản phẩm trên trang landingpage , tiến hành đặt hàng trên popup checkout của LadiPage {% endhint %} ## Product list Phần giao diện hiển thị các sản phẩm tích hợp từ LadiSale sang LadiPage. Có 2 kiểu giao diện Carousel- Xem thêm( giao diện dạng thu ngắn lại) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FsoAVV6ppd4FhqoKhYCKT%2Fimage.png?alt=media\&token=8423a5a7-d155-4a1a-82a6-567f29133922) Để thiết lập hiển thị các sản phẩm lên giao diện Product list, đầu tiên bạn vào mục Thuộc tính- Dữ liệu, chọn các TAG sản phẩm ( tag sản phẩm với LadiSales và Nhóm sản phẩm với các nền tảng còn lại ) muốn hiển thị trên product list ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FFbnU3bLTslOsn9IdeBhg%2Fimage.png?alt=media\&token=f57d80a9-62dd-4b98-b37d-ed9159c02c66) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Faj9zAhYbjeqPEDVSgG7d%2Fimage.png?alt=media\&token=91da9028-07c4-4542-a022-59c6ae1db028) Để thiết lập nội dung trên Product list, bạn có thể thêm các phần tử **Ảnh/ Gallery/ Tiêu đề/ Đoạn Văn/ Cart Button** để hiển thị nội dung của sản phẩm, biến thể Sau khi thêm nội dung vào ô trắng trong phần Product list, bạn sẽ bấm vào phần Thuộc tính của phần tử đó - Dữ liệu- chọn nội dung hiển thị tương ứng Ảnh/ Gallery: có thể hiển thị ảnh của sản phẩm/biến thể {% hint style="danger" %} Đồng bộ sản phẩm LadiSales sang LadiPage, phần ảnh hiển thị ở LadiPage sẽ lấy theo ảnh của biến thể đầu tiên bên LadiSales . Nếu trong trường hợp không có biến thể, sẽ lấy theo ảnh đầu tiên của sản phẩm {% endhint %} Tiêu đề/ Đoạn văn : có thể thiết lập các nội dung như Tên sản phẩm,tên biến thể, giá, mô tả... Cart Button : danh sách các biến thể của sản phẩm ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fx53thiGqURlWwO0F3qCV%2Fimage.png?alt=media\&token=5d80945f-cb52-4f09-bee8-0ccaedfe40bb) ### Đường dẫn chi tiết {% hint style="danger" %} Trong mục Product List, khi thiết lập liên kết cho từng nội dung trên Product list, bạn lưu ý thêm 1 tính năng liên quan đến phần Sự kiện ( áp dụng khi tích hợp với sản phẩm từ LadiSales ) {% endhint %} ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fb7LQ1FRUcUYeJ6EpmYtI%2Fimage.png?alt=media\&token=4362d08e-af16-4e3b-a4b8-d2190cf15e8f) Tính năng này giúp bạn khi click vào tiêu đề, nội dung được thiết lập với sự kiện Nhấp chuột - Mở liên kết- Liên kết theo giá trị , sẽ chuyển hướng sang link ĐƯỜNG DẪN CHI TIẾT CỦA SẢN PHẨM đó bên Ladisales ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FjUnSMctt96clHgEka30u%2Fimage.png?alt=media\&token=fd8ae680-9769-4f57-8734-e1528963b79f) ## Cart Button Hiển thị danh sách của biến thể cho sản phẩm bạn tạo Trong trường hợp Cart button được sử dụng làm 1 phần tử trong Product list, sẽ mặc định Hiển thị toàn bộ danh sách các biến thể của sản phẩm nếu có Trong trường hợp Cart button được tạo sử dụng riêng rẽ, không nằm trong mục Product list, bạn có thể chọn xem hiển thị toàn bộ hay 1 biến thể cụ thể trong mục Cart button ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F81BPvb2kFNXzW2l8XpGC%2Fimage.png?alt=media\&token=77523242-c4ed-447f-94e6-0ecdb7a3311d) Bạn vào phần Thuộc tính của Cart button, mục Dữ liệu, chọn Sản phẩm , chọn 1 biến thể cụ thể nếu muốn Nút **MUA NGAY** : khách hàng bấm vào nút Mua ngay, sẽ thêm biến thể/sản phẩm bạn vừa chọn vào phần POPUP CHECKOUT ( giao diện điền thông tin đặt hàng ), popup checkout sẽ hiển thị ra Nút **CHỌN MUA**: khách hàng bấm vào nút Chọn mua, sẽ thêm biến thể/sản phẩm bạn vừa chọn vào phần POPUP CART ( giao diện phần các sản phẩm trong giỏ hàng của bạn đang chọn), popup cart sẽ hiển thị ra Thiết lập giao diện cho Cart button : bạn có thể chọn các nội dung hiển thị trên cart button,đổi tên /màu sắc của các nút bấm ... ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FpXJXGFxf0dzKyYnM5kWs%2Fimage.png?alt=media\&token=3decc6d9-12c7-4033-aa83-5249f6bbf849) Biến thể có 3 kiểu hiển thị : Combined, Comboxbox và Label ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fk1qxirHPbUByJoGJ1re9%2Fimage.png?alt=media\&token=cddf9d46-7894-4c9e-8678-c4843b13a8ba) **Label** : hiển thị các nội dung của Vi*sual Swatch* lấy từ mục sản phẩm của LadiSales ,[ chi tiết cách tạo tại đây](https://help.ladisales.vn/quan-ly-san-pham-1/danh-sach-san-pham/tao-san-pham-moi/buoc-2-thiet-lap-bien-the#3-tuy-chinh-kieu-hien-thi-van-ban-hoac-hinh-anh-cho-bien-the). Trong cùng 1 thuộc tính của sản phẩm bên LadiSales, nên chọn cùng 1 kiểu hiển thị của visual swatch là text, ảnh, màu sắc, không nên thiết lập lẫn lộn các kiểu hiển thị cho cùng 1 thuộc tính, để nội dung trên form của LadiPage được đẹp nhất ## Cart icon Cart icon là phần giỏ hàng, hiển thị danh sách các sản phẩm đang được chọn trên trang của bạn ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKrEM5dnCH6nQt37BnHL3%2Fimage.png?alt=media\&token=a4d41f76-e233-4741-8b9c-626015cdce5c) Bạn có thể thiết lập Thay biểu tượng của Cart icon, màu sắc từ phần thiết kế Sau khi bấm vào Cart icon thì sẽ liên kết mở ra POPUP CART (nội dung này là cố định , không thay đổi được ) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FjWyY841z1Na1EpXhRtQ8%2Fimage.png?alt=media\&token=1bd5c351-d887-4214-b23f-122b8f26c604) ## Phương thức vận chuyển Phần phương thức vận chuyển giúp bạn hiển thị phần giá vận chuyển mà bạn đã thiết lập tương ứng với các tỉnh thành, quận huyện của người mua hàng Phần phí vận chuyển hiển thị theo phần phí được thiết lập từ trong mục Cài đặt > Vận chuyển > Phí vận chuyển tại LadiSales (app.ladisales.com [( Tham khảo chi tiết tại đây )](https://help.ladisales.vn/cai-dat-tai-khoan-1/van-chuyen/phi-van-chuyen)), hoặc các nền tảng Haravan, Sapo,Shopify, Wordpress của bạn, KHÔNG phải thiết lập tại LadiPage h Phần phí vận chuyển chỉ sử dụng cho phần đăng ký thông tin trên POPUP PRODUCT, không sử dụng được cho form đăng ký và popup thông thường Phần phí vận chuyển chỉ hiển thị khi form thông tin của bạn có đầy đủ trường Tỉnh-thành/Quận-Huyện/Xã-Phường ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FRTUyzTrbQKJt1Qrzede4%2Fimage.png?alt=media\&token=d8bb6fc2-0c64-4fac-b8c4-15ef2eee8ed8) ## Checkout ( popup checkout) Sau khi khách hàng chọn mua sản phẩm, tiến hành đặt hàng thì sẽ sử dụng phần popup checkout ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKthJQzfklffhXo9jATHI%2Fimage.png?alt=media\&token=d849e2f4-d861-4258-b839-30c0825c9b0e) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2TYzLMvuj8rykTZuxZ0H%2Fimage.png?alt=media\&token=aed3e905-bb3e-436c-996d-d0c66f7c4697) Bạn vẫn thiết lập Lưu data cho phần form trên popup checkout, để dữ liệu đặt hàng sẽ về các kênh lưu trữ của bạn Tham khảo chi tiết phần thiết lập Lưu data cho form đăng ký [tại đây](https://help.ladipage.vn/cac-phan-tu-co-ban/cac-buoc-cai-dat-luu-data) ​ Dữ liệu về trường sản phẩm chỉ đưa được về các kênh :LadiSales, Email, Google Sheet,Slack, Telegram, SMTP, API và Haravan/Sapo/Shopify/Wordpress nếu bạn đồng bộ phần sản phẩm và xuất bản trang landingpage sang các nền tảng đó . Trong trường hợp bạn sử dụng các kênh lưu trữ khác thì sẽ không gửi về trường sản phẩm Trong trường hợp dùng API: \+ Trường sản phẩm bên LadiPage gửi lên sẽ là cart\_products, bạn thiết lập trường nhận dữ liệu tương ứng với trường đó +Trường tổng tiền bên LadiPage gửi lên là cart\_revenue, bạn thiết lập trường nhận dữ liệu tương tứng vơi trường đó ## POPUP CART Khi khách hàng bấm vào nút chọn mua trên Cart Button hoặc icon giỏ hàng thì sẽ hiển thị đến POPUP CART. Giao diện cho phép bạn thay đổi số lượng sản phẩm đặt hàng, xóa đi sản phẩm đã thêm vào Bấm vào nút Đặt hàng ngay sẽ liên kết đến POPUP CHECKOUT để đặt hàng ( sự kiện này KHÔNG THAY ĐỔI được ) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FygemM4aVnmX5P6pKvZP6%2Fimage.png?alt=media\&token=c63a0b8c-268d-4bf9-b0af-4af9f801117f) ## POPUP PRODUCT Khi bạn bấm vào nội dung của 1 biến thể, có thể liên kết để hiển thị POPUP PRODUCT tương ứng nội dung của biến thể đó về Ảnh/Tên sản phẩm/Biến thể/ Giá/ Giá so sánh/.... của biến thể/sản phẩm đó ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FC5iFWTtqgwM56vRqFAeN%2Fimage.png?alt=media\&token=01a6ee18-100e-451d-8dca-70a443694c73) **Thiết kế nội dung** trên POPUP PRODUCT : tương tự như phần thiết kế phần Product list, bạn sẽ thêm ảnh/gallery/tiêu đề/ Đoạn văn để làm các nội dung hiển thị trên popup Bấm vào phần Thuộc tính của phần tử, mục Dữ liệu, chọn nội dung hiển thị tương ứng cho phần tử đó ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FlzgzGA8bULFDVbkSznho%2Fimage.png?alt=media\&token=27df57ec-16f8-47b0-a524-da2b37132941) **Đi liên kết** biến thể,sản phẩm đến POPUP PRODUCT Bạn có thể đi liên kết cho **ảnh, tiêu đề, đoạn văn, nút bấm** đến phần popup product Bước 1 : Kéo phần tử ảnh,tiêu đề, đoạn văn, nút bấm , vào mục Thuộc tính > Dữ liệu> thiết lập sản phẩm/biến thể theo nội dung hiển thị bạn muốn ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F0Uk2GlK0bT8zA29DhJ2k%2Fimage.png?alt=media\&token=5d518bb4-319e-4afb-a447-a2aaef2720e2) Bước 2 : Vào mục Sự kiện, chọn liên kết đến POPUP PRODUCT mà bạn đã tạo ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F4drdptZVNO2jePCVxsXF%2Fimage.png?alt=media\&token=89b0cc12-c7ae-441e-9637-f2fa818a8c26) ## Lưu lại Popup cart*,* Popup checkout*,*Popup product để làm popup mẫu Cho phép bạn tạo giao diện của Popup cart*,* Popup checkout*,*Popup product trên 1 trang rồi sau đó lưu lại, để có thể sử dụng ở những trang landingpage khác của bạn Thao tác: tạo nội dung , giao diện các popup theo nhu cầu của bạn , rồi sau đó trên popup, có nút Lưu popup, bạn chọn Lưu để lưu lại popup vào kho POPUP của tôi , và bấm sử dụng cho những trang khác ![POPUP PRODUCT](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FcTmyTDfOKVTywobATIQi%2Fimage.png?alt=media\&token=f239fe36-9751-4d22-9a6b-7a3fa5bca47f) ![POPUP CART](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FN726gWu0UIsZfMOmjHNf%2Fimage.png?alt=media\&token=21b4c967-5aae-4d89-89ed-1627e4c14f7c) ![POPUP CHECKOUT](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FrzpClzKNwHw9xdM7ka4A%2Fimage.png?alt=media\&token=b0bb0220-d060-4924-8078-4452cc343f88) # Blog #### #### Bước 1: Thiết kế nội dung hiển thị cho phần blog/bài viết trên trang landingpage của bạn Truy cập mục Thêm mới - Collection List, để thiết kế tạo giao diện cho phần blog/bài viết của bạn ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FkT2KDElsUFjTb8SVVNvP%2Fimage.png?alt=media\&token=2183bf87-3736-4276-ab4a-6480eb35959d) {% hint style="danger" %} Thông tin chi tiết phần thiết lập nội dung cho phần Collection, bạn theo dõi [tại đây ](/cac-phan-t-co-ban-tren-landingpage/phan-tu/collection-list) Chọn Loại Collection là Blog để hiển thị nội dung trên Collection list của bạn {% endhint %} {% hint style="danger" %} Phần trường dữ liệu NỘI DUNG của Collection BLOG chỉ hiển thị được ở trên POPUP BLOG , không hiển thị được trên COLLECTION LIST {% endhint %} #### Bước 2 : Thiết lập nội dung trên POPUP BLOG của bạn Truy cập mục POPUP- POPUP BLOG . Khi bạn bấm vào 1 nội dung trên Collection List, bạn có thể liên kết để hiển thị POPUP BLOG tương ứng với nội dung của Collection đó về Tiêu đề/ Nội dung/ URL.. **Thiết kế nội dung** trên POPUP BLOG : tương tự như phần thiết kế phần Collection list , bạn sẽ thêm ảnh/tiêu đề/ Đoạn văn để làm các nội dung hiển thị trên popup Bấm vào các nội dung trên popup, chọn liên kết đến nội dung tương ứng trong Loại Collection Blog Lưu ý : chỉ chọn được liên kết đến các trường dữ liệu mặc định trong Collection Blog : Tiêu đề, Mô tả , Nội dung, URL, ngày tạo, ngày cập nhật ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FNhoSh31ZqAodpw92YBtE%2Fimage.png?alt=media\&token=971f5865-d16c-46c1-b574-d603f4e0eea0) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FJ9ETrweN51T4yA9GIujg%2Fimage.png?alt=media\&token=cedf731f-fc9a-4000-9ce5-bebe0a6e2832) Bước 3. Liên kết 1 nội dung trên Collection List đến POPUP BLOG Trên phần tử trong Collection List, vào mục Thuộc tính, chọn Sự kiện - Mở POPUP- Mở POPUP-BLOG ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FKQoIGfHaCHJqDbTe50Te%2Fimage.png?alt=media\&token=f8656031-1b0d-4fec-a9e1-3d7179e026ba) Trong trường hợp bạn muốn đi liên kết 1 nôi dung trên Collection List hoặc POPUP BLOG đến URL đã tạo trong phần nội dung của Collection Blog, bạn làm theo hướng dẫn sau
![Cách đi liên kết đến url trong colletion blog](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FZ8TfXRdIdXz22ktOz5y0%2Fimage.png?alt=media\&token=85ea056d-e535-43f9-882a-8251040f2d0f) ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FCzntvzLliptczctcAsv8%2Fimage.png?alt=media\&token=46e84c5e-186d-4537-bb21-ce6e4db069a9) --- [Next Page](/llms-full.txt/1)