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

Nguyễn Việt Anh

Hỗ trợ hết mìnhh

Bạn đang ở:Trang chủ / Ladipage / [Vip] Hướng dẫn làm Ladipage miễn phí mới nhất 2024

[Vip] Hướng dẫn làm Ladipage miễn phí mới nhất 2024

Cập nhật: 03/05/2024 Nguyễn Việt Anh 0 Bình luận

Nội dung bài viết

  1. Hướng dẫn làm Ladipage
  2. Cái gốc rễ của một landing page
  3. Tổng quan về giao diện thiết kế Ladipage
  4. Thú vị về Hai công cụ cơ bản tạo nên một Landing page
    1. 1. Ảnh – Image
      1. 1.1. Thanh menu thiết kế nhanh
      2. 1.2. Thanh menu thiết kế chi tiết
        1. 1.2.1. Thiết kế
        2. 1.2.2. Sự kiện
        3. 1.2.3. Hiệu ứng
        4. 1.2.4. Dữ liệu
        5. 1.2.5. Nâng cao
    2. 2. Chữ
      1. Cách 1: Hiểu kiểu đơn giản mới làm
      2. Cách 2: Hiểu sâu xa, tại sao phải chia ra Heading và Paragraph
  5. Các công cụ là Con của Thằng cha Ảnh 😀
    1. 3. Hình hộp – Box
    2. 4. Biểu tượng – Shape
    3. 5. Đường kẻ – Line
    4. 6. Video
    5. 7. Gallerry
    6. 8. Pen Tool (người mới nên bỏ qua)
  6. Kết hợp Ảnh và Chữ tạo nên nhiều công cụ thiết kế Landing page nhanh
    1. 9. Nút bấm, nhóm nút bấm
      1. 9.1 Nút bấm – Button
      2. 9.2 Nhóm nút bấm – Button-Group (người mới có thể bỏ qua)
    2. 10. Danh sách
    3. 11. Form
    4. 12. Mã HTML
    5. 13. Carousel (người mới có thể bỏ qua)
    6. 14. Collection List (người mới nên bỏ qua)
    7. 15. Tabs (người mới có thể bỏ qua)
    8. 16. Table (người mới nên bỏ qua)
    9. 17. Frame (người mới có thể bỏ qua)
    10. 18. Accordion (người mới có thể bỏ qua)
    11. 19. Countdown – Đồng hồ
    12. 20. Notify – Seeding
    13. 21. Spin Lucky (người mới nên bỏ qua)
    14. 22. Survey (người mới nên bỏ qua)
    15. 23. Popup
  7. Một số hướng dẫn bên lề hay gặp
    1. Trỏ tên miền ladipage sao cho đúng
    2. Xuất bản ladipage giao diện Mobile Only
    3. Backup dữ liệu nghi bị mất, bị lỗi trong Ladipage
    4. Cách lưu data sao cho nhanh và đúng
    5. Cho khách tải ảnh, file lên Ladipage
    6. Sửa lỗi chia sẻ trên Facebook và Zalo …
  8. Mọi người cũng tìm kiếm
  9. Tóm lại

Trên mạng hiện có rất nhiều tài liệu hướng dẫn làm landing page bằng Ladipage, tuy nhiên mình thấy đa phần là các hướng dẫn đã cũ, giao diện V2 của Ladipage là chủ yếu, không được cập nhật. Hiện tại Ladipage đã nâng cấp giao diện của mình lên phiên bản V3 từ tháng 9 năm 2022 rất khác so với V2 gây khó khăn cho người mới sử dụng

Hướng dẫn làm Landing Page bằng Ladipage
Hướng dẫn làm Landing Page bằng Ladipage

Mình là một người thường xuyên sử dụng Ladipage để thiết kế landing page cho khách hàng của mình từ 2021, dịch vụ của mình xoay quanh Ladipage là chính. Mình cũng hỗ trợ rất nhiều bạn khi thiết kế, sửa lỗi, kể cả báo cáo lỗi cho phía Ladipage khắc phục. Đặc điểm chung nhưng bạn mới làm là đang rơi vào ma trận hướng dẫn đã cũ, không biết tìm nguồn tài liệu ở đâu là đúng nhất, không biết bắt đầu từ đâu để dễ nghiên cứu làm theo. Công cụ thì ngày càng được Ladipage tích hợp thêm như muốn x2 độ khó cho người mới vậy.

Ở góc độ của mình thấy nhiều bạn khá nhanh nhạy chỉ cần một vài hôm là có thể sử dụng được, tuy nhiên thì bên cạnh đó cũng có không ít bạn loay hoay từ những cái nhỏ nhất. Đến nỗi nhiều khi phải thú thật là mình cũng k biết giải thích, trả lời như thế nào cho bạn đó :D.

Xuất phát từ những lý do đó Nguyenvietanh.net viết bài Hướng dẫn tạo landing page bằng Ladipage miễn phí này để giúp bạn nào đang tìm hiểu có thêm tư liệu tập làm, bạn nào đã biết thì mong có thêm những kiến thức hay chia sẻ từ mình, còn bác nào Master đi qua nếu có phần nào chưa ổn mong được sự góp ý.

