Cách tạo landing page bằng WordPress đơn giản nhất 2021

Hướng dẫn cách tạo Landing Page bằng WordPress. Nếu như bạn đã có website thì hoàn toàn có thể tạo landing page miễn phí mà không cần phải liên hệ với các đơn vị thiết kế khác. Trong bài viết này, ATP Academy sẽ hướng dẫn tạo Landing Page bằng WordPress một cách đơn giản và dễ thao tác.

Xem thêm: Khóa học thiết kế landing page

Elementor là gì?

Elementor là một công cụ đang rất hot hiện này khi đề cập về thiết kế Web mà không nhúng tay vào code.

Nó là một page builder trực quan theo kiểu rê thả. nghĩa là chúng ta có thể thiết kế một trang Web khó hiểu chỉ bằng kéo thả các phần tử đã được thiết kế sắn.

Công cụ giúp đỡ thiết kế trực quan. bạn sẽ thiết kế trang Web trong giao diện giống như bạn đọc nhìn thấy.

Elementor làm việc với hầu hết các theme WordPress.

Những Theme và plugin hỗ trợ tạo ra Landing Page

công đoạn này là trọng điểm của bài content, Sau Nó là những top plugin xây dựng Landing Page theo mình nhân viên mới bắt tay vào làm và không biết code nên sử dụng. Nếu bạn là sinh viên IMTA, hãy liên hệ để được giúp đỡ cài theme và Web demo (tất cả plugin bên dưới). IMTA được Microdata hỗ trợ toàn bộ học viên sử dụng hosting 1 năm miễn phí.

Sau Đây là thứ tự sắp xếp, mình không phân bổ theo chất lượng. Vì cơ bản những sản phẩm này đều chất lượng, giá tiền cũng không giống nhau. Xếp theo tính thân thiện và tiếp xúc.

Có thể bạn quan tâm: Phần mềm thiết kế landing page

1. UX Builder của Theme Flatsome

Flatsome là 1 theme khá nổi tiếng trong mảng thương mại điện tử và kèm theo WooCommerce. Flatsome có trình biên soạn UX Builder giống với Word và phân bổ thứ tự đơn giản dùng, người mới tiếp cận nhanh chóng.

Trình biên soạn văn bản UX Builder của Flatsome

Flatsome đang được bán với giá khoảng 60$ trên Themeforest.com, và hiện tại theme này trao cho con người khoảng hơn 20 mẫu cửa hàng và landing đã có sẵn, bạn chỉ cần import và chỉnh sửa nội dung. Flatsome cũng là trang cho tốc độ tải khá cao.

2. Divi Builder của Elegant Themes

Đây là theme phát triển khá lâu đời, tính năng kéo thả, hoặc chỉnh sửa theo từng block. nếu như Flatsome ít demo, thì Divi là theme nhiều demo landing page và đủ các ngành nghề. Hiện tại IMTA đang dùng Divi. Rất là ấn tượng với Divi có trên 170 mẫu cho người sử dụng chọn lựa. Bạn chỉ phải click và import là có 1 mẫu landing page ngay.

Divi Theme

nhược điểm của Divi: đầu tiên phải nói là giá tiền cao, bạn phải chi hơn 200$ để dùng theme này có bản quyền, có 1 vài tính năng căn bản tuy nhiên Divi lại làm ra các plugin để bán, nên bạn phải chi thêm tiền mới dùng được, 1 vài lỗi nhỏ ở các thẻ heading (nếu không quan tâm đến seo thì không sao, cũng dễ thay đổi nếu biết chút CSS), giá cao làm cho chúng ta ta yêu cầu cũng cao hơn, nhưng dần dần dùng thì thấy thoải mái, chi $ thôi tất cả mọi thứ đã làm sẵn cho bạn tiết kiệm được thời gian kha khá.

Divi Builder kéo thả

link mua Divi: https://www.elegantthemes.com/

3. Elementor Plugin – #1 Free WordPress Page Builder

Elementor là 1 plugin rất nổi tiếng với lượng người sử dụng nhiều, nếu Flatsome và Divi xây dựng Builder cho riêng theme của mình thì Elementor chọn theo hướng xây dựng 1 plugin mà có khả năng dùng với mọi loại theme. Chính bởi vậy, plugin này được rất đông đảo người dùng, Đây là 1 builder thành công nhất với trên 5 triệu người sử dụng.

Elementor Builder

Để thiết lập Elementor từ cửa hàng của WordPress, bạn truy cập vào Wp-admin của Web bạn rồi vào mục Plugin > Cài Mới > Sau đấy copy cụm từ Elementor Page Builder . Và công cụ Lựa chọn search ra đúng plugin như phía dưới thì bạn nhấn cài đặt.

Vì Elementor là 1 nền tảng được nhiều người dùng, vì thế có rất nhiều nhà tăng trưởng vện tinh xung quanh Elementor. Bạn chỉ phải cài đặt Elementor miễn phí cũng đã phục vụ nhu cầu khá đầy đủ.

