Các giao diện WordPress tốt nhất với widget Elementor tùy chỉnh

Khám phá các giao diện phổ biến có các widget Elementor tùy chỉnh để xây dựng các trang web nâng cao với nhiều không gian sáng tạo hơn.

Ngày nay, ai cũng có thể xây dựng một trang web đẹp mắt nhờ vào các trình tạo trang như Elementor. Nhưng làm thế nào để làm cho trang web của bạn nổi bật?

Để bắt đầu, hãy đảm bảo chọn một giao diện không chỉ trông tuyệt đẹp dùng được ngay mà còn cho phép bạn thêm các tính năng nâng cao giúp cải thiện trải nghiệm người dùng.

Các giao diện WordPress có các widget Elementor tùy chỉnh (đôi khi còn được gọi là Elements) cung cấp chính xác điều đó!

Các widget tùy chỉnh cho phép bạn thêm chức năng nâng cao vào trang web của mình. Chúng thực hiện điều này bằng cách cung cấp các phần tử độc đáo được thiết kế đặc biệt cho loại trang web bạn muốn xây dựng.

Để giúp bạn chọn giao diện tốt nhất, chúng tôi đã đánh giá và thử nghiệm nhiều tùy chọn phổ biến. Trong quá trình đánh giá, chúng tôi cũng đã liên hệ với các nhà phát triển của họ để đảm bảo các giao diện được đề xuất của chúng tôi hoàn toàn có thể dịch được với WPML.

Trong bài viết blog này, chúng tôi chia sẻ các giao diện hàng đầu có các widget Elementor tùy chỉnh để xây dựng các trang web nâng cao có khả năng tương thích với WPML.

Trên trang này

WoodMart
The7
OceanWP
Jupiter X
Phlox
Sydney
TheGem
RealHomes
Biagiotti
Hello Elementor

WoodMart

WoodMart là một giao diện thương mại điện tử toàn diện cho Elementor. Nó cung cấp hơn 50 widget Elementor, hơn 400 mẫu, một trình tạo header có thể tùy chỉnh và hỗ trợ đa nhà cung cấp để dễ dàng mở rộng trang web của bạn thành một thị trường.

Dưới đây là một số widget WoodMart nổi bật:

360 Degree View

Widget 360 Degree View cho phép bạn hiển thị hình ảnh trực quan 360 độ tương tác của sản phẩm. Để xoay, người dùng có thể kéo qua hình ảnh hoặc nhấp vào mũi tên trái-phải ở dưới cùng. Widget này bao gồm hiệu ứng chuyển động mượt mà khi chuyển đổi góc nhìn và hỗ trợ nhiều góc độ từ mỗi phía.
Widget này rất hoàn hảo nếu bạn điều hành một cửa hàng thương mại điện tử và muốn cho người dùng xem sản phẩm của bạn từ mọi góc độ.

Marquee

Widget Marquee cho phép bạn hiển thị văn bản và hình ảnh trong một thanh cuộn ngang di chuyển, tương tự như thanh trượt tin tức thị trường chứng khoán. Tính năng này rất tuyệt vời nếu bạn muốn làm nổi bật tin tức, giảm giá hoặc lời chứng thực trong một hiệu ứng chuyển động. Widget Marquee bao gồm các cài đặt tốc độ và khả năng thêm hiệu ứng tạm dừng khi người dùng di chuột qua.

Wishlist

Widget Wishlist cho phép khách truy cập trang web của bạn lưu và phân loại các sản phẩm họ quan tâm. Người dùng có thể quản lý nhiều danh sách mong muốn, chia sẻ các mặt hàng với bạn bè và xem các mặt hàng đã lưu trong tài khoản của họ. Với tư cách là quản trị viên, bạn có thể xem danh sách mong muốn của người dùng và nhận bản tóm tắt về các sản phẩm hàng đầu mà mọi người lưu.

Widget này rất tuyệt vời nếu bạn muốn giúp người dùng tổ chức trải nghiệm mua sắm của họ trong khi có được những hiểu biết độc đáo về những sản phẩm đang thu hút nhiều sự chú ý nhất.

Giá: $59

Cách xây dựng một trang web đa ngôn ngữ với WoodMart và WPML

The7

The7 là một giao diện WordPress đa mục đích với nhiều tính năng tùy chỉnh. Nó bao gồm hơn 30 widget Elementor, với các tính năng độc đáo để mở rộng các khả năng của WooCommerce. Giao diện này cũng cung cấp các điều khiển thiết kế mạnh mẽ để tạo kiểu cho các widget và bao gồm chức năng mở rộng Theme Builder của Elementor.

Dưới đây là một số widget nổi bật của The7:

Breadcrumbs

Widget Breadcrumbs cho phép bạn hiển thị cho người dùng vị trí hiện tại của họ trên trang web. Widget này có khả năng tùy chỉnh cao, với các tùy chọn tạo kiểu như màu văn bản và liên kết, phông chữ, kích thước văn bản và ký hiệu phân cách.

Mặc dù breadcrumb giúp người dùng dễ dàng điều hướng trang web của bạn hơn, chúng cũng đóng góp vào SEO. Ví dụ: bằng cách sử dụng đánh dấu schema phù hợp, các công cụ tìm kiếm có thể nhận ra breadcrumb của bạn và hiển thị chúng trong SERP. Điều này giúp người dùng hiểu chính xác nơi họ sẽ truy cập trên trang web của bạn.

Widget Popup cho phép bạn hiển thị nội dung bài viết hoặc sản phẩm trong một popup trên trang web của bạn. Nó rất hữu ích để giới thiệu các chi tiết sản phẩm bổ sung, giảm giá hoặc đăng ký nhận bản tin một cách hấp dẫn mà không cần phải điều hướng sang trang khác.

Widget này hoạt động với trình tạo mẫu của Elementor để tạo các popup. Vì vậy, nó rất linh hoạt và có thể hỗ trợ bất kỳ nội dung nào bạn muốn; tĩnh, động, hình ảnh – bất cứ thứ gì.

Multipurpose Carousel

Widget Multipurpose Carousel cho phép bạn tạo các bố cục carousel khác nhau, bao gồm việc sử dụng các tiêu đề, văn bản, biểu tượng, hình ảnh và nút. Bạn cũng có thể điều chỉnh số lượng cột, khoảng cách giữa các cột và chiều rộng tổng thể của carousel cho các thiết bị khác nhau.

Chức năng bổ sung bao gồm tùy chỉnh các nút điều hướng của bạn, với tùy chọn lựa chọn giữa các mũi tên trái-phải, dấu chấm tròn hoặc hình chữ nhật.

Giá: $39

Cách xây dựng một trang web đa ngôn ngữ với The7 và WPML

OceanWP

OceanWP là một giao diện WordPress mạnh mẽ với các tính năng mở rộng. Nó bao gồm hơn 100 widget Elementor, hàng trăm mẫu trang web và một thư viện mẫu khổng lồ để nhanh chóng xây dựng trang web của bạn.

Dưới đây là một số widget OceanWP nổi bật:

Magazine Widgets

Các widget Magazine giúp bạn nhanh chóng tạo các bố cục nội dung với các tùy chọn tạo kiểu được xác định trước. Mỗi tùy chọn tạo kiểu bao gồm widget riêng của nó (hiện có 5 widget) mà khi được đặt trên một trang, sẽ ngay lập tức điền nội dung vào thiết kế dạng lưới hoặc danh sách. Tất cả các widget đều bao gồm các tùy chọn tạo kiểu bổ sung giúp loại bỏ nhu cầu sử dụng bất kỳ CSS tùy chỉnh nào.

Widget này rất hoàn hảo nếu bạn muốn tạo các thiết kế bố cục hoàn chỉnh trong vài giây, với sự linh hoạt hoàn toàn để tùy chỉnh thêm các thiết kế cho phù hợp với phong cách trang web của bạn.

Info Box

Widget Info Box cho phép bạn hiển thị thông tin bên trong một vùng chứa được tùy chỉnh. Bạn có thể thêm các tiêu đề, văn bản, hình ảnh và các nút kêu gọi hành động, với các tùy chọn tạo kiểu như cài đặt màu nền, phông chữ và hiệu ứng chuyển động khi di chuột.

Nếu bạn đang tìm cách nhanh chóng thêm các vùng chứa có nội dung và muốn tùy chỉnh nhanh, đây là widget dành cho bạn.

Image Comparison

Widget Image Comparison cho phép người dùng xem hai hình ảnh xếp chồng lên nhau và trượt tương tác giữa chúng để so sánh trực quan các điểm khác biệt.

Widget này bao gồm ba tùy chọn tương tác để di chuyển thanh trượt: kéo, di chuột và nhấp. Bạn cũng có thể áp dụng hiệu ứng đổ bóng và làm mờ để thu hút sự chú ý của người dùng nhằm khiến họ tương tác với hình ảnh.

Giá: $0 – $127 / năm

Cách xây dựng một trang web đa ngôn ngữ với OceanWP và WPML

Jupiter X