Lưu ý: Phiên bản V2 và V3 của Ladipage khác hẳn 2 giao diện do đó mình khuyến nghị các bạn tìm tư liệu trên mạng sau tháng 10/2022 để làm theo là tốt nhất. Hoặc tra cứu trên trang chủ của LadiPage Help Center

NguyenVietAnh.Net

Tạo tài khoản Ladipage Miễn phí để sử dụng mẫu landing page

Hướng dẫn làm Ladipage

Thứ nhất mình thấy trên mạng hay Ladipage help center đều hướng dẫn một cách rời rạc từng công cụ mà không phân loại cho người mới dễ tiếp cận. Thứ hai những bài viết của các bạn trên mạng cũng rất lơ mơ chung chung, không chứa kiến thức trải nghiệm nhiều.

Trong bài viết này mình sẽ hướng dẫn cho bạn mới bước chân vào thiết kế landing page bằng Ladipage hay kể cả các nền tảng khác hiểu một cách đơn giản nhưng vô cùng hiệu quả. Mình đã áp dụng để hướng dẫn cho các bạn khi học ” Khóa học Thiết kế landing page hỗ trợ trọn đời ” của mình và đều thành công. Cách dùng ladipage rất đơn giản.

LadiPage Builder làm được gì cho bạn

Cái gốc rễ của một landing page

Đúng vậy, nếu bạn hiểu gốc rễ nó ở đâu, như thế nào thì bạn sẽ rất dễ học, sử dụng và thiết lập nó. Các công cụ thiết kế trong ladipage khá nhiều, hiện tại khoảng gần 30 công cụ. Chưa kể các tích hợp API các thứ nâng cao hơn 1 chút, đồng bộ dữ liệu từ Ladisales … Nói ở đây không phải để bạn thấy nó khó và phức tạp mà để bạn hiểu là nó có nhiều công cụ giúp hỗ trợ thiết kế nhanh còn về gốc rễ thì chỉ cần dùng Ảnh và Chữ là bạn có thể thiết kế được 1 trang landing page rồi.

Một số Ảnh và Chữ trong Ladipage
Một số Ảnh và Chữ trong Ladipage

Vâng bạn không đọc nhầm đâu, mới tập làm thì bạn chỉ cần dùng Ảnh và Chữ là có thể thiết kế được 1 trang landing page. Từ gần 30 công cụ xuống còn 2 công cụ => Quá dễ để bắt đầu với ladipage phải không nào? Còn landing page đó đẹp hay xấu thì còn phụ thuộc vào cảm nhận và đôi mắt thẩm mỹ của bạn, cái đó mình không nói tới vì mỗi bạn một gu, Ok

Một số Ảnh và Chữ trong Ladipage 2
Một số Ảnh và Chữ trong Ladipage 2

Sau đây mình sẽ chia ra hướng dẫn Tổng quan xong đến Ảnh và Chữ, sau đó sẽ nói đến các công cụ khác kết hợp từ ảnh và chữ như thế nào nhé.

Tổng quan về giao diện thiết kế Ladipage

Nếu bạn chưa có tài khoản ladipage thì hãy đọc bài viết ” Hướng dẫn đăng ký 1 tài khoản Ladipage ” của mình để tạo một tài khoản ladipage chuẩn nhất và các kiến thức tổng quan về ladipage.

Sau khi tạo tài khoản xong bạn tiến hành ấn nút Tạo Landing page (1) => Sử dụng trang trắng (2). Ngoài ra bạn có thể Sử dụng giao diện mẫu (3) để sửa, tuy nhiên muốn sửa được mình nghĩ bạn nên nghiên cứu cách sử dụng các công cụ trước.

Tạo Landing page
Tạo Landing page

Giao diện thiết kế Landing page gốm các phần

(1) Thanh menu trên cùng chia ra 3 vị trí: Góc trái trên, ở giữa và Góc phải trên

(2) Thanh công cụ bên phải chứa các công cụ để thiết kế landing page

(3) Thanh menu thiết kế nhanh khi sử dụng công cụ (các thiết lập hay dùng sẽ hiển thị ở đây)

(4) Thanh menu thiết kế chi tiết khi sử dụng công cụ (toàn bộ các thiết lập sẽ hiển thị ở đây, khác với menu thiết kế nhanh chỉ các thiết lập hay dùng mới hiển thị)

Giao diện thiết kế trong Ladipage
Giao diện thiết kế trong Ladipage

Lưu ý: Bạn cần nắm vững 4 menu mình chia ra bên trên để các phần sau mình sẽ nói dùng menu nào thì lấy menu đó dùng nhé

NguyenVietAnh.Net

Tạo tài khoản Ladipage Miễn phí để sử dụng mẫu landing page

Thú vị về Hai công cụ cơ bản tạo nên một Landing page

1. Ảnh – Image

Đơn giản nó là Ảnh mình thêm vào Landing page, các ảnh Nguyenvietanh.net liệt kê dưới đây bạn hoàn toàn có thể kiếm trên google và tải lên Ladipage. Chả có gì khó cả, khó là cái gu thẩm mỹ của bạn đến đâu, kiếm ảnh ở đâu, sắp xếp như thế nào để trông nó đẹp.

  • Ảnh nền, background
  • Ảnh sản phẩm, người mẫu,…
  • Ảnh Hình khối
  • Ảnh Logo
  • Ảnh Icon
  • Ảnh đường kẻ
  • Ảnh Video
  • …