nếu như có điều kiện hơn ban có khả năng vào Web elementor.com để mua bản Pro dùng, tuy nhiên plugin này lại yêu cầu gia hạn hàng năm. Theo mình thì bản không mất phí cũng đã dư dùng cho những người mới bắt tay vào làm.

4. Thrive Themes – dễ dàng tiếp cận

Thrive themes là 1 theme làm mưa làm gió trong mảng landing page, giống như Divi. Thrive theme tự bán theme của mình qua trang Web chứ không qua các sàn trung gian như Flatsome.

Thrive theme có trình soạn thảo Thrive Architect rất chăm chút và dễ dàng để sử dụng. mặc dù vậy giá tiền cao, bắt gia hạn theo tháng là điểm không tốt của theme này (khoảng 19$/tháng), nhiều bạn nước ta có các trang mua chung.

Thrive có trên 300 mẫu Landing Page được thiết kế sẵn rất tỷ mĩ. Mình nhận xét cao Thrive vì họ làm gì cũng kỹ. Nên gần như import ra là sử dụng thôi. ngoài ra chủ khởi ngiệp của theme này là 2 bạn thân, 1 ông là chuyên thiết kế, 1 công chuyên code. vì lẽ đó về khả năng đẹp, hài hòa thì các bạn cứ yên tâm với Thrive.

Landing Page của Thrive Theme

Wesbtie bidaphucthinh.vn là mình đang dùng Thrive. Sơ dĩ mình để Thrive cuối là vì đắt và ít người sử dụng, tuy nhiên nước ngoài nhà giàu hay xài. khả năng cải thiện của Thrive ok, rất tỉ mĩ và có thiên hướng nghệ thuật cao.

thiết lập và kích hoạt Plugin Elementor

đầu tiên bạn hãy tải và cài đặt Plugin Elementor vào WordPress Nó là Plugin cho phép bạn tạo ra trang Website bằng thao tác kéo thả rất đơn giản và rất nhanh, nó rất phù hợp với những người không biết code nhưng vẫn mong muốn tự mình tạo ra một trang Web thì với plugin Elementor bạn hoàn toàn có thể tự tạo ra một Landing Page cho mình mà chẳng cần biết một tí code gì cả dù biết một tí vẫn tốt hơn.

OK đầu tiên ta vô phần quản lý plugin của WordPress và chọn cài mới sau đấy gõ vào ô tìm kiếm Elementor để chọn lựa plugin Elementor trong kho plugin của WordPress.

Khi mà đã tìm thấy plugin hãy nhấn cài đặt để cài đặt plugin.

một khi cài đặt xong hãy nhấn kích hoạt plugin để có thể trải nghiệm plugin nhé.

một khi kích hoạt xong bạn hãy nhấn vào nút Create Your First Page để bắt tay vào làm tạo trang Web trước tiên của mình nhé.

đầu tiên bạn hãy nhấn vô biểu tượng bánh răng để vô phần cài đặt tại phần page layout bạn hãy chọn Elementor Canvas để layout phủ toàn bộ trang Web.

Sau đấy bạn chọn vào hình thư mục để vào thư viện mẫu của plugin ở đây bạn sẽ có rất nhiều mẫu trang Website cho bạn tìm kiếm bạn hãy chọn cho mình một mẫu Website ổn thỏa nhất.

Sau đấy hãy nhấn vô nút chèn để chèn mẫu Web vô page của bạn.

Như Vậy là bạn đã chèn thành công mẫu Web cho trang Web của mình kế đến là bạn hãy chình sửa mẫu Website này theo ý mong muốn của chúng ta như Bạn có thể xoá hoặc thêm các yếu tố khác vào trang Web của bạn từ thanh công cụ hoặc bạn cũng có khả năng thiết kế thêm bớt các block trong trang Web đấy.

Để thêm một khối mới vào thì bạn hãy chọn vị trí mà bạn muốn thêm một khối mới vào và di chuột lên đầu block đó để hiện các tuỳ chọn tại đấy và Bạn có thể chọn thêm mục để thêm một mục mới.

Và Sau khi đã có mục mới chúng ta có thể chọn bố cục cho mục này.

Chọn bố cục mà bạn muốn Dùng cho mục này.

Khi mà đã chọn được bố cục cho trang Website bạn hoàn toàn có thể thoải mái kéo các widget mà bạn mong 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 đấy theo ý mình.

một khi bạn bạn đã thay đổi cũng giống như cải 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ó khả năng hiển thị trên internet.

Nhấn vô nút xuất bản để xuất bản trang Website.

Và cuối cùng để Landing Page của Bạn có thể hiển thị trên trang WordPress của chúng ta thì bạn phải cài đặt lại WordPress một tí.

bấm vào biểu tượng thực đơn để mở menu của Elementor.

Nhấn vô nút thoát về bảng tin để thoát khỏi Elementor.

Chọn vô mục bố cục và giao diện và nhấn vô mục tuỳ biến để có khả năng bắt đầu sửa giao diện trang Website của chúng ta.

Tại đây bạn hãy 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 đấy bạn hãy nhấn đắng để lưu lại tất cả các thiết lập của bạn.

Thiết kế Landing Page bằng WordPress

Beaver Builder là một trong những plugin tạo Landing Page tốt nhất cho WordPress website. Nó cho phép bạn tạo landing page nhanh chóng với các mẫu đi kèm và chỉnh sửa một cách đơn giản bằng việc kéo, thả.

Việc đầu tiên bạn cần làm là thiết lập và kích hoạt plugin Beaver Builder. nếu như bạn chưa biết cách cài đặt và kích hoạt plugin, hãy đọc lại bài viết chỉ dẫn thiết lập và quản lý plugin trong WordPress.

một khi kích hoạt, bạn nhấp vào liên kết Settings » Beaver Builder để cấu hình các cài đặt của plugin.

bên dưới thẻ License, nhấp vào nút Enter License Key để nhập mã bản quyền. chúng ta có thể tìm thấy các thông tin này trong account của mình trên Web Beaver Builder.

tiếp theo bạn vào trang Pages » Add New để tạo Landing Page đầu tiên cho mình. một số WordPress Theme có tích hợp sẵn trình tạo trang Page Builder hoặc template có độ rộng tràn màn hình. Các template này được thiết kết để có thể hoạt động với các plugin tạo trang như Beaver Builder.

nếu như WordPress Theme của chúng ta vẫn chưa có template full-width, chúng ta có thể tự tạo một mẫu cho mình. Để biết chi tiết các tạo template full-width, hãy xem bài viết chỉ dẫn tạo trang full width trong WordPress.

Nếu bạn là người mới, cách đơn giản và nhanh nhất để tạo một trang Full-width là dùng plugin. Bạn có thể cài đặt và kích hoạt plugin Fullwidth Templates for Any Theme & Page Builder.

Khi mà đã kích hoạt plugin tạo Fullwidth, bạn nhấp vào liên kết Page » Add New để tạo một trang mới.

Chọn một page builder hoặc template full-width trong hộp “Page Attributes” ở phía bên phải và lưu lại để Áp dụng các thay đổi.

Bây giờ bạn đã chuẩn bị xong tất cả mọi thứ để bắt đầu tạo cho mình một Landing Page. Nhấp vào thẻ Beaver Builder ở phía bên phải của Text Editor để khởi chạy bố cục và giao diện builder.

Beaver Builder sẽ xuất hiện các mẫu trang đã có sẵn. Bạn chỉ cần nhấp vào nút hình dấu + ở góc phải phía trên của màn hình để chuyển qua thẻ templates.

Beaver Builder tích hợp một vài mẫu trang giúp bạn dễ dàng tạo landing page. Chọn “Landing Pages” từ group thực đơn xổ xuống sau đó chọn template bạn cảm nhận thấy ổn thỏa nhất.

khi chúng ta đã chọn được một template, Beaver Builder sẽ load nó trong cửa sổ coi thử.

Bây giờ chúng ta có thể nhấp vào bất kỳ một khối nào để chỉnh sửa nó. Bạn có thể khác biệt văn bản, màu nền hoặc hình ảnh, căn chỉnh độ rộng của hàng, độ cao của cột.

Bạn cũng có khả năng thêm hoặc khóa các khối nội dung trên trang mẫu của mình. chỉ cần nhấp vào nút +, sau đấy chuyển sang thẻ Rows. Bạn có thể thêm một hoặc nhiều cột cho mỗi hàng.

sau khi thêm hàng, bạn chuyển sang thẻ Modules. Thẻ Modules chứa các loại thông tin mà Bạn có thể thêm vào Landing Page của mình. Beaver builder mang đến các module cơ bản gồm: Text, headings, buttons, video, audio, animated countdown timer và nhiều thứ khác.

khi bạn đã cảm nhận thấy ưng ý với thiết kế của mình, hãy nhấp vào nút Done ở phía trên sau đó lưu lại hoặc xuất bản trang của mình.

Bây giờ chúng ta có thể truy xuất vào trang Landing Page của mình để kiểm duyệt xem nó công việc như thế nào. Bạn có thể đơn giản chỉnh sửa, căn chỉnh, thêm hoặc xóa các yếu tố trên Landing Page.

TẠO landing page không mất phí CÙNG SIMPLE PAGE

Tổng kết

Landing Page là một nơi giúp trang web của bạn trở nên đẹp mắt và đặc sắc hơn rất nhiều, hãy tận dụng các công cụ miễn phí này để biến đổi những bài viết thành một trang sinh động, tăng chuyển đổi nhé. ATP Academy chúc bạn thành công!

Nguồn: Tổng hợp

Mọi thông tin dịch vụ, bạn vui lòng để lại thông tin qua khung chat hoặc liên hệ nhân viên ATP qua thông tin sau: