Bạn có bao giờ tự hỏi làm thế nào bạn có thể làm cho hình ảnh của mình mang tính mô tả và tương tác hơn không? Đừng lo lắng nữa vì WordPress có một số plugin cho cả trình chỉnh sửa Gutenberg và trình tạo trang cũng như Elementor có thể giúp bạn thực hiện công việc này dễ dàng hơn rất nhiều.
Các plugin Image Hotspot giúp bạn làm nổi bật vị trí hình ảnh, mô tả hoặc bất kỳ loại nội dung nào bằng chú giải công cụ động, v.v. Bạn chỉ cần có được giải pháp hoàn hảo để bắt đầu. Don’t lo!
Image Hotspot là điều cần thiết để làm cho hình ảnh của bạn thú vị hơn trong mắt khách hàng. Nó giúp xác định mục đích của từng hình ảnh, giá cả, lịch sử hoặc bất kỳ ý tưởng nào mà bạn có thể chia sẻ với khách hàng của mình một cách tương tác bằng cách sử dụng điểm phát hình ảnh.
Ở đây trong blog này, bạn sẽ biết một số plugin WordPress Image Hotspot tốt nhất cho Gutenberg, WPBakery & Elementor. Let’s bắt đầu.
1. Bản đồ hình ảnh HotSpot với Lightbox
Bản đồ hình ảnh HotSpot dành cho WordPress giúp bạn hiển thị chú giải công cụ hoặc chú thích cho hình ảnh của mình với quá trình chuyển đổi CSS3 mượt mà. Bạn có thể chọn hiển thị cửa sổ bật lên khi người dùng nhấp hoặc di chuột qua và dễ dàng kéo biểu tượng để cập nhật vị trí của HotSpot’ trong phần phụ trợ. Bản xem trước trực tiếp đang hoạt động có sẵn trong phần phụ trợ, chẳng hạn như WYSIWYG (Những gì bạn thấy là những gì bạn nhận được).
Mỗi biểu tượng điểm phát sóng hỗ trợ hoạt hình xung tùy chọn.
Các biểu tượng điểm phát sóng có thể được hiển thị bằng số, sau phiên bản 1.3.3, điểm phát sóng cũng hỗ trợ Hộp đèn , bạn có thể nhấp vào biểu tượng để mở Hộp đèn YouTube hoặc Vimeo , cũng hỗ trợ Hộp đèn hình ảnh hoặc bản đồ google .
Các tính năng chính
- Dễ dàng cài đặt và thiết lập với WordPress
- Draggableicons trong phần phụ trợ
- Phản ứng nhanh nhẹn
- Nhiều phiên bản HotSpot trên cùng một trang
- Hỗ trợ chuyển tiếp CSS3
- Tự động trì hoãn trình chiếu tùy chọn
2. Image Hotspot với Tooltip For Elementor
Giúp bạn thêm biểu tượng điểm phát sóng bằng chú giải công cụ vào hình ảnh trong Elementor Page Builder, điểm phát sóng có thể là biểu tượng, số hoặc dấu chấm đơn.
Lưu ý: gói tiện ích con này dành cho Trình tạo trang phần tử.
Bạn có thể lấy tiện ích này từ Tiện ích tất cả trong một cho Plugin WordPress Trình tạo trang Elementor . It’s khuyến nghị mua gói Tất cả trong một sẽ chứa các tiện ích/addon khác trong bản cập nhật trong tương lai.
Bạn có thể xem video ghi lại màn hình từ YouTube và quá trình chỉnh sửa trông như thế nào.
Các tính năng chính
- Hỗ trợ Hotspot Biểu tượng, Số hoặc Dấu chấm đơn
- Chú giải công cụ hỗ trợ nội dung phong phú, như video YouTube/Vimeo, hình ảnh
- Chú giải công cụ có thể được kích hoạt bằng cách nhấp hoặc di chuột
- Chỉ xếp hàng js và CSS khi cần
- Kiểu biểu tượng tích hợp và hỗ trợ màu tùy chỉnh
- Đường viền hoạt hình xung tùy chọn cho điểm phát sóng, kiểu chú giải công cụ tùy chọn
- Chú giải công cụ có thể được đặt để hiển thị theo mặc định.
- Tương thích với Elementor mới nhất và WordPress mới nhất.
3. Điểm truy cập hình ảnh bổ trợ của trình tạo trang WPBakery với Chú giải công cụ và Hộp đèn
Giúp bạn thêm biểu tượng điểm phát sóng bằng chú giải công cụ và hộp đèn trong một hình ảnh cho Trình tạo trang WPBakery.
Lưu ý: bạn có thể tải addon này từ All In One Addons for WPBakery Page Builder . It’s khuyên bạn nên mua gói Tất cả trong một cũng chứa các phần bổ sung khác trong bản cập nhật trong tương lai.
Plugin này là addon cho Trình tạo trang WPBakery , nó yêu cầu Trình tạo trang WPBakery phải được cài đặt và kích hoạt trên trang web của bạn. Front Editor cũng được yêu cầu kích hoạt để kéo cập nhật vị trí biểu tượng.
Nếu bạn muốn sử dụng tiện ích bổ sung này trong Trình tạo trang Elementor: don’t, hãy quên xem tiện ích Tất cả trong một dành cho Elementor , tiện ích này bao gồm Điểm truy cập hình ảnh này với Chú giải công cụ. Video demo nhanh về cách hoạt động của tiện ích bổ sung này (sau phiên bản 1.2, bạn có thể kéo biểu tượng để cập nhật vị trí của nó trong trình chỉnh sửa giao diện người dùng):
Các tính năng chính
- Hộp đèn hỗ trợ Hotspot
- Các biểu tượng Hotspot hỗ trợ bất kỳ loại màu nào
- Kiểu chú giải công cụ tùy chọn: bóng tối, ánh sáng, đen tối, punk
- Bạn có thể dễ dàng tùy chỉnh từng vị trí của biểu tượng điểm phát sóng’ trong trình chỉnh sửa Giao diện người dùng của Trình tạo trang WPBakery
- Responsive và retina sẵn sàng
- Chú giải công cụ hỗ trợ bất kỳ loại nội dung nào, chẳng hạn như hình ảnh hoặc video
- Hoạt hình chú giải công cụ tùy chọn: phát triển, trượt, mờ dần, giảm
- Mở rộng Trình tạo trang WPBakery
4. GutenSpot - Điểm truy cập thư viện hình ảnh cho Gutenberg
Tạo các điểm nóng tùy chỉnh để làm cho hình ảnh của bạn có nhiều thông tin và tương tác hơn bằng cách sử dụng các khối Gutenberg .
Gutenspot giúp bạn hiển thị các sản phẩm WooC Commerce, sản phẩm của Amazon, tính năng sản phẩm, hướng dẫn trực quan, bản đồ hình ảnh, biểu đồ hoặc đồ thị hình ảnh tương tác và các bài đăng trên blog một cách dễ dàng và tương tác.
Ngoài ra, có một khả năng và xác định vị trí của các chú giải công cụ không che phủ lẫn nhau nếu chúng được đặt quá gần và làm cho nó hiển thị khi di chuột, khi nhấp hoặc mọi lúc.
Điểm chính là bạn có thể chỉnh sửa nó một cách trực quan bằng Gutenberg Visual Builder mà không cần bất kỳ kinh nghiệm viết mã nào.
Các tính năng chính
- Siêu dễ cài đặt và sử dụng
- Thêm bao nhiêu điểm nóng vào một hình ảnh tùy thích
- Mỗi nội dung chú giải công cụ có thể được tùy chỉnh riêng
- Hiển thị 4 loại nội dung trong Tooltip – Simple text, WooCommerce Products, Amazon Products & Blog Posts
- Bạn có thể thêm một hình ảnh hoặc một bộ sưu tập để hiển thị các điểm nóng trên
- 3 loại ghim có sẵn – biểu tượng vuông, tròn hoặc tùy chỉnh
- Thay đổi/quản lý điểm nóng hoặc xóa hình ảnh
- Hiệu ứng xung đẹp trên các điểm nóng
5. Getwid – Gutenberg Blocks cho WordPress
Getwid đi kèm với các khối Gutenberg 40+ và đặc biệt là với khối WordPress Image Hotspot này. Nó đi kèm với cả phiên bản miễn phí và trả phí để giúp trải nghiệm của bạn trở nên tuyệt vời hơn. Và phần tử điểm truy cập hình ảnh miễn phí cho người dùng WordPress Gutenberg.
Đối với kiểu dáng của chú giải công cụ, khối này cho phép bạn sử dụng các biểu tượng Font Awesome cho con trỏ, tùy chỉnh màu sắc và kích cỡ cũng như thay đổi thiết kế chú giải công cụ mặc định.
Bạn có thể tùy chỉnh giao diện và tính tương tác của các chú giải công cụ của mình và dễ dàng di chuyển chúng qua các hình ảnh.
Các biểu tượng Hotspot có thể tùy chọn được tạo động bằng cách áp dụng hoạt ảnh xung và thêm hoạt ảnh khi xuất hiện và khi di chuột.
Vì vậy, chỉ trong vài cú nhấp chuột, bạn có thể làm cho hình ảnh của mình có tính thông tin và tương tác ngay lập tức.
Các tính năng chính
- khối phần
- Biểu tượng Fontawesome cho Con trỏ
- Khối thanh trượt hình ảnh
- Tùy chỉnh màu Tooltip
6. Toàn cảnh 360°
iPanorama 360 Virtual Tour Builder là plugin WordPress cho phép bạn tạo các chuyến tham quan ảo tuyệt vời cho khách hàng của mình mà không cần kiến thức lập trình nâng cao. Sử dụng trình tạo tích hợp, bạn có thể dễ dàng tải lên ảnh toàn cảnh của mình, thêm các điểm phát sóng cho phép người dùng điều hướng từ cảnh này sang cảnh khác và thêm cửa sổ bật lên để chỉ ra thông tin quan trọng về bất kỳ phần nào của cảnh. Bạn có thể làm phong phú điểm phát sóng hoặc cửa sổ bật lên bằng văn bản, hình ảnh, video và phương tiện trực tuyến khác.
Nhìn chung, đây là plugin tuyệt vời để quảng bá các địa điểm du lịch (ví dụ: Công viên quốc gia và phòng khách sạn) theo cách mà hầu hết khách du lịch đều muốn xem.
Các tính năng chính
- Tương thích với tất cả các trình duyệt mới nhất
- Tham quan trực quan
- Hệ thống cửa sổ bật lên
- Popover Hiển thị & Ẩn Ảnh động
- đánh dấu
- Hệ thống chú giải công cụ
- Chú giải công cụ Hiển thị & Ẩn hoạt ảnh
- Hiệu ứng chuyển cảnh
7. WordPress Tooltips Ultimate & Image Hotspot
Plugin điểm phát hình ảnh này cung cấp cho bạn tùy chỉnh đầy đủ các chú giải công cụ của bạn. Nó thực sự là một trong những plugin WordPress chú giải công cụ đa dạng và đa năng nhất.
Với plugin này, bạn thậm chí có thể thêm các điểm nóng kích hoạt các chú giải công cụ mà bạn muốn cho hình ảnh của riêng mình. Chỉ cần tạo hình ảnh điểm phát sóng của bạn và dán mã ngắn vào trang web của bạn.
Ngoài các cửa sổ chú giải công cụ theo phương thức tiêu chuẩn, plugin phù hợp để thêm video YouTube hoặc Vimeo vào chú giải công cụ của bạn, sử dụng các kiểu bản đồ hấp dẫn trên bản đồ Google của bạn và thêm văn bản HTML tùy chỉnh.
Các tính năng chính
- Tùy chọn kiểu dáng chú giải công cụ
- Tùy chọn neo chú giải công cụ
- Tùy chọn hoạt ảnh
- Nhiều tùy chọn vị trí tooltip
- Tùy chọn mũi tên chú giải công cụ
- tùy chọn tương tác
- Phông chữ của Google
- Chú giải công cụ video
8. Hình ảnh HotSpot Bởi DevVN
Với sự trợ giúp của plugin WordPress Image Hotspot by DevVN cho khối Gutenberg của bạn, bạn có thể dễ dàng thêm hình ảnh và điểm phát sóng vào đó mà không gặp bất kỳ rắc rối nào. Bạn không cần phải thêm bất kỳ mã nào và làm cho hình ảnh của bạn trở nên bắt mắt và giàu thông tin trong mắt khách truy cập trang web của bạn. Nó hoàn toàn miễn phí và bao gồm các tính năng jQuery PowerTip nâng cao.
Một trong những ưu điểm rõ ràng của plugin này là bạn có thể thêm văn bản được định dạng thông qua trình soạn thảo văn bản mặc định hỗ trợ cài đặt kiểu chữ cơ bản, hình ảnh, liên kết, v.v. Tất cả các cài đặt này cho phép bạn tạo một ghim thực sự có nhiều thông tin và phù hợp.
9. Straum (Điểm truy cập hình ảnh cho Elementor)
Đây là tiện ích điểm truy cập hình ảnh Elementor của Stratum cho phép bạn kiểm soát hoàn toàn mọi thứ, bao gồm kích thước, màu sắc và biểu tượng của nó. Ngoài ra, nó có thể hiển thị các hiệu ứng hoạt hình và nó có thể hiển thị các biểu tượng tương tác.
Với Stratum, bạn có thể truy cập vào nhiều tính năng của phần bổ trợ Elementor thường có trong tiện ích mở rộng Elementor của bên thứ ba mà không phải trả thêm phí.
Plugin cũng cho phép bạn tích hợp thư viện các biểu tượng tùy chỉnh của mình để sử dụng trên các điểm phát sóng. Chú giải công cụ có thể được kích hoạt khi nhấp và di chuột.
Các tính năng chính
- Biểu tượng tùy chỉnh
- Truy cập plugin Elementor
- Hiệu ứng hoạt hình
- Hiển thị các biểu tượng tương tác
10. Chú thích hình ảnh bản đồ Hotspot hình ảnh –
Image Hotspot có một số tùy chọn để tùy chỉnh. Có hàng trăm biểu tượng với màu sắc và kích thước khác nhau và bạn cũng có thể tùy chỉnh các biểu tượng này. Có rất nhiều phông chữ, bên cạnh các biểu tượng có sẵn với các màu sắc khác nhau.
Điểm phát sóng Bản đồ hình ảnh hỗ trợ mọi bài đăng, trang, tiện ích con, tất cả Chủ đề mới nhất và trình tạo trang. Nó cũng hỗ trợ phiên bản mới nhất của WordPress. Bạn cũng sẽ nhận được mã ngắn không giới hạn với CSS tùy chỉnh.
Các tính năng chính
- Con trỏ có sẵn trong ba phong cách
- Chú thích hình ảnh có sẵn
- Các biểu tượng phông chữ tuyệt vời tích hợp 1600+
- Bao gồm các tùy chọn văn bản con trỏ
Phần kết luận
Chú giải công cụ bạn quyết định chọn tùy thuộc vào loại trang web bạn có hoặc loại phần tử và nội dung, có thể là bản đồ, sản phẩm hoặc ngôi nhà. Tất cả mười plugin điểm truy cập hình ảnh hàng đầu của chúng tôi đã được liệt kê ở trên sẽ cung cấp cho bạn nhiều lựa chọn.
Tùy thuộc vào bạn để chọn cái bạn muốn sử dụng trong dự án tiếp theo của mình.