Các loại ảnh thường sử dụng trong Ladipage
Các loại ảnh thường sử dụng trong Ladipage

Thiết lập công cụ Ảnh như thế nào? Gốc rễ 1 công cụ và các công cụ khác sẽ tương tự do đó các công cụ khác bên dưới bạn có thể đọc qua nhưng Phải đọc kỹ cách mình hướng dẫn đối với công cụ Ảnh sau đây, thực hành theo hướng dẫn luôn nhé bạn.

Mình nhắc lại là phải tập chung và chú tâm làm theo cách dùng ladipage, hiểu được bản chất của công cụ Ảnh thì các công cụ khác chỉ thêm một số tính năng hay trộn công cụ lại thôi. Giới hạn trong bài viết này là mình chỉ hướng dẫn những công cụ hay dùng thôi nha. Sau ổn ổn thì bạn tự nghiên cứu sâu thêm. Ok

=>>> Get gô

Thêm hình ảnh, từ thanh công cụ bạn chọn Hình ảnh (1) => Chọn tệp (2) trong máy tính và tải lên. Xếp lại trên vùng thiết kế landing page là xong! Các công cụ khác muốn thêm bạn cũng làm tương tự

Thêm hình ảnh vào Ladipage
Thêm hình ảnh vào Ladipage

1.1. Thanh menu thiết kế nhanh

Sau khi thêm hình ảnh sẽ hiện Thanh menu thiết kế nhanh, nếu không thấy bạn click vào ảnh để hiển thị thanh menu này. Dưới đây mình sẽ giải thích (công cụ hay phần tử đều là 1 nghĩa nhé bạn). Mình ghi bỏ qua thì bạn có thể chưa cần nghiên cứu nhé

  • Số 1 bỏ qua, bạn nghiên cứu sau
  • Số 2 để công cụ (phần tử) đó trên cùng – ứng dụng khi có nhiều ảnh hay nhiều phần tử ở cùng 1 chỗ cần phải sắp xếp phần tử nào đứng trước, phần tử nào đứng sau.
  • Số 3 là xuống dưới cùng, ngược với cái số 2
  • Số 4 để Nhân bản 1 phần tử giống y hệt tại chỗ
  • Số 5 để Xóa
  • Số 6 ấn để Thay ảnh khác (bạn có thể click đúp vào ảnh cũng thay được nha) hoặc xóa đi thêm lại ảnh khác là được
  • Số 7 bỏ qua, thêm mặt nạ cho Ảnh
  • Số 8 bỏ qua, đây là dùng Pen tool để cắt ảnh
  • Số 9 Cắt hình ảnh (Crop) theo kích thước mình muốn theo chiều dài, ngang, theo tỉ lệ ảnh ở góc
  • Số 10 Bo 4 góc hình ảnh
Thanh menu thiết kế nhanh
Thanh menu thiết kế nhanh
  • Số 11 để ẩn/hiện Thanh menu thiết kế chi tiết
  • Số 12 để mở trang viết về cách sử dụng công cụ đó
  • Số 13 mở thêm ra các số bên dưới
    • Số 14 sao chép phần tử Ctrl +C xong ấn chuột ra chỗ khác Ctrl + V là xong
    • Số 15 bỏ qua, bạn nghiên cứu sau
    • Số 16 bỏ qua, bạn nghiên cứu sau, tài khoản Free không dùng đươc nhé bạn
    • Số 17 đồng bộ thiết kế giữa 2 giao diện Mobile – Desktop
    • Số 18 bỏ qua, dùng để xóa nền hình ảnh như dùng remove.bg vậy, tài khoản Free không dùng đươc nhé bạn, bạn dùng tách nền rồi tải ảnh lên Ladipage là được!
    • Số 19 ẩn/hiện phần tử (không giống như xóa là xóa luôn) đây chỉ là ẩn đi khi cần thì hiện lên dùng.
    • Số 20 khóa phần tử đứng im một chỗ, hạn chế một số tính năng thiết lập.

Các số mình bôi đỏ là sử dụng nhiều nhất, còn lại thì ít dùng. Các công cụ khác đều sẽ có Thanh menu thiết kế nhanh như thế này chỉ thêm, bớt một số tính năng thôi nhé bạn!

Bên cạnh Thanh menu thiết kế nhanh là Thanh menu thiết kế chi tiết, như tên gọi của nó là chứa các thiết lập chi tiết cho phần tử, nó bao gồm một số các thiết lập của Thanh menu thiết kế nhanh.

Thanh menu thiết kế chi tiết số 1
Thanh menu thiết kế chi tiết số 1

Ảnh (Thanh menu thiết kế chi tiết số 1). Bạn sẽ thấy có 3 công cụ trùng ở trên thanh menu thiết kế nhanh. Tại sao phải làm như vậy nhỉ?

1.2. Thanh menu thiết kế chi tiết

1.2.1. Thiết kế

