Các công cụ để tạo bố cục và trang đích bắt mắt dễ dàng

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Các công cụ để tạo bố cục và trang đích bắt mắt dễ dàng – Bạn đang vật lộn để tạo ra các trang tìm kiếm trên website? Hoặc thất vọng  đến mức bạn đang xem xét việc thuê một nhà thiết kế web?

plugin WordPress mới từ Thrive Themes là câu trả lời cho các vấn đề.

Trong bài đánh giá này, chúng tôi sẽ nói về việc tạo các trang (và bài đăng) ấn tượng trực quan dễ dàng như thế nào mà tốn ít thời gian và tiền bạc.

Thrive Architect là gì?

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Tạo các trang với trình soạn thảo WordPress giống như đi đến nha sĩ. Bạn sẽ không biết làm như nào nó sẽ bật ra.

Mặc dù WordPress là một công cụ viết blog tuyệt vời, nhưng nó không bao giờ có ý định tạo các trang web chuyên nghiệp. Đó là điều mà các nhà phát triển WordPress đang tìm cách giải quyết với dự án Gutenberg của họ .

Trong khi đó, bạn cần một WYSIWYG giúp bạn tạo các trang tốt hơn.

Thrive Architect là một plugin tạo trang trực quan cho WordPress để tạo các trang tập trung vào chuyển đổi, đẹp mắt.

Đây là trình trực quan nhanh nhất cho WordPress.

Ý tưởng là giúp tạo các trang của mình nhanh nhất bằng trình chỉnh sửa kéo và thả để bạn không mất nhiều giờ để loay hoay với các mã ngắn, CSS và HTML.

Sử dụng Thrive Architect, bạn có thể:

  • Tạo Trang chủ bằng một trong các Mẫu được thiết kế sẵn hoặc các yếu tố như Biểu tượng, Nút hoặc Cột vào chủ đề hiện tại.
  • Các trang đích với các yếu tố tạo thế hệ dẫn tích hợp để giúp phát triển danh sách.
  • Định dạng bài đăng trên website với các tính năng như Hộp nội dung và Danh sách để nổi bật giữa đám đông.
  • Tạo trang bán hàng, trang hội thảo trên web, trang giới thiệu sản phẩm và hơn thế nữa.

Xây dựng trang của bạn với Thrive Architect

Có hai cách để tạo một trang với Thrive Architect. Dùng Mẫu được thiết kế sẵn hoặc bắt đầu từ đầu với Mẫu trống .

Cả hai cách đều hợp lệ. Bạn chỉ cần quyết định cái nào bạn muốn.

Khi bạn tạo Trang mới, bạn chọn nút  Chỉnh sửa với Thrive Architect:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Chọn tùy chọn này sẽ mở một tab / cửa sổ mới:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Ở đầu Trang là menu tiêu đề mặc định và tiêu đề trang mà bạn muốn thấy từ chủ đề của mình.

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Ở phía bên trái của trang là menu Thrive Architect. Từ đây bạn sẽ kéo và thả các yếu tố lên trang của mình.

Vì vậy, chúng ta hãy xem làm thế nào nó hoạt động.

Sử dụng các mẫu trang đích

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Thrive Architect có hàng trăm mẫu trang đích được thiết kế sẵn. Vẻ đẹp của những trang này là bạn gần như xuất bản chúng ngay lập tức. Bạn sẽ phải đi sâu vào và chỉnh sửa sao cho phù hợp với doanh nghiệp của bạn, nhưng ít nhất bạn có nền tảng để bắt đầu nhanh chóng.

Landing page template sets

Phát triển mạnh các trang đích của họ trong Bộ mẫu. Tại thời điểm viết, có 26 Bộ Mẫu Trang đích trong thư viện của họ, và một số bộ sắp có thêm.

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Mỗi bộ trang dùng các thành phần thiết kế giống nhau để tạo ra một giao diện nhất quán.

Bộ mẫu Atomic bao gồm:

Trang thế hệ dẫn

Trang thế hệ dẫn 2 bước

Trang xác nhận

Trang tải xuống

Trang bán hàng video

Trang đăng ký hội thảo trên web

Trang web hội thảo trực tuyến

Trang phát lại hội thảo trên web

Tùy chỉnh một mẫu

Khi bạn đã chọn Mẫu trang đích, bạn hãy bắt đầu tùy chỉnh nó bằng trình chỉnh sửa trực quan WYSIWYG.

