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

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

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

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

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.

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

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.

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

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é

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

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ự

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

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

Ả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

• 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

Ả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

Ả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

Ả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

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

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!

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.

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!

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!

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!

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.

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

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

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

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

12. 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… 

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

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

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

16. 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é

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

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

19. 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ữ 😀

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

21. 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.
• …

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

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)

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)

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)

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.

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 …

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 page	LadiPage Builder
Landing page	Ladipage la gì
Đăng nhập LadiPage	Giá thiết kế LadiPage
LadiPage	Kho 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