Đơn giản là nó hiển thị chi tiết tính năng của các công cụ, bạn thấy có thêm các Phần Thiết kế – Sự kiện – Hiệu ứng – Dữ liệu – Nâng cao. Trong phần Thiết kế có:

  • Thiết lập hình ảnh nó giống như phần Chọn Ảnh = Thay ảnh số 6 ở trên thanh menu thiết kế nhanh, tuy nhiên nó chi tiết thêm Đường dẫn ảnh (bạn có thể chèn link ảnh bất kì vào là được), phần Nhấp chuột thứ 2 bỏ qua
  • Kích thước, bạn có thể điều chỉnh kích thước bằng cách đánh số chính xác, tuy nhiên thì mình hay dùng kéo trực quan trực tiếp trên ảnh hơn
Thanh menu thiết kế chi tiết số 1
  • Viền và bo góc giống như số 10, chi tiết thêm là cho phép bo từng góc riêng lẻ và chọn được kiểu viền
  • Đổ bóng giống như bóng đổ của mình ngoài trời nắng vậy, chi tiết thêm đổ ngang đổ dọc, màu bóng đổ.
  • Filter bỏ qua các thông số khác, mình hay chỉnh Độ sáng của ảnh là chính
Thanh menu thiết kế chi tiết số 2
Thanh menu thiết kế chi tiết số 2

Ảnh (Thanh menu thiết kế chi tiết số 2) tiếp nối bên dưới của Thiết kế ảnh số 1 có

  • Transform tức là xoay ảnh có thể xoay trực quan trên Ảnh, chi tiết là có thể xoay 3D các thứ…
  • Overlay bỏ qua, (kiểu sẽ tạo thêm 1 lớp tên ảnh đang chọn)
  • Mask bỏ qua, tìm hiểu sau (chính là số 7 số 8 trên thanh menu thiết kế nhanh)
  • Tùy chỉnh nâng cao bỏ qua
1.2.2. Sự kiện
Thanh menu thiết kế chi tiết số 3
Thanh menu thiết kế chi tiết số 3

Ảnh (Thanh menu thiết kế chi tiết số 3) phần Sự kiện có nghĩa sau khi nhấp chuột hoặc rê chuột sẽ Mở cuộc gọi, mở liên kết … Hầu như công cụ nào cũng có phần Sự kiện này

Chọn Thêm mới (2) => Ấn vào số (3) để thiết lập Hành động (4) Nhấp chuột (hoặc rê chuột) => Sự kiện (5) để chọn sự kiện bạn cần và thiết lập thêm trong sự kiện đó.

Đo lường sự kiện nhấp chuột mục đích để bạn cài đặt mã sự kiện các thứ trong quảng cáo để đo lường chuyển đổi – mình chả dùng phần này bao giờ!

1.2.3. Hiệu ứng
Thanh menu thiết kế chi tiết số 4

Thanh menu thiết kế chi tiết số 4

Ảnh (Thanh menu thiết kế chi tiết số 4) phần Hiệu ứng gồm có

  • Hiệu ứng hiển thị như Flash, Pulse, Rolate …. thường gặp, chọn và thiết lập các thông số cho nó
  • Hiệu ứng rê chuột (có thể thiết lập bằng Sự kiện => Rê chuột cũng được, nó chi tiết hơn) Mình hay dùng Phóng to là chính, các thông số khác bạn tìm hiểu thêm.
1.2.4. Dữ liệu

Tiếp theo là phần Dữ liệu, cái này để đồng bộ dữ liệu với Ladisales, bạn nghiên cứu sau vì nó cần sự logic và đấu nối dữ liệu giữa 2 bên Ladipage <=> Ladisales

1.2.5. Nâng cao
Thanh menu thiết kế chi tiết số 5
Thanh menu thiết kế chi tiết số 5

Ảnh (Thanh menu thiết kế chi tiết số 5) phần Nâng cao gồm các tính năng nâng cao như:

  • Gim phần tử để gim các nút Zalo, Messenger, Mua ngay… mà bạn hay thấy nó gim ở góc dưới bên trái giữa phải… di chuyển thân nó vẫn đứng im ấy. Bạn chọn Vị trí cần gim và thiết lập các thông số cho vừa mắt.
  • Tooltip bỏ qua, nghiên cứu sau (là chú thích xuất hiện khi rê chuột lên đối tượng, bạn thiết lập rồi xuất bản sẽ hiểu)
  • Tùy chỉnh nâng cao, mình hay dùng Đồng bộ thiết kế/Không đồng bộ là chính khi làm landing page có giao diện Destop và Mobile, bạn mới thì bỏ qua cho đỡ đau đầu 😀

2. Chữ

Cách 1: Hiểu kiểu đơn giản mới làm

Nếu bạn đang làm quen với Ladipage thì mình quy luôn chữ gồm Tiêu đề, Đoạn văn. Hiểu ngắn gọn vậy là được.

Cách 2: Hiểu sâu xa, tại sao phải chia ra Heading và Paragraph

Nếu như mình viết mình thường thì chỉ có một loại chữ do mắt mình đã phân biệt được. Còn theo ngôn ngữ của lập trình để Google hay máy đọc hiểu được chữ mình viết trên Internet thì nó chia ra làm hai loại chính là Heading và Paragraph

  • Heading hiểu như là ý chính, đề mục của một văn bản vậy H1, H2, H3, … H7
  • Paragraph hiểu là mô tả, diễn giải của Heading, gồm các đoạn văn bản

