Hướng dẫn tạo Landing Page với wordpress

Landing Page trong Wordpress giúp doanh nghiệp chuyển đổi được khách truy cập thành khách hàng và khách hàng tiềm năng. Hướng dẫn tạo Landing Page với wordpress chi tiết.

Tạo Landing Page với Wordpress với Plugin Beaver Builder

Beaver Builder là một trong những plugin mà tạo Landing Page tốt nhất đối với Wordpress site. Nó cũng cho bạn tạo được Landing Page nhanh chóng với những mẫu đi kèm và cũng chỉnh sửa theo một cách dễ dàng bằng cách kéo, thả.

Bước 1: Bạn đăng nhập vào trang quản trị rồi chọn Plugin. Trang install Plugins sẽ xuất hiện và bạn cũng có thể duyệt những plugin chính thức từ Dashboard.

Bước 2: Bạn tìm kiếm và cài đặt Plugin cho blog của bạn

Nhập từ khóa plugin bạn muốn tìm kiếm vào phần "Search". Bạn cũng có thể tìm kiếm plugin theo những tính năng, sự phổ biến và được yêu thích.

Bước 3: Bạn nhấp vào liên kết "More Details"

Những thông tin về Plugin nó sẽ xuất hiện. Nó cung cấp những thông tin như:

• Mô tả tính năng.

• Phiên bản plugin.

• Tên độc giả.

Bước 4: Bạn nhấp vào nút "Install Now" để tiến hành cài đặt .

Bước 5: Sau khi mà cài đặt thành công thì bạn sẽ thấy được sự liên kết kích hoạt giữa plugin hay trở về trang Plugins.

Bạn nhấp vào liên kết Settings → Beaver Builder để cấu hình những cài đặt của plugin.

Bước 6: Lựa chọn mẫu template

Đến đây thì bạn đã chuyển bị xong mọi thứ để bắt đầu tạo cho mình một Landing Page. Bạn nhấp vào thẻ Beaver Builder ở phía bên phải của Text Editor để tiến hành khởi chạy Buider.

Tại Beaver Builde sẽ hiển thị những mẫu sẵn có. Nhiệm vụ của bạn là chỉ cần nhấp vào nút hình dấu "+" ở phía trên màn hình để chuyển qua thẻ templates.

Beaver Builde sẽ tích hợp cho bạn một số trang để tạo được Landing Page dễ dàng hơn. Bạn chọn "Landing Page" từ nhóm menu xổ xuống sau đó thì bạn chọn mẫu theme mà đúng với idea của bạn.

Khi mà bạn chọn được một template thì Beaver Builder sẽ load nó ở trong cửa số xem thử.

Bước 7: Tiến hành chỉnh sửa

Bạn có thể nhấp vào một khối nào để chỉnh sửa nó.

• Thay đổi văn bản.

• Màu nền.

• Hình ảnh.

• Điều chỉnh độ của hàng.

• Độ cao của cột.

Bạn cũng có thể thêm hay xóa những khối cột ở trên trang mẫu. Nhấp vào "+" để chuyển sang thẻ Row. Khi đó thì bạn có thể thêm được một hay nhiều cột cho mỗi hàng.

Sau khi mà thêm hàng thì bạn cũng có thể chuyển sang thẻ Modules. Thẻ Modules chứa những nội dung mà bạn có thể thêm được vào Landing Page của mình.

Plugin Beaver builde cung cấp được những module cơ bản như:

• Text.

• Headings.

• Buttons.

• Video.

• Audio.

• Animated countdown timer.

• Và nhiều thứ khác.

Khi mà bạn đã thiết kế xong được Landing Page của mình thì hãy nhấp chuột vào "Done" để lưu lại hay xuất bản trang của mình.

Tạo Landing Page với Wordpress với Elementor

Để tạo Landing Page với Elementor thì bạn cần phải cài đặt và kích hoạt miễn phí plugin. Bạn cũng có thể vào trang chủ của plugin để tải bản zip và upload lên website của mình.