Mỗi trang có các yếu tố; ví dụ: Tiêu đề, Văn bản, Nút, Biểu tượng, v.v … Ngay sau khi bạn chọn một yếu tố trên trang, các tùy chọn chỉnh sửa của nó sẽ xuất hiện trong menu thanh bên.

Ví dụ: nếu bạn chọn phần tử Heading, bạn hãy thay đổi văn bản, thay đổi bố cục và vị trí của nó, áp dụng kiểu nền, thêm đường viền và hơn thế nữa:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Lưu ý: Thrive Architect gắn nhãn phần tử ở một số vị trí trên màn hình của bạn, vì vậy hãy đảm bảo bạn đang chỉnh sửa đúng nội dung.

Chỉ trong vài cú nhấp chuột, bạn tùy chỉnh được trang để phù hợp với phong cách và thương hiệu của bạn. Ngoài ra, bạn lưu được phiên bản mẫu của bạn để sử dụng lại.

Điều quan trọng cần nhớ là nó sẽ hiển thị ngay lập tức trên màn hình chỉnh sửa. Bạn chuyển sang chế độ xem trước nếu muốn, nhưng thực sự không cần vì bạn sẽ thấy mọi thứ ngay trước mặt.

Thrive Architect là một trình soạn thảo trực quan WYSIWYG chính hãng.

Bắt đầu với một trang trống

Đôi khi nó phù hợp hơn để tạo trang của bạn từ đầu, bắt đầu với một trang trống. Chẳng hạn, bạn thích thiết kế của một trang bạn đã thấy trên một trang web khác và tạo một cái gì đó tương tự.

Chúng ta hãy xem ba trong số các yếu tố thiết kế mạnh mẽ và linh hoạt mà bạn dùng để tạo trang của mình.

Chúng tôi sẽ cho bạn thấy các yếu tố tuyệt vời khác sau này

  1. Nền rộng- full

Thêm nền toàn chiều rộng cũng chưa là vấn đề lớn, nhưng bạn sẽ không tìm thấy tính năng này trên các trình tạo trang.

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Cài đặt quan trọng ở đây là Kéo căng để phù hợp với chiều rộng màn hình vì nó giúp bạn có nền toàn chiều rộng cho dù bạn đang sử dụng chủ đề WordPress nào.

Có một vài cài đặt khác mà tôi chọn để tạo nền này. Đầu tiên, tôi đã thêm một hình ảnh làm lớp cơ sở và sau đó tôi đã áp dụng một lớp màu ở trên cùng. Nó giúp bạn khi muốn bắt đầu thêm văn bản như tiêu đề bên dưới.

Bạn thêm các lớp tùy thích để tạo hiệu ứng bạn muốn. Các tùy chọn lớp khác như màu gradient , mẫu và nền video .

Trước khi kết thúc, tôi muốn nói thêm, có một tính năng nữa để hiển thị cho bạn. Các phần nền có chiều rộng đầy đủ và hai cột, bạn sẽ tạo hiệu ứng màn hình chia dọc:

Khi bạn có bố cục phân chia theo chiều dọc, bạn thêm được các yếu tố nội dung khác nhau. Ví dụ: Có hình ảnh và văn bản, máy quay video và ảnh chụp màn hình video, cùng với nhiều kết hợp khác.

  1. Hộp nội dung

Hộp nội dung là một yếu tố thiết kế có hai mục đích trong Thrive Architect. Nó như một thùng chứa nội dung để chứa các yếu tố bạn muốn xử lý theo cùng một cách, ngoài ra bạn dùng nó để làm nổi bật các phần quan trọng của nội dung.

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Không có gì đặc biệt, phải không?

Nhưng, bằng cách chọn tay cầm kéo và thả, bạn di chuyển Hộp Nội dung lên phần nền.

Để cải thiện mọi thứ, tôi chọn đường viền màu trắng trên Hộp Nội dung và làm tròn góc trên bên phải. Bạn có thêm được đường viền liền mảnh hoặc nét đứt. Tôi cũng đã áp dụng nền màu (có độ mờ cao) cho Hộp nội dung.

Và trên phần tử Text, bên trong Hộp nội dung, tôi đã thêm một vài chỉnh sửa. Tôi chọn màu nền trắng tiêu chuẩn và thay đổi văn bản phông chữ thành màu xanh lá cây.

Khi bạn có một hộp nội dung mà bạn nghĩ sẽ hữu ích trở lại trong tương lai thì Thrive Architect giúp bạn lưu nó dưới dạng Mẫu nội dung.

Xem thêm : Cách tạo một trang web WordPress đa ngôn ngữ

  1. Chứng thực

Thêm lời chứng thực vào trang của bạn là một cách chứng minh mang tính xã hội. Thrive Architect có một vài mẫu Chứng thực mà bạn nên chọn:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Trong khi hai mẫu có thể xuất hiện giới hạn, thì các tùy chọn tùy chỉnh lại là vô tận.

Hãy khám phá nào!

Mẫu chứng thực 2 có hai cột cho Hình ảnh và Văn bản. Bạn có thể kéo và thả độ rộng cột để phù hợp với hình ảnh và văn bản của bạn như bạn muốn.

Cột bên phải chứa ba thành phần Văn bản / Đoạn văn, mỗi phần tử có một cỡ chữ khác nhau.

Cột bên tay phải là Biểu tượng Trích dẫn. Nó ở bên trái văn bản bằng cách chọn cài đặt Nâng cao tuyệt đối

Thêm tùy chọn tạo khách hàng tiềm năng

Các trang đích có một mục đích: tạo khách hàng tiềm năng .

Thrive Architect có  hai loại thế hệ dẫn mà bạn chọn trên trang đích của mình.

1-step opt-in

Tạo khách hàng là 1-step opt-in

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Nếu bạn đang tạo trang đích của riêng mình, bạn kéo và thả phần tử Tạo khách hàng từ thanh bên vào trang của mình.

Chọn xếp chồng các trường theo chiều dọc hoặc để chúng chạy theo chiều ngang. Ngoài ra, bạn hãy tùy chỉnh các tính năng khác như màu sắc và văn bản.

Nếu bạn chọn Mẫu trang đích, thì phần tử Tạo khách hàng sẽ có sẵn:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

2-step opt-in with Thrive Lightbox

Tạo thế hệ thứ hai có sẵn trong Thrive Architect là Opt-in 2 bước, chọn tính năng Thrive Lightbox tích hợp .

Mẫu trang đích hoạt động giống nhau. Ví dụ: người kể chuyện 2-step Opt-in dùng chức năng Hoạt hình & Hành động để tạo trình kích hoạt:

Khi bạn nhấp vào nút, nó sẽ mở Hộp đèn Thrive tích hợp:

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Giống với các trang trong Thrive Architect, bạn tùy chỉnh được thiết kế Lightbox bằng trình chỉnh sửa trực quan.

Tích hợp dịch vụ email

Cho dù bạn chọn cách 1 bước hay 2 bước để nắm bắt địa chỉ email, bạn sẽ cần kết nối biểu mẫu Tạo khách hàng với dịch vụ email của mình.

Thrive Architect giúp bạn kết nối với dịch vụ email của mình thông qua API hoặc Biểu mẫu HTML

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Nó có các kết nối API cho tất cả các nhà cung cấp dịch vụ email này

Kiểm tra trang của bạn có phản hồi trên thiết bị di động không

Mỗi trang tạo với Thrive Architect, cho dù bạn bắt đầu từ đầu hoặc một mẫu, đều đáp ứng một cách linh hoạt. Nhưng plugin có thêm ba tính năng đáp ứng di động giúp bạn tạo các trang độc đáo.

  1. Xem trước trang của bạn trên các kích thước màn hình khác nhau

Khi bạn tạo trang của mình, bạn chỉ cần một vài cú ấn chuột để kiểm tra xem nó trông như nào trên các kích thước màn hình khác nhau

  1. Chuyển đổi khả năng hiển thị của các thành phần và toàn bộ khối nội dung

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Đối với bất kỳ yếu tố nào, hoặc Hộp nội dung nào có nhiều yếu tố trong đó, bạn quyết định xem nó sẽ được hiển thị hay ẩn đi. Bạn sẽ thấy phần tử Biểu tượng sẽ hiển thị trên Máy tính để bàn và Máy tính bảng, nhưng ẩn trên Di động.

  1. Tinh chỉnh từng chi tiết

Bạn điều chỉnh được bố cục và vị trí của các thành phần cho các kích thước màn hình khác nhau mà không phải tạo các thành phần trùng lặp với tùy chọn hiển thị / ẩn. Ví dụ: trên hộp chứng thực, chúng ta thay đổi được kích thước văn bản và đặt nó dưới hình ảnh sau khi xóa phần tử biểu tượng

Rất nhiều người duyệt web bằng thiết bị di động, trang của bạn phải đáp ứng linh hoạt hơn. Với Thrive Architect, bạn có trải nghiệm tốt nhất, ở kích thước màn hình nào.

Các khối xây dựng của Thrive Architect

Bạn đã thấy nhiều yếu tố tạo trang chính trong Thrive Architect. Nhưng hãy xem xét sâu hơn một vài điều nữa.

Các yếu tố chuyển đổi

cac-cong-cu-de-tao-bo-cuc-va-trang-dich-bat-mat-de-dang

Ngoài các nút gọi hành động , lời chứng thực , hộp nội dung và biểu mẫu tạo khách hàng, Thrive Architect còn có bốn khối tập trung vào chuyển đổi:

  • Kiểu danh sách- Các danh sách dấu đầu dòng với các biểu tượng và kiểu dáng để trình bày chính xác các điểm bán hàng.
  • Đồng hồ đếm ngược – Tăng tính cấp thiết cho các trang của bạn với đồng hồ đếm ngược hoạt hình và đếm ngược evergreen
  • Nội dung Reveal – Ẩn khối nội dung cho đến khi một lượng nhất định của thời gian đã trôi qua. Thích hợp cho các video bán hàng, nơi bạn tiết lộ nút mua hàng khi bạn tiếp cận với phần quảng cáo của video.
  • Biểu tượng thẻ tín dụng – Biểu tượng thẻ tín dụng để mở rộng hoàn toàn cho khách hàng một tín hiệu rõ ràng để mua hàng và tạo niềm tin.

Thêm thành phần

Ngoài các yếu tố chuyển đổi, Thrive Architect các thành phần khác mà bạn dùng  để tạo bất kỳ trang nào. Đây là một trong số những cái tôi thích:

  • Bấm vào Tweet – Khuyến khích chia sẻ xã hội trong nội dung của bạn.
  • Google Map – Nhúng Google Map trên trang của bạn.
  • Lưới bài viết – Hiển thị các bài đăng hoặc các sản phẩm WooCommerce.
  • Chia sẻ xã hội – Thêm các nút chia sẻ xã hội và chọn ẩn số lượng chia sẻ cho đến khi vượt quá một số nhất định.
  • Bảng – Tận dụng trình tạo và soạn thảo bảng HTML trực quan.
  • Mục lục – tạo nó tự động cho trang với các liên kết neo nhảy đến từng phần.
  • Video – Nhúng YouTube, Wistia, Vimeo hoặc video tự lưu trữ vào trang của bạn.
  • Nội dung WordPress – Chuyển đổi nội dung WordPress hiện có thành nội dung Thrive Architect và quản lý nội dung bên trong một khối độc lập.

Giá cả

Bạn nhận được Thrive Architect với mức phí một lần là $ 67 .

Giá bao gồm hỗ trợ 12 tháng với tùy chọn gia hạn mỗi năm, nhưng bạn luôn nhận được cập nhật.Ngoài ra, hãy thử Thrive Membership với  giá $ 19 / tháng , cho các chủ đề và plugin hiện tại và tương lai từ Thrive.

Tiền boa

Thrive đã phát hành một tiện ích bổ sung cho Thrive Architect, giúp bạn chạy các thử nghiệm phân tách a/ b mà không làm hỏng mã nào.

Thử nghiệm phân tách là kiểm tra để tìm ra các chuyển đổi tốt nhất trên trang đích. Bạn sẽ nhận được nhiều chuyển đổi hơn và cuối cùng là nhiều khách hàng hơn.

Vì tiện ích bổ sung này chỉ hoạt động với Thrive Architect, bạn mua cả hai dưới dạng gói bằng liên kết ở trên. Khi có Thrive Architect, một tùy chọn để mua chỉ Thrive Optimize (liên kết này nằm ngay dưới bảng giá).

Xem thêm : Tạo Website miễn phí

Phần kết luận

Là tiên phong trong thị trường tạo trang với Thrive Content Builder vào năm 2014, Thrive đã thiết lập một chuẩn mực mới với Thrive Architect.

Trình chỉnh sửa hình ảnh mới là cả trực quan và nhanh chóng. Và kết quả thật ấn tượng.

Tạo nội dung đẹp, hấp dẫn và trực quan nổi bật trong WordPress trở nên rất dễ dàng

Viết một bình luận

0 Shares
Share
Tweet
Pin