Về hiển thị thì không khác nhau lắm, nhưng về cấu trúc bên trong khai báo cho máy đọc thì nó khác nhau. Do đó nếu như bạn là người mới bạn hiểu tóm gọn nó đều là chữ như Cách 1 là được.

Tiêu đề và Đoạn vă trong Ladipage
Tiêu đề và Đoạn vă trong Ladipage

Công cụ Tiêu đề và Đoạn văn trong Ladipage đều chỉnh sửa như nhau chỉ khác về ý nghĩa như mình giải thích bên trên thôi nhé.

Muốn dùng công cụ thì ta ấn chọn ở Thanh công cụ. Sau đó chỉnh sửa ở Thanh menu thiết kế nhanh hoặc Thanh menu thiết kế chi tiết. Chữ to chữ nhỏ thì đều là chữ và nếu bạn đang làm quen với Ladipage thì mình quy luôn nó là chữ. Chữ thì sẽ khác nhau về kích cỡ, màu sắc, font chữ, định dạng chữ (in đậm, nghiêng …), khoảng cách chữ, khoảng cách dòng, cách sắp xếp… những cái này như căn chỉnh Word Excel vậy. Không khó tí nào, nếu bạn bảo bạn không biết căn chỉnh mấy thông số đó thì mình chịu, khỏi phải đọc phần sau nữa!

Thiết lập Chữ trong Ladipage
Thiết lập Chữ trong Ladipage

Phần Thiết kế khác mỗi Thiết lập chữ .Các phần Sự kiện – Hiệu ứng – Dữ liệu – Nâng cao quay lại phần ảnh để đọc nhé. Vì nó không khác gì mấy, nên tại sao mình cần bạn nắm kĩ công cụ Ảnh là vậy.

Khác nhau giữa 2 công cụ Heading và Paragraph mà mình nhận ra là Heading cho phép đổ màu Gradient hoặc Hình ảnh cho chữ còn Paragraph thì không!

Các công cụ là Con của Thằng cha Ảnh 😀

Các công cụ mình liệt kê dưới đây bạn không hiểu cách sử dụng có thể quay lại phần Ảnh để nghiên cứu nhé. Nó chỉ thêm/ bớt tí ti tính năng thôi. Không khó để sử dụng nó.

3. Hình hộp – Box

Cũng là hình ảnh thôi nhưng được cái tiện hơn chút là có thể thay đổi được Màu sắc khi mình muốn. Thay vì mất công tải ảnh khác trên máy tính lên thì chọn màu khác là xong!

4. Biểu tượng – Shape

Cũng như là Ảnh vậy, được cái là có sẵn cho mình dễ tìm, dễ thêm vào Landingpage.

Biểu tượng trong Ladipage
Biểu tượng trong Ladipage

Như ảnh bên trên, từ Thanh công cụ Ấn chọn Biểu tượng là có nhiều cái để dùng, đỡ phải lên google tìm tải về máy tính rồi up lên trong phần Ảnh!

  • (1) Socials chứa Logo các MXH hay dùng
  • (5) Icons chứa các icon hay dùng

Các số còn lại bạn trải nghiệm thêm còn với mình thì thường xuyên dùng (1) và (5). Thỉnh thoảng dùng số (7) nhưng tk trả phí mới dùng được nha!

Icons trong Ladipage
Icons trong Ladipage

5. Đường kẻ – Line

Nó cũng như là Hình hộp có chiều cao 1px hay 2px, mà hình hộp thì là ảnh do đó nó cũng chỉ là Ảnh thôi. Được cái là có thêm lựa chọn Kiểu viền nét đứt, nét chấm …. hay Xoay dọc, Xoay ngang

6. Video

Cái này còn dễ hơn cả Ảnh. Chọn công cụ Video từ Thanh công cụ xong Thiết lập chèn Đường dẫn Video vào là xong!

Video trong Ladipage
Video trong Ladipage

7. Gallerry

Bạn hiểu nôm na là tạo Album cho Ảnh chạy ngang được. Sau khi chọn công cụ từ Thanh công cụ ta chọn Thiết lập và Thêm Ảnh, chỉnh sửa theo kích thước mình muốn là được!

Gallerry trong Ladipage
Gallerry trong Ladipage

8. Pen Tool (người mới nên bỏ qua)

Cái này là cắt ảnh như trong Photoshop. Mình thỉnh thoảng mới dùng. Bạn là người mới thì bỏ qua

Kết hợp Ảnh và Chữ tạo nên nhiều công cụ thiết kế Landing page nhanh

9. Nút bấm, nhóm nút bấm

9.1 Nút bấm – Button

Nút bấm là kết hợp của Ảnh hình khối, Ảnh Icon và Chữ. Từ đó ta để thiết kế được nút thì ta thiết lập 3 thông số của 3 công cụ đó ở Thanh menu thiết kế nhanh hoặc Thanh menu thiết kế chi tiết là xong. Thiết kế như thế nào thì vô thiết lập sẽ thấy

9.2 Nhóm nút bấm – Button-Group (người mới có thể bỏ qua)

