Landing page Blogger - Blog Spot

Landing page là công cụ bán hàng đơn giản, nhưng vô cùng hiệu quả. Nó có thể giúp bạn tăng doanh thu nhanh chóng và đều đặn mỗi ngày. Cơ sở thành công đó là bạn chỉ TẬP TRUNG giới thiệu 1 sản phẩm hoặc 1 dịch vụ, với 1 mục tiêu duy nhất, thông điệp rõ ràng và đúng đối tượng. 

Landing page có thể là bất kỳ trang nào trong website. Nó có thể là trang chủ hoặc trang trong. Mục tiêu của trang web này có thể là thu thập thông tin của khách hàng tiềm năng (còn được gọi là Squeeze Page) hoặc bán hàng (sale page).

Nếu bạn có N sản phẩm chủ chốt, hãy tạo ra N landing page. Với sản phẩm quan trọng bạn có thể tạo nhiều landing page, giúp tăng cơ hội hiện diện trước mắt khách hàng.

Bài viết này tôi hướng dẫn bạn cách tạo ra trang landing page bằng công cụ Blogger hoàn toàn miễn phí, chỉ trong vòng 30 phút.

Let’s begin...

DOWNLOAD MẪU GIAO DIỆN LANDING PAGE 

(BLOGGER LANDING PAGE TEMPLATES)

1. Blogger Landing Page Template - red color

2. Blogger Landing Page Template - blue color

CÁC BƯỚC THIẾT KẾ TRANG LANDING PAGE

BƯỚC 1: TẠO BLOG: 

• Truy cập www.blogger.com
• Click vào nút: Blog mới

Tạo blog mới trong blogger

BƯỚC 2: THAY ĐỔI MẪU GIAO DIỆN CHO BLOG

+ Bạn tải mẫu về máy tính theo đường link ở bên trên.

+ Giải nén, bạn sẽ nhận được file .xml

+ Vào blog bạn vừa tạo, chọn:  MẪU  >> Sao lưu / Khôi phục

Thay đổi template mới cho landing page

BƯỚC 3: ĐĂNG BÀI VIẾT

BƯỚC 4: CÀI ĐẶT MENU

Với bài viết dài thì bạn nên đặt menu để khách hàng di chuyển nhanh chóng đến vị trí mong muốn bên trong bài viết (trong cùng 1 trang).

a) Đặt 1 mỏ neo ở vị trí mong muốn; mỗi mỏ neo có 1 tên duy nhất trong bài viết.

    <Div  id="dangky" .....>

b) Tạo menu và link về mỏ neo

Click  Mẫu >> Chỉnh sửa HTML

Search “lienhe”, bạn sẽ thấy đoạn mã sau chứa menu hiện tại của giao diện mẫu

<li><a href='#gioithieu'>Giới thiệu</a></li>
<li><a href='#sanpham'>Sản phẩm</a></li>
<li><a href='#giatri'>Giá trị</a></li>
<li><a href='#camket'>Cam kết</a></li>
<li><a href='#datmua'>Đặt mua</a></li>
<li><a href='#lienhe'>Liên hệ</a></li>

Mỗi dòng là 1 menu, bạn có thể thêm / bớt / sửa từng menu.
Ví dụ : tôi sửa menu Đặt mua  thành menu Đăng ký như sau :

<li><a href='#dangky'>Đăng ký</a></li>

Trong đó, Đăng ký là tên menu, dangky là tên mỏ neo.

Làm tương tự với các menu khác.

BƯỚC 5: GẮN TÊN MIỀN VÀO BLOG

CHÚC MỪNG BẠN

ĐÃ HOÀN THÀNH TRANG LANDING PAGE!