Bước 1: Tìm, cài đặt và kích hoạt plugin Landing Page wordpress: “Plugin Elementor“.Đây chính là plugin tạo Landing Page wordpress.

Bước 2: Tạo trang đầu tiên của bạn

Sau khi mà plugon mà được kích hoạt thì bạn tạo một trang mới . bạn vào trình tạo Trang của nhà quản trị hoặc trực tiếp chọn “Tạo trang đầu tiên của bạn”

Có 2 sự lựa chọn để bạn có thể bắt đầu:

• Full - width template: Bạn cũng sẽ xây dựng landing full-width, nhưng cũng vẫn giữ lại những phần header và footerr của website.

• Blank canvas: bạn xây dựng Landing Page từ đầu luôn, một trang trắng đúng nghĩa.

Để bắt đầu được với Element thì bạn sử dụng những temaplate có sẵn để giảm bớt được thời gian.

Bạn click chuột vào nút Folder ở phía đáy trang và chọn Template Library.

Về cơ bản, để xây dựng được những Landing Page với Elementor thì cũng rê thả element mà bạn cần từ slidebar.

Sau đó thì bạn tiến hành chỉnh sửa lại elementor:

Sidebar có 3 tab:

• Content: ở đây bạn sẽ thay đổi nội dung của phần tử.

• Style: nơi bạn thay đổi màu sắc và typography.

• Advanced: nơi bạn thực thiện thay đổi nâng cao như margin và padding. Thay đổi margin và padding giúp bạn điều chỉnh vị trí của element.

Bây giờ, bạn hãy bắt tay vào để thiết kế một Landing Page chuyên nghiệp.

Chỉnh sửa tên sản phẩm

Bạn chọn hình bánh răng ở cuối cùng.

Sau đó bạn tiến hành chỉnh sửa như sau:

Tiêu đề và địa chỉ trang

Bạn mở tab SEO → nhấn “Edit Snippet”.

Bạn truy cập vào đây và chỉnh sửa nhanh những thông tin.

• Title: Tiêu đề chính của Landing Page.

• Permalink: Đường link liên kết.

• Description: Đoạn mô tả.

Thiết kế trang Landing Page đơn giản bằng những Widget

Bạn chọn "+" để thêm mới một section (một khoảng nội dung ở trên trang).

Sau đó thì chọn một cấu trúc thiết kế đúng với idea của mình.

Sau khi đã chọn được bố cục cho trang web bạn hoàn toàn có thể thoải mái kéo các widget mà bạn muốn vào đây.

Và với các widget mà bạn kéo vào thì Elementor sẽ hỗ trợ rất nhiều các tuỳ chỉnh cho widget đó để bạn có thể thoải mái tuỳ chỉnh trang web đó theo ý mình.

Sau khi bạn bạn đã chỉnh sửa cũng như hoàn thiện trang Landing Page của mình thì bạn có thể lưu lại và xuất bản trang Landing Page này để có thể hiển thị trên internet.

Để Landing Page của bạn có thể được hiển thị trên trang Wordpress của bạn thì bạn cũng cân phải cài đặt lại một số thứ.

Sau khi mà thoát ra giao diện chính thì bạn vào mục tùy biến để có thể bắt đầu chỉnh sửa giao diện của trang web.

Bạn chọn cài đặt trang chủ

Sau đó bạn hãy chọn trang tĩnh phần trang chủ bạn hãy chọn page mà bạn vừa tạo ra trong WordPress sau đó bạn hãy nhấn đăng để lưu lại toàn bộ các cài đặt của bạn.

Như vậy là ThemeNest đã hướng dẫn bạn cách tạo Landing Page cho Wordpress mà không cần dùng đến code nào cả. Với 2 cách này thì bạn cũng có thể thoải mái để thiết kế được một Landing Page chuyên nghiệp và dễ dàng nhất.