Khác biệt giữa Nút bấm và Nhóm nút bấm ở chỗ là Nhóm nút bấm có thể liên kết được hiệu ứng giữa các nút với nhau, Đặc biệt là hiệu ứng lựa chọn.

10. Danh sách

Dùng để liệt kê nội dung theo thứ tự mong muốn. Mình không gộp vào Chữ là vì Danh sách là kết hợp của Ảnh Icon và Chữ. Do đó ta để căn chỉnh được danh sách thì ta thiết lập Ảnh Icon và chữ ở Thanh menu thiết kế nhanh và Thanh menu thiết kế chi tiết là xong.

11. Form

Để tạo Form Ladipage lấy thông tin khách hàng. Cũng chỉ thêm tính năng Thiết lập Form còn đâu cũng chỉnh sửa Ảnh và Chữ cho đẹp mắt là được.

Xem thêm hướng dẫn ” Cấu hình Form ladipage để lưu data khách hàng về Google Sheet ” này nhé bạn

12. Mã HTML

Để chèn các đoạn mã HTML vào trang Landing page thiết kế. Thường thì mình hay dùng để nhúng Bản đồ vị trí, nhúng Fanpage… hay Gắn link 360 độ vào trang Landing page bất động sản. Sử dụng rất đơn giản, ở Thanh công cụ thêm Mã HTML xong mở thiết lập => Sửa HTML để chèn đoạn HTML cần dùng vô rồi ấn Cập nhật là xong.

Mã HTML
Mã HTML

Lưu ý: Xuất bản Landing page hoặc Xem trước nó mới chạy nha

13. Carousel (người mới có thể bỏ qua)

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. Cũng dùng Ảnh và chữ để thiết kế thôi nhé bạn!. Tương tự như Gallerry, nhưng Gallerry thì chỉ dùng cho ảnh còn Carousel thì gộp được Ảnh, chữ vào một khối rồi chạy Slide.

Hiện tại cuối tháng 4/2023 Ladipage đã cập nhật tính năng Carousel Item giống như của Frame (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 rất tiện)

14. Collection List (người mới nên bỏ qua)

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… 

15. Tabs (người mới có thể bỏ qua)

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 đó. Cũng chỉ dùng Ảnh và Chữ để thiết kế thôi nhé bạn.

16. Table (người mới nên bỏ qua)

Cái này là tạo bảng dữ liệu, thông tin cho trang Landing page. Nếu nhiều dữ liệu thì dùng tính năng này thôi. Còn ít thì NguyenVietAnh.net hay dùng Ảnh Đường kẻ và chữ để vẽ nhé. Đừng máy móc quá, OK

17. Frame (người mới có thể bỏ qua)

Frame trong Ladipage 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. Thiết lập 1 phần tử trong khối Frame thì phần tử trong các khối Frame khác tự cập nhật theo.

18. Accordion (người mới có thể bỏ qua)

Giúp người dùng có thể thiết lập mở rộng/ẩn nội dung, tối ưu không gian hiển thị trang landing page mà. Thường hay ứng dụng cho phần Q&A, Câu hỏi thường gặp, Một số thắc mắc …

Mình có bài chia sẻ chi tiết ở ” Cách thu gọn nội dung trong Ladipage siêu hay “, bạn đọc nghiên cứu thêm nhé

19. Countdown – Đồng hồ

Đồng hồ đếm ngược thời gian. Bạn cũng chỉ chỉnh Ảnh hình hộp và chữ thôi. Ngoài ra cho phép cài đặt ngày giờ đếm ngược kiểu Phút – Hàng ngày hay Thời gian kết thúc.

Countdown - Đồng hồ
Countdown – Đồng hồ

20. Notify – Seeding

Dạng thông báo Seeding Khách hàng mua hàng thành công. Cũng chỉ thiết lập Ảnh và Chữ thôi nhé bạn. Ngoài ra cần kết nối data mình tạo ra để Seeding. Sau khi xuất bản Landing page nó có thể hiển thị như (5)

Notify - Seeding Khách hàng mua hàng thành công
Notify – Seeding Khách hàng mua hàng thành công

21. Spin Lucky (người mới nên bỏ qua)

Vòng quay may mắn, cái này khác chỗ Thiết lập Lucky Spin còn bên dưới lại là cài đặt Ảnh nền vòng quay và thiết lập chữ thôi. Lại quay về Ảnh và Chữ 😀

Spin Lucky vòng quay may mắn trong Ladipage
Spin Lucky vòng quay may mắn trong Ladipage

22. Survey (người mới nên bỏ qua)

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

23. Popup

Popup là một cửa sổ thu nhỏ hiện đè lên trên trang hiện tại. Bạn có thể thiết kế nội dung cho Popup bằng Chữ và Ảnh. Các dạng nội dung Popup thường gặp:

  • Popup cảm ơn.
  • Popup đăng ký.
  • Popup lời chào.
  • Popup nội dung chi tiết.
  • …
Thêm mới Popup trong Ladipage
Thêm mới Popup trong Ladipage

Một số hướng dẫn bên lề hay gặp

