Thiết kế landing page từ A-Z cho người mới
Phần 1: Bắt đầu với ADITI:
Mua tên miền từ Aditi:
Đây là nơi để bạn mua tên miền trên nền tảng ADITI. Ở đây có rất nhiều tên miền khác nhau để bạn lựa chọn Và để mua tên miền, bạn cần làm như sau:
Bước 1: Vào mục Tên miền → Đăng ký tên miền → Nhập tên miền (viết liền không dấu) mà bạn muốn mua → Kiểm tra → Chọn tên miền khi danh sách xổ xuống → Tiến hành đăng ký
Bước 2: Điền thông tin cá nhân → Tiến hành đăng ký.
Nạp tiền vào tài khoản:
Việc nạp tiền vào tài khoản để mua tên miền hoặc nâng cấp gói là hoàn toàn tự động.
Có 2 cách để bạn nạp tiền vào tài khoản:
Cách 1: Chuyển khoản tự động bằng cách quét mã QR Code
Cách 2: Thanh toán đa dạng từ VNPAY.
Đối với VNPAY, bạn sẽ có nhiều phương thức thanh toán hơn, như thanh toán qua thẻ, qua App VNPAY, qua trả góp thẻ tín dụng… Xem hình bên dưới để thao tác.
Thêm tên miền vào tài khoản của bạn:
Sau khi thanh toán để nạp tiền thành công. Bạn cần phải mua tên miền, sau đó bạn hãy cài đặt tên miền vào mục Landing page như bên dưới (Lưu ý, bạn phải mua và thanh toán tên miền trước khi làm bước này)
Nếu bạn mua tên miền bên ngoài, bạn cũng thêm bằng cách như trên, nhưng bạn phải trỏ tên miền của bạn về Aditi theo thông tin như hình dưới hoặc trỏ bản A về địa chỉ: 103.82.37.170
Nâng cấp tài khoản:
Trước khi nâng cấp tài khoản, bạn hãy chắc chắn rằng tiền đã được nạp vào tài khoản theo như hướng dẫn ở mục số 2 (phần I)
Việc nâng cấp tài khoản, bạn thực hiện theo trình tự như bên dưới:
Phần 2: Hướng dẫn Thiết kế Landing Page:
1. Chọn mẫu:
Có 2 cách để tạo trang landing page: 1 là tạo bằng trang trống, 2 là chọn giao diện mẫu. Bạn chỉ cần làm theo như hình dưới để biết cách chọn trang phù hợp.
Sau khi đã chọn được mẫu ưng ý thì bạn chỉ việc làm theo như hình dưới
Tiếp theo là quản lý trang landing page. Xem hình dưới để hiểu rõ hơn cách sử dụng
Bố cục của landing page:
1 landing page gồm 3 phần chính: Section → Cột → Phần tử. Được hiển thị như hình dưới
1 section có thể gồm 1 cột hoặc nhiều cột và 1 cột có thể gồm 1 phần tử hoặc nhiều phần tử
Tạo Section:
Section là gì:
Section là một đoạn nội dung trên Landing Page. Mỗi đoạn nội dung có một ý nghĩa riêng và kết hợp với nhau thành một chuỗi nội dung có tính thuyết phục cao.
Nội dung thường dùng trong section:
Giới thiệu (Intro)
Nội dung chi tiết
Đặc điểm nổi bật
Chứng nhận & cam kết
Ý kiến khách hàng
Lợi ích khách hàng
FAQ
Đội nhóm
Bảng giá
Call-To-Action (CTA): nút kêu gọi hành động
Form đăng ký
Lời cảm ơn
Footer (Chân trang)
Cách tạo section:
Có 3 cách tạo section, đó là: từ các giao diện mẫu, từ Mẫu đã lưu của bạn hoặc do bạn tạo section trống.
Để bắt đầu tạo mới một Section, bạn nhấn vào vị trí bất kỳ của section, sau đó nhấn dấu + và chọn mẫu section từ Kho giao diện hoặc trang trống tùy vào nhu cầu của bạn
Nếu bạn lựa chon Section từ kho giao diện, bạn sẽ nhận được rất nhiều mẫu đẹp, và bạn dễ dàng tùy biến chúng (Xem hình dưới)
Cách chỉnh sửa section:
Khi muốn chỉnh sửa section, bạn hãy xem hình dưới
Tạb Layout: dùng để chỉnh sửa độ rộng của section, khoảng cách các cột trong section, chiều cao section…
Tab Kiểu: dùng để thay ảnh nền, thay màu nền, chọn hiệu ứng nền section,…
Tab Nâng cao: dùng để chỉnh sửa margin, padding, hiệu ứng chuyển động…
Tạo Popup:
Popup là gì? Popup là một cửa sổ hiện ra 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:
Popup cảm ơn
Popup đăng ký
Popup lời chào
Popup nội dung chi tiết
Cách tạo Popup:
Xem video sau:
Phần tử – Heading/ Text:
Heading/Text: cho phép bạn tạo ra các dạng Tiêu đề/ văn bản cho landing page của bạn.
Cách thêm Heading/Text rất đơn giản, bạn chỉ cần gõ từ khóa “Heading” hoặc “Text” sau đó chọn phần tử phù hợp là được. Xem hình dưới
Phần tử – Hình ảnh/Video:
Để thêm mới hình ảnh/video, bạn chỉ cần bạn chỉ cần gõ từ khóa “Hình ảnh” hoặc “Video” sau đó chọn phần tử phù hợp là được. Xem hình dưới.
Phần tử – Nút bấm (Button – CTA):
Nút bấm là gì? Chính là Nút kêu gọi hành động hay viết tắt là CTA (Call-to-Action), nó được tạo ra để khách hàng nhấn vào đăng ký/mua hàng hoặc theo mục đích của bạn.
Cách tạo Nút bấm: Xem hình dưới
Phần tử – Biểu tượng (Icon): để tạo hình hộp, biểu tượng/ icon,… bạn xem hình dưới
Phần tử – Form/Biểu mẫu: Để tạo form/Biểu mẫu, bạn xem hình dưới
Ẩn/ Hiện section/ phần tử: Là tính năng giúp bạn ẩn các đoạn nội dung, và chỉ hiển thị khi click vào nút bấm tương ứng: Để thực hiện, bạn làm theo bước sau: Chọn Phần tử muốn ẩn → Chọn tab Nâng cao → Chọn mục Responsive → Bật nút Ẩn trên thiết bị nào mà bạn muốn. Xem hình dưới
Xuất bản và tối ưu landing page:
SEO: Khi bạn muốn đặt tên cho landing page, thêm từ khóa, mô tả về landing page cũng như đổi favicon và hình đại diện thu nhỏ thì xem hình III.1 và III.2
Tracking: là mã theo dõi hành vi khách hàng. Aditi cho phép bạn chèn mã tracking ID vào Facebook Pixel, Tiktok Pixel, Google Analytics, Google Ads và Google Tag. Để cài đặt mã theo dõi, bạn xem hình dưới
Last updated