|

Hướng Dẫn Cách Tạo Landing Page Bằng WordPress

Cách tạo Landing Page Bằng Wordpress

Bạn có muốn tạo Landing Page trên trang WordPress của mình không?

Landing Page là một trang tiếp thị được tối ưu hóa cao. Nó giúp doanh nghiệp chuyển đổi khách truy cập trang web thành khách hàng và khách hàng tiềm năng.

Có khá nhiều nền tảng để bạn có thể tạo 1 trang landing-page đẹp mặt và hoàn toàn miễn phí như: Webflow, Framer, Wix,… Nhưng trong bài viết này, Mình sẽ hướng dẫn bạn cách dễ dàng tạo Landing Page bằng WordPress.

Dưới đây là tổng quan nhanh về những gì mình tôi sẽ đề cập trong hướng dẫn này.

  • Landing Page là gì?
  • Sự khác biệt giữa trang chủ (Homepage) và trang đích (Landing Page)
  • Tạo Landing Page WordPress với SeedProd (Nên xài)
  • Tạo Landing Page WordPress với Beaver Builder
  • Tạo Landing Page WordPress với Divi

Landing Page là gì?

Landing Page là một trang được xây dựng có mục đích được thiết kế để tăng doanh số bán hàng hoặc tạo khách hàng tiềm năng cho một doanh nghiệp, cửa hàng online,…

Chúng được sử dụng rộng rãi trong các chiến dịch tiếp thị khi chạy Ads, Email và mạng xã hội. Người dùng đến từ các nguồn này sẽ truy cập trang này trước tiên, đó là lý do tại sao nó được gọi là Landing Page (Trang đích).

Sự khác biệt giữa Trang Chủ (Homepage) và Trang Đích (Landing Page)

Trang Chủ (Homepage) là trang đầu của trang web của bạn và những gì người dùng sẽ thấy khi họ nhập tên miền của bạn vào trình duyệt của họ. Mặt khác, Trang Đích (Landing Page) có thể là một trang độc lập, nơi hầu hết khách truy cập đến từ các nguồn lưu lượng truy cập có trả tiền hoặc của bên thứ ba.

Trang Chủ (Homepage) của trang web của bạn được thiết kế để khách truy cập tương tác với trang web của bạn, khám phá các trang khác, duyệt qua sản phẩm hoặc đăng ký. Nó có nhiều liên kết hơn và cung cấp cho người dùng nhiều sự lựa chọn hơn.

Mặt khác, Trang Đích (Landing Page), còn được gọi là “trang phểu”, được xây dựng để có tỷ lệ chuyển đổi cao hơn. Nó có ít liên kết hơn và được thiết kế để người dùng đưa ra quyết định mua hàng hoặc cung cấp thông tin của họ để tiếp cận trong tương lai.

Trang web của bạn có thể chỉ có một Trang Chủ (Homepage), nhưng bạn có thể tạo bao nhiêu Trang Đích (Landing Page) tùy ý cho các chiến dịch khác nhau. Ví dụ:

  • Trang Đích (Landing Page) cho các chiến dịch quảng cáo có trả tiền của bạn
  • Trang dành cho những người đăng ký đến từ danh sách email của bạn, khách truy cập từ mạng xã hội, v.v.
  • Người dùng truy cập vào một trang sản phẩm hoặc dịch vụ cụ thể
  • Và nhiều cái khác…

Như đã nói ở trên, hãy cùng xem cách tạo Trang Đích (Landing Page) tùy chỉnh đẹp mắt trong WordPress mà không cần biết về CSS, HTML hoặc PHP hay bất kỳ ngôn ngữ lập trình nào.

Cách Tạo Landing Page Bằng WordPress

Mình đã chọn ra ba cách dễ nhất để tạo Trang Đích (Landing Page) trong WordPress. Các trình tạo trang đích này dễ sử dụng, được tối ưu hóa về tốc độ và giá cả phải chăng cho doanh nghiệp nhỏ, chủ shop online, hoặc đơn giản là người muốn tìm hiểu về Trang Đích (Landing Page). Hãy chọn giải pháp phù hợp nhất với nhu cầu của bạn.

Sẵn sàng chưa? Hãy bắt đầu với cách đầu tiên.

 Cách 1: Tạo Landing Page WordPress bằng SeedProd

Cách này là dễ nhất và được khuyến nghị cho tất cả người dùng.

Đối với phương pháp này, Mình sẽ sử dụng SeedProd. Đây là plugin Landing Page WordPress tốt nhất trên thị trường và cho phép bạn tạo bất kỳ loại Landing Page nào mà không cần biết code. SeedProd cũng được tối ưu hóa để nhẹ, nhanh và thân thiện với SEO.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin SeedProd. Nếu bạn chưa biết cài đặt plugin, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress.