Nếu như bên trên là hướng dẫn các công cụ thì dưới đây mình hướng dẫn một số hướng dẫn bên lề khác mà trong quá trình thiết kế, hỗ trợ mình thấy một số bạn hay hỏi.

Trỏ tên miền ladipage sao cho đúng

Cái này mình có chia sẻ một bài chuyên sâu, bạn tìm đọc tại “Hướng dẫn Trỏ tên miền về Ladipage” . Nếu bạn ngại trỏ thì có thể liên hệ mình mua hộ tên miền + Trỏ tên miền ladipage miễn phí 100% đỡ mất công tìm mua rồi nghiên cứu trỏ cả buổi không để làm gì. Tuy nhiên nếu bạn nào trỏ nhiều thì nên xem hướng dẫn để có thể tự trỏ cho chủ động.

Xuất bản ladipage giao diện Mobile Only

Cái này chỉ đối với ladipage phiên bản trả phí mởi Bật/tắt Mobile Only được. Còn bản Free thì không cho Bật/tắt mà phải tạo giao diện Mobile Only luôn từ đầu nha. Hoặc phải dùng thủ thuật để bật Mobile Only cho tài khoản miễn phí.

Hướng dẫn: Trong giao diện thiết kế của Ladipage ở mục Thiết lập (1)=> Thiết lập toàn trang (2) =>Mobile Only (3) Ấn nút bật lên

Xuất bản ladipage giao diện Mobile Only
Xuất bản ladipage giao diện Mobile Only

Backup dữ liệu nghi bị mất, bị lỗi trong Ladipage

Nếu như bạn không tin tưởng Data được gửi về Google Sheet thì Ladipage còn có 1 tính năng giúp bạn Backup dữ liệu nghi bị mất, bị lỗi… trong 7 ngày gần nhất

Hướng dẫn: Trong giao diện Đăng nhập ở cuối của Landing page có nút … Bạn ấn vô và chọn Dữ liệu Backup (như ảnh bên dưới)

Backup dữ liệu nghi bị mất, bị lỗi trong Ladipage
Backup dữ liệu nghi bị mất, bị lỗi trong Ladipage

Chọn ngày cần Backup rồi Ấn nút Tải xuống để kiểm tra đối soát dữ liệu. (như ảnh bên dưới)

Dữ liệu Backup ladipage
Dữ liệu Backup ladipage

Cách lưu data sao cho nhanh và đúng

Mình thấy một số bạn hay Lưu data sai, lưu data thiếu, lưu data lỗi. Nhất là khi bạn Import File Ladipage có sẵn vô hay bị sót Form, quên k lưu lại Form cũ đã bị lưu trước đó … Ở đây Việt Anh không đề cập đến Cấu hình Form ladipage để lưu data khách hàng mà chỉ hướng dẫn bạn Lưu data sao cho ok, nhanh nhất thôi nhé. Đương nhiên muốn lưu được data thì bạn cần tạo cấu hình Form trước đó rồi!

* Lưu ý: Nếu Cấu hình Form trước đó lỗi ntn đó thì tốt nhất bạn tạo lai Cấu hình Form thay vì đi tìm lỗi nhé, nên xóa luôn Cấu hình Form cũ cho đỡ nhầm lẫn!

Bước 1: Reset lại các Cấu hình Form về trạng thái mặc định như ảnh bên dưới (Tức là ở trạng thái này các Form trong ladipage đều Không có cấu hình Form)

Reset lại các Cấu hình Form về trạng thái mặc định
Reset lại các Cấu hình Form về trạng thái mặc định

Bước 2: Ấn nút xuất bản, sẽ hiện Thông báo Vui lòng chọn cấu hình Form trên SECTION2 ▹ FORM3, SECTION3 ▹ FORM4, SECTION4 ▹ FORM5, SECTION5 ▹ FORM6, SECTION6 ▹ FORM7 trong mục thiết lập “LƯU DATA” của Form. Ban ấn chọn FORM để tiến hành Lưu Data như bình thường. Tại sao lại là FORM3, FORM4 FORM 5… thì bạn xem ID phần tử Ladipage là gì nhé

Lưu xong lại ấn xuất bản và làm lặp đi lặp lại đến khi không còn Thông báo hiện ra nữa là ok. Rất nhanh và tiện vì không phải đi tìm từng FORM nó ở đâu để Lưu.

Thông báo Vui lòng chọn cấu hình Form
Thông báo Vui lòng chọn cấu hình Form

Cho khách tải ảnh, file lên Ladipage

Tính năng này tích hợp trong Form của ladipage. Nó cho phép người sử dụng tải file dữ liệu lên Form của bạn và gửi về kênh lưu trữ đã được thiết lập của Form đó.

Ứng dụng trong một số trường hợp như: Tải file CV, Tải File tài liệu, Tải Ảnh chân dung lên, Tải ảnh CMT/CCCD …

Cho khách tải ảnh, file lên Ladipage
Cho khách tải ảnh, file lên Ladipage

Lưu ý về trường chọn File, tải ảnh lên Ladipage

  • Các định dạng File hỗ trợ tải lên: ‘jpg’, ‘jpeg’, ‘png’, ‘gif’, ‘svg’, ‘ico’, ‘mp3’, ‘mp4’, ‘ttf’, ‘otf’, ‘woff2’, ‘txt’, ‘doc’, ‘docx’, ‘xls’, ‘xlsx’, ‘pdf’.
  • Ở 1 trường chọn file, bạn được phép tải lên tối đa 5 file cùng 1 lúc, với tổng dung lượng tối đa cho 1 lần tải là 25 Mb, Nếu tải lần lượt từng file lên thì chỉ lưu lại file ở thao tác tải lên cuối cùng.
  • Bạn được tạo tối đa 5 trường chọn file cho 1 Form điền thông tin.
  • Dữ liệu của trường chọn file, chỉ gửi về các kênh lưu trữ: Email, Google Sheet, SMTP, Slack, Telegram, Custome API (tích chọn gửi qua LadiPage). Trong mục Backup dữ liệu- trường file ghi nhận như dạng text nên sẽ không tải được file từ mục backup.
  • Các Link File có hạn truy cập được trong 30 ngày và tối đa 1000 lượt truy cập từ thời điểm ghi nhận thông tin về kênh lưu trữ.
  • **Hình như tính năng này áp dụng cho tk trả phí thôi nhé bạn.

Tải thử File tài liệu lên

Sửa lỗi chia sẻ trên Facebook và Zalo …

Phần này chia sẻ Link dẫn trên Facebook, Zalo hay mạng xã hội khác thường gặp 2 lỗi chính:

  • Không hiển thị thông tin, hình ảnh chia sẻ
  • Hiển thị sai thông tin hình ảnh của link dẫn

Cách khắc phục bạn xem Gỡ lỗi chia sẻ Landing Page lên Facebook, Zalo … mà mình viết nhé. Mình viết khá kĩ giúp bạn nắm gốc rễ sau cứ gặp lỗi là hiểu vấn đề luôn.

Mọi người cũng tìm kiếm

Thiết kế Landing pageLadiPage Builder
Landing pageLadipage la gì
Đăng nhập LadiPageGiá thiết kế LadiPage
LadiPageKho ladipage

Tóm lại

Tạm vậy là ổn cho người mới rồi. Các công cụ khác hay tính năng khác có thời gian bạn nghiên cứu thêm. Chứ nghiên cứu hết xong không dùng cũng phí. Trong hướng dẫn phần nào không hiểu hay chưa hiểu cần giải đáp hãy để lại bình luận ở phía dưới để được mình hỗ trợ. Nếu cần học cấp tốc có thể tham khảo ” Khóa học Thiết kế landing page hỗ trợ trọn đời ” của mình.

Trên đây là kinh nghiệm thực tế, thực chiến khi mình thiết kế landing page cho khách hàng của mình cũng như hướng dẫn cho nhiều bạn đã tham gia khóa học của mình. Mong rằng có thể giúp được nhiều bạn mới tập làm landing. Hãy Đổi mã giới thiệu tài khoản Ladipage của bạn thành xinchao để ủng hộ mình nhé. Cảm ơn bạn rất nhiều

Đổi mã giới thiệu Ladipage của Việt Anh
Đổi mã giới thiệu Ladipage của Việt Anh

Xem thêm các dịch vụ Việt Anh cung cấp tại đây

– Đổi mã giới thiệu tài khoản ladipage, nhận ngay 30 – 365 ngày sử dụng tài nguyên miễn phí mình chia sẻ. Chi tiết xem tại đây
– Share riêng tài khoản ladipage trả phí chỉ 490k/6 tháng, phân quyền trực tiếp qua email tk ladipage bạn đang sử dụng. Liên hệ phone/zalo: 0964246713
– Nhận nâng cấp mới /gia hạn tài khoản Ladipage chính chủ giảm giá 10% so với giá gốc. Chi tiết xem tại đây

5/5 - (103 bình chọn)
Lượt xem: 1.863
  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

5+ Mẫu Landing Page Trung Tâm Ngoại Ngữ Thu Hút Học Viên
5+ Mẫu Landing Page Trung Tâm Ngoại Ngữ Thu Hút Học Viên
Theme Mẫu Landing Page Du Học, XKLD, Định Cư Nước Ngoài
Theme Mẫu Landing Page Du Học, XKLD, Định Cư Nước Ngoài
15+ Mẫu landing page Khóa học Giáo dục Thu hút
15+ Mẫu landing page Khóa học Giáo dục Thu hút

Chuyên mục: Ladipage/ Sử dụng Ladipage
Thẻ: Học thiết kế landing page/ Hướng dẫn làm landing page/ Thiết kế Ladipage/ Thiết kế Landing page

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

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

Bài viết trước « Xuất bản Landing Page với tên miền riêng
Bài viết sau Hướng dẫn gắn thêm pixel vào ladipage »

Reader Interactions

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

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

Sidebar chính

Giảm giá 10% khi NÂNG CẤP tài khoản Ladipage, GIA HẠN tài khoản Ladipage

Bài viết mới

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

Group Hỗ trợ Ladipage

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

Liên hệ Zalo Việt Anh

Danh thiep zalo 0964246713

Footer

Bài viết mới

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

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

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

Theo dõi trên MXH

  • Facebook
  • Instagram
  • YouTube

Thống kê NguyenVietAnh.Net

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

Bạn bè

VAY24GIO

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