Jupiter X là một giao diện giàu tính năng được thiết kế cho các trang web WordPress và WooCommerce. Nó cung cấp các khả năng tùy chỉnh mở rộng, một trình tạo biểu mẫu và popup, hơn 100 widget, hơn 450 mẫu trang web dựng sẵn và khả năng tạo và quản lý các loại nội dung tùy chỉnh.

Dưới đây là một số widget Jupiter X nổi bật:

Form Builder

Form Builder cho phép bạn dễ dàng xây dựng các biểu mẫu WordPress nâng cao. Nó có trình soạn thảo kéo và thả, hơn 12 loại trường và nhiều tùy chọn tùy chỉnh để tạo kiểu cho các biểu mẫu của bạn. Nếu bạn muốn xây dựng một trang web thành viên, bạn cũng có thể tạo các biểu mẫu đăng ký với các nút đăng nhập mạng xã hội nhanh, chẳng hạn như Đăng ký bằng Google. Bạn cũng có thể cho phép người dùng gửi nội dung của riêng họ lên trang web của bạn và kiểm duyệt nội dung nào được xuất bản.

Product Carousel

Widget Product Carousel cho phép bạn trưng bày các sản phẩm một cách hấp dẫn về mặt trực quan và có tính tương tác. Nó hỗ trợ nhiều bố cục dựng sẵn, tùy chỉnh kiểu dáng và hiệu ứng chuyển động tùy chỉnh, chẳng hạn như lật hình ảnh khi di chuột. Product Carousel cung cấp nhiều phần tử, bao gồm hình ảnh, miêu tả, giá cả, xếp hạng và các nút CTA. Bạn cũng có thể hiển thị các thẻ tùy chỉnh, chẳng hạn như ‘Đang giảm giá!’ và ‘Mới!’, cũng như chọn trong số một số tùy chọn điều hướng; mũi tên trái-phải, nút radio, kéo chuột hoặc không có gì.

WooCommerce Smart Coupons

WooCommerce Smart Coupons cho phép bạn tạo và quản lý các ưu đãi được cá nhân hóa cho khách truy cập dựa trên hành vi mua sắm, chi tiết giỏ hàng và nhân khẩu học của họ. Bạn có thể tạo mã giảm giá cho các sản phẩm cụ thể, tùy chỉnh giao diện của chúng và chọn nơi hiển thị chúng trên trang web của bạn. Để cải thiện mức độ tương tác, bạn cũng có thể nhắm mục tiêu mã giảm giá dựa trên hơn 35 điều kiện, chẳng hạn như các mặt hàng trong giỏ hàng, quốc gia của người dùng, thiết bị, ngày đăng ký, v.v.

Giá: $59

Cách xây dựng một trang web đa ngôn ngữ với Jupiter X và WPML

Phlox

Phlox là một giao diện WordPress đa mục đích, gọn nhẹ được thiết kế cho nhiều loại trang web. Nó cung cấp hơn 30 widget Elementor, hàng trăm trang web demo, một trình tùy chỉnh theo thời gian thực và hàng chục mẫu được thiết kế sẵn.

Dưới đây là một số widget nổi bật của Phlox:

Phlox Video

Widget Phlox Video cho phép bạn dễ dàng thêm video vào trang web của mình. Các định dạng được hỗ trợ bao gồm YouTube, Vimeo hoặc thư viện phương tiện của riêng bạn. Giống như bất kỳ widget Elementor nào, bạn có thể đặt Phlox Video ở bất kỳ đâu trên trang web của mình.

Ưu điểm của việc sử dụng widget này là các cài đặt nâng cao của nó, chẳng hạn như các tùy chọn tự động phát, lặp lại và chọn ảnh bìa. Bạn cũng có thể kiểm soát chiều cao, chiều rộng và màu nút phát của video.

Phlox Flexible Posts

Widget Phlox Flexible Posts cho phép bạn hiển thị nội dung dựa trên thiết kế tùy chỉnh mà bạn tạo bằng trình tạo mẫu Elementor. Bạn có thể hiển thị nội dung tĩnh hoặc động và bao gồm bất kỳ phần tử nào trong bố cục của mình.

Sử dụng widget này, bạn có thể tạo các thiết kế không giới hạn để giới thiệu bất cứ thứ gì trên trang web của mình.

Phlox Modern Heading

Phlox Modern Heading cho phép bạn hiển thị văn bản theo nhiều kiểu khác nhau. Sử dụng một phần tử duy nhất, bạn có thể thêm tiêu đề chính, tiêu đề phụ, miêu tả và đường phân cách. Mỗi phần có thể được tạo kiểu riêng lẻ, với các tùy chọn để tạo kiểu cho phần tử chính, bao gồm khoảng đệm, lề, độ bo góc, nền, hiệu ứng khi di chuột và hiệu ứng chuyển động

Giá: 0$ – $39

Cách xây dựng một trang web đa ngôn ngữ với Phlox và WPML

Sydney

Sydney là một giao diện đa mục đích và gọn nhẹ cho WordPress. Nó cung cấp hơn 20 widget Elementor, hiệu suất tuyệt vời với thời gian tải nhanh và tùy chỉnh nâng cao cho các bố cục và header.

Dưới đây là một số widget Sydney nổi bật:

Advanced Carousel

Widget Advanced Carousel cho phép bạn xây dựng các thanh trượt tùy chỉnh với số lượng slide tùy ý. Mỗi slide có thể là một hình ảnh, video, mã tùy chỉnh hoặc một mẫu Elementor. Widget này cung cấp các tùy chọn cấu hình nâng cao, chẳng hạn như tự động phát, tốc độ chuyển tiếp, tạm dừng khi di chuột và lặp lại vô hạn. Nó cũng bao gồm các điều khiển tùy chỉnh đầy đủ để tạo kiểu cho giao diện của carousel và các mũi tên điều hướng của nó.

Widget Tooltip cho phép bạn thêm các tooltip hữu ích vào bất kỳ widget Elementor nào trên trang web của bạn. Tính năng này rất hữu ích để cung cấp thông tin bổ sung cho khách truy cập mà không làm lộn xộn bố cục của bạn. Các tùy chọn cấu hình bao gồm kiểm soát vị trí kích hoạt (di chuột hoặc nhấp) và giao diện để căn chỉnh tooltip phù hợp với nhu cầu thiết kế của bạn.

Widget Mailchimp cho phép bạn thêm biểu mẫu đăng ký nhận bản tin ở bất kỳ đâu trên trang web của mình. Widget này kết nối trực tiếp với tài khoản Mailchimp của bạn, vì vậy một số cài đặt Mailchimp có thể được cấu hình trực tiếp trong trình tạo trang Elementor.

Ví dụ: bạn có thể chỉ định đối tượng mà người đăng ký sẽ được thêm vào trong cài đặt widget. Điều này đơn giản hóa cách bạn thiết lập biểu mẫu và cho phép bạn dễ dàng thực hiện các thay đổi mà không cần phải đăng nhập vào Mailchimp.

Giá: $55 – $199 / năm

Cách xây dựng một trang web đa ngôn ngữ với Sydney và WPML

TheGem

TheGem là một giao diện WordPress mạnh mẽ được thiết kế để tùy chỉnh linh hoạt. Được coi là “Dao Thụy Sĩ của các giao diện WordPress”, TheGem bao gồm hơn 30 widget Elementor, hàng trăm trang web và mẫu dựng sẵn, cùng các tùy chọn bố cục mở rộng.

Dưới đây là một số widget nổi bật của TheGem:

Tabs Styles

Widget Tabs Styles cho phép bạn nhóm và hiển thị nội dung trong một giao diện dạng tab nhỏ gọn, thân thiện với người dùng. Các tab có tính phản hồi và có sẵn trong nhiều thiết kế. Ví dụ: bạn có thể bao gồm các nút tab ở trên, ở dưới và bên cạnh nội dung của mình. Bạn cũng có thể thêm bất kỳ nội dung nào bạn muốn vào bên trong các tab của mình: văn bản, hình ảnh, biểu đồ tương tác, thanh trượt và các nút.

Không có giới hạn về số lượng tab bạn có thể tạo. Và với các tùy chọn tạo kiểu có khả năng tùy chỉnh cao, mọi thiết kế có thể tưởng tượng được đều có thể thực hiện được.

Products by Status

Widget Products by Status cho phép bạn hiển thị các sản phẩm tùy thuộc vào một thuộc tính cụ thể. Ví dụ: bạn có thể hiển thị các sản phẩm có giảm giá, bán chạy nhất, được đánh giá cao nhất hoặc từ một danh mục cụ thể. Bạn cũng có thể tùy chỉnh bố cục hiển thị, chọn trưng bày các sản phẩm trong một dạng lưới, thanh trượt hoặc thiết kế tùy chỉnh.

Khi di chuột, bạn có thể chọn hiển thị thông tin bổ sung, chẳng hạn như tiêu đề, giá cả và xếp hạng. Hoặc, hiển thị một hình ảnh mới thay cho hình ảnh mặc định bằng cách sử dụng hiệu ứng chuyển tiếp mượt mà.

Giá: $59

Cách xây dựng một trang web đa ngôn ngữ với TheGem và WPML

RealHomes

RealHomes là một giao diện WordPress được thiết kế đặc biệt cho các trang web bất động sản. Nó cung cấp các bố cục dựng sẵn để hiển thị các danh sách bất động sản và hồ sơ đại lý. Nó cũng có một bảng điều khiển hoàn chỉnh để quản lý các danh sách của bạn, chấp nhận các bài đăng bất động sản từ người dùng và cung cấp các gói thành viên.

Dưới đây là một số widget RealHomes nổi bật:

Custom Header and Footer

Custom Header and Footer cho phép bạn tạo các header và footer bằng các mẫu Elementor. Bạn có thể thêm bất kỳ phần tử nào, bao gồm văn bản, hình ảnh, nút, menu điều hướng và các widget Elementor khác. Bạn cũng có thể tùy chỉnh các phần tử để phù hợp với phong cách thương hiệu của mình, bao gồm phông chữ, màu văn bản, nền, khoảng đệm và lề, đường viền, v.v.

Custom Header and Footer được bao gồm trong phiên bản miễn phí của Elementor, khiến nó trở thành giải pháp hoàn hảo để xây dựng các trang web tùy chỉnh với ngân sách thấp.

Widget Advance Search cho phép khách truy cập thực hiện các tìm kiếm bất động sản chi tiết bằng cách sử dụng các bộ lọc khác nhau. Điều này bao gồm loại bất động sản, vị trí, giá cả, kích thước, số giường, phòng tắm, v.v. Ngoài chức năng tìm kiếm mạnh mẽ, bạn cũng có thể tùy chỉnh giao diện widget bằng cách sử dụng màu sắc, khoảng đệm và lề.

Giá: $69

Cách xây dựng một trang web đa ngôn ngữ với RealHomes và WPML

Biagiotti

Biagiotti là một giao diện WordPress được tạo riêng cho các trang web làm đẹp và mỹ phẩm. Nó cung cấp hơn 60 widget Elementor, nhiều bố cục cửa hàng, các header có thể tùy chỉnh và các kiểu blog khác nhau.

Dưới đây là một số widget Biagiotti nổi bật:

Product Carousel

Widget Product Carousel cho phép bạn hiển thị các sản phẩm trong một bố cục ngang được thiết kế sẵn. Bạn có thể tùy chỉnh carousel để bao gồm hình ảnh, tiêu đề, danh mục sản phẩm, giá cả và xếp hạng. Ngoài ra, bạn cũng có thể thêm các thẻ, chẳng hạn như “mới” hoặc “đang giảm giá”.

Mỗi mặt hàng sản phẩm cũng bao gồm nút thêm vào giỏ hàng, lưu vào danh sách mong muốn và chức năng ‘xem thêm’ sẽ mở ra một popup với các chi tiết bổ sung và nút mua hàng. Nhìn chung, carousel này bao gồm mọi thứ bạn cần để làm nổi bật các sản phẩm trên trang web của mình và thúc đẩy doanh số.

Product Exhibition

Widget Product Exhibition cho phép bạn trưng bày các sản phẩm của mình một cách đẹp mắt trong một bố cục dạng lưới. Khi di chuột qua một sản phẩm, các chi tiết bổ sung sẽ xuất hiện: tiêu đề, giá cả, xếp hạng, nút thêm vào giỏ hàng, danh sách mong muốn và nút tìm hiểu thêm.

Nếu bạn đang tìm kiếm một cách mới để trở nên nổi bật và trưng bày các sản phẩm của mình, widget Product Exhibition sẽ đáp ứng nhu cầu của bạn.

Giá: $69

Cách xây dựng một trang web đa ngôn ngữ với Biagiotti và WPML

Đáng chú ý:

Hello Elementor

Hello Elementor là một giao diện đa mục đích, gọn nhẹ được tạo bởi nhóm Elementor. Mặc dù nó không có bất kỳ widget tùy chỉnh nào của riêng mình, nó bao gồm các widget tiêu chuẩn đi kèm với trình tạo trang Elementor. Để xem danh sách đầy đủ, hãy truy cập trang Elementor Widgets.

Giá: miễn phí

Cách xây dựng một trang web đa ngôn ngữ với Hello Elementor và WPML

Bạn đang sử dụng giao diện nào?

Bạn đang sử dụng hay đang tìm kiếm một giao diện có các widget Elementor tùy chỉnh? Hãy bình luận bên dưới và cho chúng tôi biết về nó!