Lưu ý: Có một phiên bản plugin SeedProd miễn phí trên WordPress.org, nhưng mình sẽ sử dụng phiên bản Pro vì nó cung cấp nhiều tính năng mạnh mẽ hơn.

Sau khi kích hoạt, bạn sẽ được yêu cầu nhập license key để chứng minh là bạn đã trả phí. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web SeedProd.

Seedprod License Key

Tiếp theo, bạn cần truy cập trang admin của Website WordPress của bạn và chọn: SeedProd »Pages và nhấp vào nút ‘Add New Landing Page ’.

Thêm mới landingpage

Trên màn hình tiếp theo, bạn sẽ được yêu cầu chọn giao diện (theme) Landing Page.

SeedProd đi kèm với hàng chục mẫu Landing Page đẹp mắt được sắp xếp gọn gàng cho các loại chiến dịch khác nhau. Chỉ cần nhấp để chọn một mẫu mà bạn muốn sử dụng.

Chọn một mẫu Landing Page

Bạn sẽ được yêu cầu cung cấp tiêu đề cho trang của mình và chọn một URL. Chọn một tiêu đề trang hấp dẫn và đừng quên thêm từ khóa mục tiêu của bạn vào URL trang.

Chọn tiêu đề trang

Thao tác này sẽ tải giao diện trình tạo trang SeedProd. Trình tạo kéo và thả đơn giản này sẽ hiển thị bản xem trước trực tiếp trang của bạn ở bên phải và thanh công cụ ở bên trái.

Trình tạo trang SeedProd

Các Block là công cụ thiết kế cốt lõi trong SeedProd. Bạn có thể sử dụng chúng để tạo bất kỳ bố cục nào bạn cần. Bạn cũng có thể sử dụng các cột để đặt các Block cạnh nhau.

Bạn chỉ cần trỏ và nhấp vào bất kỳ Block nào trên trang để tùy chỉnh nó. Bạn cũng có thể kéo và thả các Block để di chuyển chúng lên hoặc xuống.

Chỉnh sửa Elements

Bạn có thể thêm các Block mới vào trang của mình từ cột bên trái. SeedProd đi kèm với các yếu tố thiết kế Landing Page phổ biến mà bạn có thể chỉ cần kéo và thả vào bất kỳ đâu trên trang của mình.

Bạn cũng có thể thay đổi màu nền, thêm hình nền, thay đổi màu sắc và phông chữ để phù hợp với thương hiệu hoặc giao diện website của bạn.

Seedprod Block

Ngoài ra, SeedProd cũng đi kèm với ‘Sections’. Đây là những khu vực thiết kế phổ biến được sử dụng bởi các Landing Page. Ví dụ: tiêu đề, hình ảnh chính, lời kêu gọi hành động, lời chứng thực, biểu mẫu liên hệ, Câu hỏi thường gặp, tính năng, chân trang, v.v.

Sections

SeedProd cũng tương thích với WooCommerce. Điều này cho phép bạn Landing Page sản phẩm, Landing Page Thương mại điện tử để bán hàng và các sự kiện khác.

WooCommerce

Các khối WooCommerce bao gồm nút thêm vào giỏ hàng, thanh toán, sản phẩm nổi bật, lưới sản phẩm, v.v. Điều này cho phép bạn tạo các chiến dịch tiếp thị thực sự ấn tượng mà không giới hạn bản thân trong giao diện website WooCommerce của bạn.

Ecom Landing Page

Kết nối các Landing Page của bạn với các công cụ của bên thứ ba

Để tạo Landing Page tốt cho việc tạo khách hàng tiềm năng, bạn có thể thêm biểu mẫu đăng ký danh sách email nơi người dùng có thể tham gia nhận bản tin của bạn hoặc cung cấp thông tin liên hệ của họ.

SeedProd giúp bạn dễ dàng kết nối các Landing Page của mình với các dịch vụ tiếp thị qua email phổ biến như Constant Contact hoặc Mailchimp. Chỉ cần chuyển sang tab ‘Connect’ và sau đó chọn nhà cung cấp dịch vụ email của bạn.

Kết nối bên thứ 3

Cần kết nối với một dịch vụ mà bạn không thấy? Đừng lo, SeedProd hợp tác với Zapier, hoạt động như cầu nối giữa SeedProd và hơn 3000+ ứng dụng khác trên Zapier.

Kết nối bằng zapier

Lưu và xuất bản Landing Page của bạn

Khi bạn đã hoàn tất việc chỉnh sửa trang của mình, bạn có thể chỉ cần nhấp vào nút Save và sau đó chọn Publish.

Xuất bản Landing Page

Xuất bản Landing Page của bạn sẽ làm cho nó xuất hiện trực tuyến trên trang web của bạn.

Xem trước Landing Page

Sử dụng Tên miền riêng cho Landing Page của bạn

Bạn có tên miền riêng muốn sử dụng cho Landing Page của mình không?

Điều này cho phép bạn sử dụng trang web WordPress của mình để tạo trang đích, trang sắp ra mắt, trang sản phẩm, chiến dịch quảng cáo được nhắm mục tiêu theo địa lý, trang web nhỏ và hơn thế nữa với tên miền riêng biệt.

Thay vì tạo một mạng đa trang WordPress hoặc cài đặt nhiều trang web WordPress, bạn có thể chỉ cần tạo một trang đích và trỏ nó đến tên miền tùy chỉnh của mình.

Chỉ cần chuyển sang tab Page Settings và sau đó nhấp vào phần ‘Custom Domain’.

Tên miền tuỳ chỉnh

Đảm bảo rằng nhà cung cấp dịch vụ Hosting WordPress của bạn cho phép bạn sử dụng nhiều miền và bạn đã thêm tên miền vào bảng điều khiển Hosting của mình.

Cách 2: Tạo Landing Page WordPress bằng Beaver Builder

Beaver Builder là một trình tạo trang WordPress kéo và thả phổ biến khác. Nó cho phép bạn dễ dàng tạo Landing Page bằng cách sử dụng các mẫu tạo sẵn mà bạn có thể sửa đổi bằng các công cụ kéo và thả đơn giản.

Đầu tiên, bạn cần làm là cài đặt và kích hoạt plugin Beaver Builder. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Settings » Beaver Builder để định cấu hình cài đặt plugin.

Cài đặt BB

Trong tab License, nhấp vào nút ‘Enter License Key’ để thêm khoá cấp phép của bạn. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web Beaver Builder.

Tiếp theo, bạn chuyển đến Pages » Add New trang mới từ bảng điều khiển WordPress để tạo Landing Page đầu tiên của mình.

Beaver Builder hoạt động với tất cả các giao diện WordPress hàng đầu. Nhiều giao diện trong số này đi kèm với mẫu Landing Page được thiết kế để hoạt động với các plugin trình tạo trang. Thông thường, chúng là những bố cục rộng không có thanh bên và tiện ích con.

Chọn Landing Page hoặc mẫu full-width từ hộp ‘Page Attributes’ ở cột bên phải và lưu trang của bạn để áp dụng các thay đổi.

Chọn Templates

Bây giờ bạn đã sẵn sàng để tạo Landing Page.

Nhấp vào nút ‘Lauch Beaver Builder’ trong trình chỉnh sửa bài đăng để khởi chạy giao diện trình tạo.

Khởi tạo beaver builder

Beaver Builder sẽ mở ra với mẫu Landing Page của bạn. Bạn cần nhấp vào nút thêm ở góc trên cùng bên phải của màn hình và chuyển sang tab Templates.

Chọn Template

Tại đây, bạn sẽ tìm thấy một số mẫu tạo sẵn để lựa chọn. Chọn ‘Landing Page’ từ menu thả xuống của nhóm, sau đó chọn một mẫu giống với những gì bạn có trong đầu.

Sau khi bạn chọn một mẫu, Beaver Builder sẽ tải nó trong cửa sổ xem trước.

Click để chỉnh sửa

Bây giờ bạn có thể trỏ và nhấp vào bất kỳ nội dung trang nào để chỉnh sửa nó. Bạn có thể thay đổi văn bản, thay đổi màu nền hoặc hình ảnh, điều chỉnh chiều rộng và chiều cao của các hàng và cột.

Bạn có thể thêm hoặc xóa các mục nội dung khỏi mẫu của mình. Chỉ cần nhấp vào nút thêm và chuyển sang tab hàng. Bạn có thể thêm một hoặc nhiều cột.

Thêm hàng và cột

Sau khi thêm một hàng, hãy chuyển sang tab mô-đun. Mô-đun là các yếu tố nội dung mà bạn có thể thêm vào Landing Page của mình. Beaver builder đi kèm với tất cả các mô-đun thiết yếu bao gồm văn bản, tiêu đề, nút CTA, video, âm thanh, đồng hồ đếm ngược..v.v.

Thêm Mô-đun

Khi bạn hài lòng với thiết kế, bạn có thể nhấp vào nút ‘Done’ ở trên cùng, sau đó lưu hoặc xuất bản trang của mình.

Lưu hoặc Xuất bản

Bây giờ bạn có thể truy cập trang để xem Landing Page của bạn đang hoạt động. Bạn có thể chỉnh sửa lại nếu bạn cần điều chỉnh, thêm hoặc bớt bất cứ điều gì.

Xem trước Landing Page

Cách 3: Tạo Landing Page trong WordPress bằng Divi

Divi là một plugin tạo trang WordPress phổ biến của nhóm Elegant Themes. Nó đi kèm như một giao diện với hỗ trợ trình tạo trang và bạn cũng có thể sử dụng nó như một trình tạo trang độc lập.

Đầu tiên, điều bạn cần làm là cài đặt và kích hoạt plugin Divi Builder.

Lưu ý: Nếu bạn đang dùng giao diện Divi thì bạn không cần cài đặt plugin trình tạo trang.

Sau khi kích hoạt, bạn có thể đi tới Pages » Add New để tạo Landing Page của mình. Trên màn hình chỉnh sửa trang, nhấp vào nút ‘Use Divi Builder’ để khởi chạy Trình tạo trang Divi.

Divi Builder

Tiếp theo, bạn sẽ thấy một cửa sổ bật lên chào mừng để làm quen với trình chỉnh sửa, bạn có thể thoát nó bằng cách nhấp vào nút Start Building.

Sau đó, bạn sẽ thấy tùy chọn start from scratch, choose a layout, or clone a page. Bạn cần chọn 1 trong 3 option tuyd theo nhu cầu của bạn.

DIVI Options

Divi đi kèm với hàng chục mẫu Landing Page sẵn sàng sử dụng được sắp xếp theo danh mục. Chỉ cần nhấp để chọn một mẫu mà bạn muốn sử dụng làm điểm bắt đầu.

Chọn Mẫu

Trên màn hình tiếp theo, bạn sẽ thấy chi tiết bố cục và các mẫu khác mà nó bao gồm. Hầu hết các gói bố cục sẽ bao gồm một mẫu Landing Page mà bạn có thể sử dụng.

Chọn Layout

Chỉ cần nhấp vào nút ‘Use this layout’ để tiếp tục.

Bạn có thể được yêu cầu cung cấp tên người dùng và khóa API tài khoản Divi của mình. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web Elegant Themes.

Divi bây giờ sẽ tìm nạp và cài đặt bố cục đã chọn của bạn từ thư viện. Sau đó, bạn sẽ thấy bản xem trước trực tiếp của trang bên trong trình tạo trang.

Chỉnh sửa Layout

Bạn chỉ cần trỏ và nhấp để chọn và chỉnh sửa phần tử trên màn hình. Đối với các phần tử văn bản, bạn có thể chỉ cần đặt con trỏ lên văn bản bạn muốn chỉnh sửa và bắt đầu nhập.

Đối với các phần tử khác, bạn sẽ thấy một cửa sổ bật lên xuất hiện trên màn hình với các tùy chọn để thử các tùy chỉnh khác nhau.

Chỉnh sửa Phần tử

Divi sử dụng các phần, hàng và mô-đun để xây dựng bố cục. Bạn có thể thêm một phần, hàng hoặc mô-đun bằng cách nhấp vào biểu tượng + ở bất kỳ đâu trên trang.

Thêm Mô-đun

Mỗi mô-đun đi kèm với các cài đặt khác nhau mà bạn có thể tùy chỉnh sau khi chèn nó. Divi đi kèm với rất nhiều tùy chọn nâng cao cho từng phần tử.

Chỉnh sửa mô-đun

Sau khi chỉnh sửa xong, bạn chỉ cần nhấp vào nút Publish ở góc dưới cùng bên phải của màn hình.

Xuất bản

Bây giờ bạn có thể nhấp vào nút Exit Visual Builder trên thanh công cụ quản trị WordPress để thoát khỏi trình chỉnh sửa.

Thoát DIVI Builder

Giờ đây, trình tạo sẽ chuyển hướng bạn trở lại phiên bản trực tiếp của trang đích của bạn. Bạn vẫn có thể tiếp tục chỉnh sửa bằng cách nhấp vào ‘Bật Trình chỉnh sửa trực quan’ trong thanh công cụ ở trên cùng.

Xem trước Landing Page

Mình hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo Landing Page bằng WordPress.

Lưu ý: Để giúp độc giả của One Pixel Media không bị rối, bài viết của mình không bao gồm tất cả các trình tạo Landing Page như Elementor, Leadpages, Instapage, Unbounce, ClickFunnels, v.v. Ba giải pháp hay nhất mà đã chọn là giải pháp tốt nhất cho các doanh nghiệp nhỏ vì chúng dễ dàng để sử dụng, được tối ưu hóa về tốc độ và giá cả phải chăng.

5/5 - (6 bình chọn)

Similar Posts

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *